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

#nav_outside{
	width: 788px;/*878 changes*/
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	padding-top:2px;
	background-image:url(../images/back_nav.gif);
	background-repeat:no-repeat;/*<<news*/
	background-position:center;
		padding-left: 90px;/*<<news*/
}
.menu{
	width: 805px;
	height: 40px;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;
	position:relative;
	letter-spacing:0.2px;
	text-transform:uppercase;
	text-align:center;
	line-height:40px;
	z-index:30;

}
.menu a{text-decoration:none;color:#0d2d5e;display:block;width:auto;padding:0 9px;}
.menu ul {padding:0; margin:0; list-style-type:none;}
.menu ul li {float:left; position:relative; height:40px;display:block;width:auto;}/* float the top list items to make it horizontal */
/* for IE6 IE5.5 to show the dropdown if not using .rollover*/
.menu ul a:hover{color:#fff;background:#333; display:block;}
/* above should be able to show it and enable user to move to the first level dropdown;*/

.current{display:block; margin:0;background:#333;}
.current .inside{color:#fff;}

body#home .homeb{display:block; margin:0;background:#333;}
body#home .homeb .inside{color:#fff;}

body#services .servicesb{display:block; margin:0;background:#333;}
body#services .servicesb .inside{color:#fff;}

body#projects .projectsb{display:block; margin:0;background:#333;}
body#projects .projectsb .inside{color:#fff;}

body#news .newsb{display:block; margin:0;background:#333;}
body#news .newsb .inside{color:#fff;}

body#company .companyb{display:block; margin:0;background:#333;}
body#company .companyb .inside{color:#fff;}

body#employment .employmentb{display:block; margin:0;background:#333;}
body#employment .employmentb .inside{color:#fff;}

body#locations .locationsb{display:block; margin:0;background:#333;}
body#locations .locationsb .inside{color:#fff;}

body#contactus .contactusb{display:block; margin:0;background:#333;}
body#contactus .contactusb .inside{color:#fff;}

/* First level dropdown styles */
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { display:block; width:138px; visibility:hidden; position:absolute; top:40px; left:0;position:absolute;border:solid #FFF; border-width:1px 0 0 0;} 
.menu ul ul li {display:block; width:138px;height:auto;position:relative; background-color:#999;color:#FFFFFF;text-align:center;padding:0;margin:0;border:1px solid #FFF;border-top:0px;font-size:9px;line-height:18px;}
/* rollover styles */
.menu ul ul a { display:block;height:100%;	letter-spacing:0px;} 
.menu ul ul a p{padding:10px 0;margin:0}
.menu ul ul a:hover {display:block;color:#FFF; background:#00498e;} 
.menu ul ul :hover > a {display:block;color:#FFF; background:#00498e;}
* html .menu ul ul a {width:138px; w\idth:120px;}/*for IE5.5 and IE6*/


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:0pt;}
 
 
/* Style the second level flyouts level background and rollovers */
.menu ul ul ul{left:138px; top:0px; width:138px; border:solid #FFF; border-width:1px 0 0 0;}/* position the third level flyout menu */
.menu ul ul ul a {background:#BBB;line-height:18px; }
.menu ul ul ul a:hover {background:#00498e;}
.menu ul ul ul :hover > a {background:#00498e;}



/* Style the third level flyouts level background and rollovers */
.menu ul ul ul ul {left:181px; top:0; width:160px;}/* position the third level flyout menu */
.menu ul ul ul ul a {background:#277BC7;}
.menu ul ul ul ul a:hover {background:#0F5DA4;}
.menu ul ul ul ul :hover > a {background:#0F5DA4;}



/* Styles for the right side drop down */
.right_menu ul ul { left:-52pt;}
/*
.right_menu ul ul ul{left:-175px; top:0; width:160px; border:solid #8F855B; border-width:1px 0 0 0 }

*/

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto;background:transparent url(../images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}