BODY { font-family:  "Lucida Grande", Trebuchet MS, Geneva, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0;}



A:link { color: #ffffff; font-size:12px; text-decoration: underline; cursor: hand; }

A:active { color: #ffffff; font-size:12px;  text-decoration: underline; cursor: hand; }

A:visited { color: #ffffff;  font-size:12px; text-decoration: underline; cursor: hand; }

A:hover { color: #ffffff;  font-size:12px; text-decoration: none; cursor: hand;  }





/* logo nav area */



.containerlogonav { background: url(images/bg/container_bg.jpg) #9f9e9f no-repeat; position: relative; width: 776px; float: left; z-index: 2; }



.logo { background: url(images/logo.jpg) no-repeat; position: relative; width: 260px; height:115px; float: left; }



/* ------- nav */





.navbgwrapper  {position: relative; float: left; height: 115px; width: 515px; background: url(images/nav/nav_bg.gif) no-repeat;  }



#navcontainer {position: relative; float: right;  padding: 0 20px 0 0; border: 0px #ffffff outset; }



.WeWorkItTitle { position: relative; color: #fff; float: right; padding: 20px 5px 10px 0; }





/* --------- Nav brains */





#nav, #nav ul {  /* all lists */

	float: right;

	width: 89%;

	list-style: none;

	line-height: 1;

	padding: 0;

	border: solid #eda;

	border-width: 0px 0;

	margin: 0 0 0 0;

	z-index: 4;

}



#nav a {

	display: block;

	color: #ffffff;

	text-decoration: none;

	padding: 4px 4px 4px 4px;

}



#nav a.daddy {

	background: url(rightarrow2.gif) center right no-repeat;

}



#nav li {  /* all list items */

	float: left;

	padding: 0;

	margin: 0 4px 0 0;

	background: #000000;

}





#nav li ul { /* second-level lists */

	position: absolute;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	height: auto;

	font-weight: normal;

	border-width: 0px;

	margin: 0;

	width: 20em;

}



#nav li li {

	padding-right: 1em;

	width: 15em;

}



#nav li ul a {



}



#nav li ul ul {

	margin: -1.75em 0 0 14em;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {  /* lists nested under hovered list items */

	left: auto;

	float:right;

}



#nav li:hover, #nav li.sfhover { 

	background: #fe3700;

	font-color: #000000;

}


/* bottom nav */

 #bottomnav ul
{
margin: 15px 20px 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#bottomnav ul li { display: inline; }

#bottomnav ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
margin: 0px 5px 0 0;

}

#bottomnav ul li a:hover
{
color: #fff;

}


/* sub nav */

#subnavlistsidewrapper
{ margin: 0; padding: 0px 10px 10px 10px; }

#subnavlistside
{
margin-left: 0;
padding: 0;
list-style: none;
}

#subnavlistside li
{
padding: 3px 0px 5px 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}



/* lower level page layout */



.container { background: url(images/bg/container_bgv2.jpg) no-repeat; position: relative; width: 776px; float: left;  }

.containerhp { background: url(images/bg/container_bgoverview.jpg) no-repeat; position: relative; width: 776px; float: left;  }

.containercontenthp { position: relative; width: 776px; float: left;  background: url(images/hpcontainer_bg.jpg) #9f9e9f no-repeat; }

.containeroverview { background: url(images/bg/overviewcontainer_bg.jpg) no-repeat; position: relative; width: 776px; float: left;  }





.leftedge {  position: relative; width: 5px; float: left;}



.leftside {  position: relative; width: 255px; float: left;  }



.midspace {  position: relative; width: 5px; float: left;  }



/*.content {  position: relative; width: 501px; float: left;  }*/



.content {

	position: relative; width: 501px; float: left; padding: 0 0 0 0px; 

}



.PageHeader { background: url(images/h_bg.gif) no-repeat; position: relative; width: 501px; height: 39px; float: left; }

.PageOverviewHeader  { background: url(images/h_bg_overview.gif) no-repeat; position: relative; width: 501px; height: 39px; float: left; }



/*.PageHeaderText */

H1 { color: #ffffff; font-size: 12px; padding: 8px 0 0 10px; }



.PageContentText { color: #000000; font-size: 12px; padding: 5px 15px 15px 10px;  float: left;}



/*.copytitleheader  { color: #b11111;  }	*/

H2 { color: #b11111; margin: 0; padding: 0; font-size: 12px; }	



/*.copytitle {	color:#660000;  }	*/

H3  {	color:#660000; margin: 0; padding: 0; font-size: 12px; }		



/* bottom */	

		

.containerbottom { background: url(images/page_info_bottom_bg.jpg) #9f9e9f no-repeat; position: relative; width: 776px; height: 57px; float: left;  }



.bottom { position: relative; float: left; height: 50px; width: 776px; background: url(images/bottombg.gif) no-repeat;  }



.WeWorkItTitleBtm { position: relative; color: #fff; float: right; padding: 10px 20px 10px 0; }




/* sitemap */

#sitemap { margin-left: 0px; }
		
		#sitemap ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: verdana, arial, Helvetica, sans-serif;
		}
		
		#sitemap li { margin: 0 0 1px 0; }
		
		#sitemap a
		{
			display: block;
			padding: 5px 10px;
			width: 400px;
			margin: 2px 0 0 0;
			color: #fff;
			background-color: #000000;
			text-decoration: none;
		}
		
		#sitemap a:hover
		{
			color: #fff;
			background-color: #fe3700;
			text-decoration: none;
		}
		
		#sitemap ul ul li { margin: 0 0 1px 0; }
		
		#sitemap ul ul a
		{
			display: block;
			padding: 5px 10px;
			width: 400px;
			color: #fff;
			background-color: #333333;
			text-decoration: none;
		}
		
		#sitemap ul ul a:hover
		{
			color: #fff;
			background-color: #fe3700;
			text-decoration: none;
		}

/* homepage */



.hpcontainerbottom { background: url(images/hppage_info_bottom_bg.jpg) #9f9e9f no-repeat; position: relative; width: 776px; height: 57px; float: left;  }






.hpflash {  position: relative; float: left;  }



.containerdown { background: url(images/containerdown.gif) repeat-x;  }



.contentright {  position: relative; width: 501px; float: left;  }





.HpLeftSidePageHeader { background: url(images/hp_header.gif) no-repeat; position: relative; width:255px; height: 39px; float: left; }