/*main headings*/
#menu UL { 
	padding:10px 0 0 0px;
	MARGIN:0px; 
	LIST-STYLE-TYPE: none;
	font-size:12px;
	z-index:100;
}


/*This floats the menu so they appear side by side and not on top of eachother.*/
#menu UL LI {
	POSITION:relative;
	float:left;
	/*line-height:140%;*/
	padding:0;
	margin:0;
}

/*This changes the position and appearance of the submenus*/
LI UL {
	DISPLAY: none;
}

#menu LI UL {
	POSITION: absolute;
	background-color:#4F5559;
	line-height:140%;	
	padding:0;
	margin:0;
}

#menu li ul li {
	line-height:200%;	
}

/*This changes the top level menu's links*/
#menu UL LI A {
	PADDING:0 3px;
	DISPLAY: block;
	COLOR:#FFFFFF;
	TEXT-DECORATION: none;
	text-transform:uppercase;
	font-weight:bold;
}

/*This changes the hover for all links in the menu div*/
#menu UL LI A:hover {
	color:#9EA900;
}


/*This changes the submenu links*/
#menu LI UL LI A {
	PADDING:2px 3px;
	color:#FFFFFF;
}

#menu LI UL LI A:hover {
	background-color:#9EA900;
	color:#4F5559;
	display:block;
}


/*This makes the submenu list display in the hover. Do not change either of the commands listed below.*/
LI:hover UL {
	DISPLAY: block;
}

LI.over UL {
	DISPLAY: block;
}
/*Please note that each of the main menus can have a class added to them and then each given a different width. The 
same can be done for the submenus. Each sub UL can be given a class and then each given a different width */

#menu #navhome {
	width:55px;
	padding-left:15px;
}

#menu #navabout {
	width:85px;
	padding-left:20px;
}

#menu #navserv {
	width:81px;
	padding-left:19px;
}

#menu #navbids {
	width:120px;
	padding-left:20px;
}

#menu #navproj {
	width:88px;
	padding-left:22px;
}

#menu #navnews {
	width:120px;
	padding-left:20px;
}

#menu #navcareers {
	width:80px;
	padding-left:20px;
}

#menu #navcontact {
	width:97px;
	padding-left:18px;
}

#menu #navsite {
	width:78px;
	padding-left:17px;
}

#sub_about {
	width:170px;
}

#sub_services {
	width:230px;
}

#sub_projects {
	width:140px;
}

#sub_news {
	width:200px;
}

#sub_careers {
	width:140px;
}

/*Services Page*/
#content_container ul#services {
	padding:0 0 0 12px;
	margin:0;
	list-style-type:none;
	font-size:12px;
}

#content_container ul#services li {
	padding:0 0 16px 0;
	margin:0;
}

ul#services li a {
	font-weight:bold;
	text-decoration:none;
	color:#002D62;
}

ul#services li a:hover {
	color:#9EA900;
}

/*Services Inside changing menu*/

#content_container ul.services_inside {
	padding:0 0 0 12px;
	margin:0;
	visibility:hidden;
	display:none;
}

#content_container ul.services_inside li {
	padding:0 0 16px 0;
	margin:0;
	list-style-type:none;
}

#content_container ul.services_inside li a {
	font-weight:bold;
	text-decoration:none;
	color:#002D62;
}

#content_container ul.services_inside li a:hover {
	color:#9EA900;
}

body#architecture ul#serv_architecture,
body#civil ul#serv_civil,
body#environmental ul#serv_environmental,
body#testing ul#serv_testing,
body#structural ul#serv_structural,
body#community ul#serv_community,
body#transportation ul#serv_transportation,
body#trans_proj_rd ul#serv_transportation {
	visibility:visible;
	display:block;
}

ul#serv_structural {
	font-weight:bold;
	color:#002D62;
}

span.shortmenu {
	padding-right:15px;
}
span.shortwebinars {
	padding-right:50px;
}

span.round {
	text-decoration:underline;
}

/*Project Menus*/


#content_container ul.projects {
	padding:0 0 0 12px;
	margin:0;
}

#content_container ul.projects li {
	padding:0 0 16px 0;
	margin:0;
	list-style-type:none;
}

#content_container ul.projects li a {
	font-weight:bold;
	text-decoration:none;
	color:#002D62;
}

#content_container ul.projects li a:hover {
	color:#9EA900;
}