@charset "UTF-8";
/* CSS Document */

/* RESET DEFAULT STYLES */

* {margin:0px; padding:0px;} /* normalizes margin, padding */
div,table,p {position:relative;} /* to help with position:absolute and z-index */
a {outline:none;} /* firefox fix */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ol, ul {list-style:none;} /* removes bullets from lists */
table {border-collapse:collapse; border-spacing:0px;}
fieldset, img {border:none;} /* removes border */
caption, th {text-align:left;} /* default is center */

/* MAIN STYLES */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#EEEEEE;
	font-size:11px;	
	line-height:16px;
	width:100%;
}


/**** COMMON FOR LAYOUT ****/

.left {
	width:70%;
	position:absolute;
	top:0px;
	left:0px;
	min-width:670px;
}


.right {
	width:45%;
	position:absolute;
	top:0px;
	right:0px;
}

.middle {
	width:997px;
	margin:0px auto;
	z-index:10;
	left:0px;
}

.content_left {
	width:662px;
	float:left;
}

.content_right {
	width:335px;
	float:left;
}

/***** SPECIFIC LAYOUT ******/

#masthead {margin-top:70px;position:relative;}

#masthead .left,
#masthead .right,
#masthead .middle {
	height:115px;
}

#masthead .content_left,
#masthead .content_right {
	height:115px;
}

#masthead .content_right {
	background-color:#FFFFFF;
}

#masthead .left {
	background-image:url(../images/2326x115_bg_masthead_left2.jpg);
	background-repeat:no-repeat;
	height:115px;
	background-position:left;
}

#masthead .right {
	background-image:url(../images/047x003_dotted_border.jpg);
	background-repeat:repeat-x;
	height:115px;
	background-position:bottom;
}

#masthead .middle .content_right {
	background-image:url(../images/259x003_dotted_border.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#masthead .middle .content_right h1 {
	background-image:url(../images/285x085_troask_logo.jpg);
	background-repeat:no-repeat;
	width:285px;
	height:85px;
	text-indent:-3000px;
	position:absolute;
	left:14px;
	top:14px;
}

#content .left,
#content .right,
#content .middle {
	height:252px;
}

#content .content_left,
#content .content_right {
	height:252px;
}

#content .content_left div {
	padding-top:16px;
}

#content .content_left p {
	padding:8px 60px 8px 30px;
	font-weight:bold;
	line-height:20px;
}

#content .content_right {
	background-color:#FFFFFF;
}

#content .left {
	background-image:url(../images/1937x252_bg_content2.jpg);
	background-repeat:no-repeat;
	height:252px;
	background-position:left;
}


#links {
	z-index:100;
}

#links .left,
#links .right,
#links .middle {
	height:21px;
}

#links .content_left,
#links .content_right {
	height:21px;
}

/* BLUE BAR */
#links .content_right,
#links .right {
	background-color:#0D3155;
}

/* GRAY BAR */
#links .left {
	height:21px;
	background-color:#96979A;
}

#links .right {
	height:21px;
}


#email .left,
#email .right,
#email .middle {
	height:230px;
}

#email .content_left,
#email .content_right {
	height:230px;
}

#email .content_right div {
	padding:22px 23px;
	border-left:1px solid #A7A9AC;
	height:210px;
}

#email .content_right div ul li a {
	display:block;
	background-repeat:no-repeat;
	width:99px;
	height:22px;
	text-indent:-3000px;
	background-position:left;
}

#email .content_right div ul #dick a {
	background-image:url(../images/198x022_email_dick.gif);
}

#email .content_right div ul #tino a {
	background-image:url(../images/198x022_email_tino.gif);
}

#email .content_right div ul li a:hover {
	background-position:right;
}

#email .left {
	height:230px;
	
}

#email .right {
	height:230px;
}


#footer .left,
#footer .right,
#footer .middle {
	height:28px;
}

#footer .content_left,
#footer .content_right {
	height:28px;
	color:#7C7B7B;
	font-size:9px;
}

#footer .content_left p {
	padding:0px 0px 0px 28px;
	font-size:10px;
}

#footer .content_right p {
	padding:0px 0px 0px 25px;
}

#footer .content_right {
	
}

#footer .content_left {
	font-weight:bold;	
}

#footer .left {
	height:28px;
	
}

#footer .right {
	height:28px;
}


/*********** DROPDOWNS **************/

#links ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position:relative;
  left:0px;
}
  

#links li {
	width: 145px;
}

#links #nav a {
	display: block;
	line-height:21px;
	text-decoration:none;
	font-size:9px;
	color:#EEEEEE;
	font-weight:bold;
	letter-spacing:2px;
	width:100px;
	margin:0px auto;
	text-align:center;
	height:21px;
}

#links #nav a:hover {
	color:#1E4164;
}


#links li {
  float: left;
  position: relative;
  border-left:3px solid #1D4164;
}



#links ul li ul {
  display: none;
  position: absolute; 
  top: 21px; /* DO NOT CHANGE - SEE BELOW */
  left: 30px;
  color:#666666; /* color of dropdown lists text */
  font-size:9px;
  padding-top:5px;
  border-top:1px solid #FFFFFF;
  /* if you need to increase the distance between the dropdowns and the links
  increase this border width NOT the top!!! If you increase the top you cannot rollover 
  the dropdowns because you are technically rolling off the links (there would
  be a space between the main link and the dropdowns */
}

#links ul li #residential {
  left: 27px;
}

#links ul li #commercial {
  left: 27px;
}

#links ul li #institutional {
  left: 22px;
}

#links li ul li {
  border:none;
  padding:0px;
  line-height:18px;
}


#links li > ul {
	top: auto;
	left: auto;
}

#links li:hover ul, 
#links li.over ul {
	display: block;
}