@charset "utf-8";

body  {

	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;

	background-image:url(images/bg_body.jpg);

	background-color: #1b2f3e;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	line-height:16px;

	color:#595959;

}



p {

margin-top:0px;

margin-bottom:12px;



}



ul {
	
	margin-top: 0;
	
	padding-top: 0px;

	margin-left:8px;

	padding-left:12px;

}



h1, h5 {

/* per Amy	*/

	font-size:22px;

	color:#595959;

	font-weight:bold;

	margin-bottom:12px;

	font-weight:normal;

	padding-bottom:0px;

	line-height:24px;

}



h2, h6 {

/* per Amy	*/

	font-size:17px;

	color:#595959;

	font-weight:normal;

	margin-bottom:4px;

	padding-bottom:0px;

	line-height:20px;

	margin-top:4px;

}



h3, h7 {

	font-size:14px;

	color:#a6a6a6;

	font-weight:bold;

	font-style:italic;

	margin-bottom:4px;

	padding-bottom:0px;

	line-height:16px;

	margin-top:4px;

}



h4, h8 {

	font-size:12px;

	color:#595959;

	font-weight:bold;

	margin-bottom:0px;

	padding-bottom:0px;

	line-height:14px;

	margin-top:2px;

}





a {

	text-decoration:none;

	color:#000099;

}



a:hover {

	color:#990000;

}



.twoColElsLtHdr #container { 

	width: 1180px;  /* add 210px to 970 */

	background: #FFFFFF;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

.twoColElsLtHdr #header { 

	background-image:url(images/bg_header.jpg);

	background-repeat:no-repeat;

	background-color:#FFFFFF;

	height:136px;

	position:relative;

} 

.twoColElsLtHdr #ImetcoLogo {

	position:absolute; 

	height:67px; 

	width:267px; 

	left: 0px; 

	top: 17px; 

} 



.twoColElsLtHdr #ImetcoLogo a{

	position:absolute; 

	height:67px; 

	width:267px; 

	display:block;

	left: 0px; 

	top: 0px; 

	text-decoration:none;

} 





.twoColElsLtHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

.twoColElsLtHdr #QuickLinks {

	position:absolute; 

	height:82px; 

	width:207px; 

	left: 956px; 

	top: 21px;

}

.twoColElsLtHdr #QuickLinks ul{

	margin: 0;

	padding: 0;

	font-size:11px;

	line-height:12px;

	font-weight:bold;

	color:#646565;

	list-style-image:url(images/quicklink_arrow.gif);

}

.twoColElsLtHdr #QuickLinks ul li{

	margin-left:20px;

	padding-left:0px;

}



.twoColElsLtHdr #QuickLinks ul li a{

	color:#646565;

	text-decoration:none;

}



.twoColElsLtHdr #QuickLinks ul li a:hover{

	color:#0000FF;

/*	text-decoration:underline; per Amy */

}



.QuickLinkRed {

	color:#7b1302;

}

.QuickLinkRed:hover {

	color:#0000FF;

}

.twoColElsLtHdr #sidebar1 {

	float: left; 

	width: 235px; /* since this element is floated, a width must be given */

	padding: 0; /* top and bottom padding create visual space within this div */

	margin:0 auto;
	

}

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {

	margin:0 auto;

}



.twoColElsLtHdr #mainContent {

	margin: 0 7px 0 270px; /* room for left column plus right border - Widen gap per Amy */

} 


.twoColElsLtHdr #mainContentHome {

/*	margin: 0 7px 0 250px; */
	margin: 0 7px 0 250px;

} 

.twoColElsLtHdr #footer { 

	width: 970px;  

	margin: 0 auto;

	text-align: center;

	color:#FFFFFF;

}  

.twoColElsLtHdr #footer a{ 

	color:#FFFFFF;

	text-decoration:none;

}  

.twoColElsLtHdr #footer a:hover{ 

	color:#FFFFFF;

/*	text-decoration:underline; per Amy */

} 

.twoColElsLtHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}



/* Miscellaneous classes for reuse */

.photo_right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.photo_left { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}







#awcc_nav {

	z-index:0;

	height:56px; 

	width:1180px; 

	font-size:14px; 

	line-height:40px; 

	color:#FFFFFF; 

	font-weight:bold;

	background-image:url(images/bg_hnav.gif);

	background-repeat:repeat-x;

}



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

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1em;

}



#awcc_nav a {

	display: block;

	width: 235px; /*changed from 155 for wider nav bar*/

	color:#FFFFFF; 

	text-decoration:none;

	text-transform:uppercase;

}



#awcc_nav a.mainLink {

	background-image:url(images/hnav_div.gif);

	background-repeat:no-repeat;

}



#awcc_nav li { /* all list items */

	float: left;

	width: 235px; /* width needed or else Opera goes nuts - changed from 155 for wider nav bar*/

	text-align:left; 

	line-height: 40px; /*Imetco*/

}



#awcc_nav li a {

	width:235px; /*changed from 155 for wider nav bar*/

	text-align:center;

}



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

	position: absolute;

	background-image:url(images/p7exp_mgrad.jpg);

	background-repeat:repeat-x;

	background-color: #cac8cd; 

	width: 235px; /*changed from 155 for wider nav bar*/

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

	border: 1px solid #781100;

}



#awcc_nav li ul a {

	text-align:left;

	text-transform:none;

	color:#000000;

	font-size:12px;

	padding-left:8px;

	width:227px;/*changed from 147 for wider nav bar*/

}



#awcc_nav li ul a:hover {

	background-color:#24445b; /*Change to blue per Amy*/

	color:#FFFFFF;

}



#awcc_nav li ul li {/* Imetco - second level list items */

	text-align:left;

	line-height: 1.75em;

}



#awcc_nav li ul ul { /* third-and-above-level lists */

	margin: -1.75em 0 0 235px; /*up to match line height and left to match width - changed from 155 for wider nav bar*/

}



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

	left: -999em;

}



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

	left: auto;

}


#awcc_phone {
	position:absolute; height:34px; width:220px; text-align: center; left: 2px; top: 103px; font-weight:bold; font-size:20px; line-height:34px; color:#646565;
}


#awcc_nav2 {

	z-index:20;

	position:absolute; 

	height:16px; 

	width:802px; 

	left: 236px; 

	top: 112px; 

	font-size:14px; 

	line-height:16px; 

	color:#646565;

	font-weight:normal;

}



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

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1em;

}



#awcc_nav2 a {

	display: block;

	color:#646565; 

	text-decoration:none;



	text-transform:uppercase;

/*	width: 80px; per amy, make spacing dynamic to width */

}



#awcc_nav2 a.mainLink {

	background-image:url(images/hnav_div2.gif);

	background-repeat:no-repeat;

}



#awcc_nav2 li { /* all list items */

	float: left;

	/*width: 80px;  width needed or else Opera goes nuts - comeback */

	text-align:left; 

	line-height: 16px; /*Imetco*/

}



#awcc_nav2 li a {

	text-align:center;

/*	width: 80px; per amy, make spacing dynamic to width*/

	padding:0px 20px 0px 20px;

}



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

	position: absolute;

	background-image:url(images/p7exp_mgrad.jpg);

	background-repeat:repeat-x;

	background-color: #cac8cd; 

	width: 160px;

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

	border: 1px solid #cac8cd;

}



#awcc_nav2 li ul a {

	text-align:left;

	text-transform:none;

	color:#000000;

	font-size:12px;

	padding-left:8px;

	width:132px;/* fix after menu widening, was width:152px; */

}



#awcc_nav2 li ul a:hover {

	background-color:#666666; /*comeback*/

	color:#FFFFFF;

}



#awcc_nav2 li ul li {/* Imetco - second level list items */

	text-align:left;

	line-height: 1.75em;

	width:120px;

}



#awcc_nav2 li ul ul { /* third-and-above-level lists */

	margin: -1.75em 0 0 120px; /*up to match line height and left to match width*/

	width: 160px;

}



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

	left: -999em;

}



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

	left: auto;

}




#awcc_nav3 {

	z-index:0;

	height:40px; 

	width:931px;/*931*/ 

	font-size:14px; 

	line-height:40px; 

	color:#FFFFFF; 

	font-weight:bold;

	background-image:url(images/bg_hnav.gif);

	background-repeat:repeat-x;
	
	float:right;
	
	margin-bottom:12px;
}



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

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1em;

}



#awcc_nav3 a {

	display: block;

	width: 185px; /*changed from 235 for home nav bar*/

	color:#FFFFFF; 

	text-decoration:none;

	text-transform:uppercase;

}



#awcc_nav3 a.mainLink {

	background-image:url(images/hnav_div.gif);

	background-repeat:no-repeat;

}



#awcc_nav3 li { /* all list items */

	float: left;

	width: 185px; /* width needed or else Opera goes nuts - changed from 235 for home nav bar*/

	text-align:left; 

	line-height: 40px; /*Imetco*/

}



#awcc_nav3 li a {

	width:185px; /*changed from 235 for home nav bar*/

	text-align:center;

}



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

	position: absolute;

	background-image:url(images/p7exp_mgrad.jpg);

	background-repeat:repeat-x;

	background-color: #cac8cd; 

	width: 185px; /*changed from 235 for home nav bar*/

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

	border: 1px solid #781100;

}



#awcc_nav3 li ul a {

	text-align:left;

	text-transform:none;

	color:#000000;

	font-size:12px;

	padding-left:8px;

	width:177px;/*changed from 227 for home nav bar*/

}



#awcc_nav3 li ul a:hover {

	background-color:#24445b; /*Change to blue per Amy*/

	color:#FFFFFF;

}



#awcc_nav3 li ul li {/* Imetco - second level list items */

	text-align:left;

	line-height: 1.75em;

}



#awcc_nav3 li ul ul { /* third-and-above-level lists */

	margin: -1.75em 0 0 185px; /*up to match line height and left to match width - changed from 235 for home nav bar*/

}



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

	left: -999em;

}



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

	left: auto;

}


#awcc_nav4 {

	z-index:20;

	position:absolute; 

	height:16px; 

	width:802px; 

	left: 252px; 

	top: 112px; 

	font-size:14px; 

	line-height:16px; 

	color:#646565;

	font-weight:normal;

}



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

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1em;

}



#awcc_nav4 a {

	display: block;

	color:#646565; 

	text-decoration:none;

	text-transform:uppercase;

/*	width: 80px; per amy, make spacing dynamic to width */

}



#awcc_nav4 a.mainLink {

	background-image:url(images/hnav_div2.gif);

	background-repeat:no-repeat;

}



#awcc_nav4 li { /* all list items */

	float: left;

	/*width: 80px;  width needed or else Opera goes nuts - comeback */

	text-align:left; 

	line-height: 16px; /*Imetco*/

}



#awcc_nav4 li a {

	text-align:center;

/*	width: 80px; per amy, make spacing dynamic to width*/

	padding:0px 20px 0px 20px;

}



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

	position: absolute;

	background-image:url(images/p7exp_mgrad.jpg);

	background-repeat:repeat-x;

	background-color: #cac8cd; 

	width: 160px;

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

	border: 1px solid #cac8cd;

}



#awcc_nav4 li ul a {

	text-align:left;

	text-transform:none;

	color:#000000;

	font-size:12px;

	padding-left:8px;

	width:132px;/* fix after menu widening, was width:152px; */

}



#awcc_nav4 li ul a:hover {

	background-color:#666666; /*comeback*/

	color:#FFFFFF;

}



#awcc_nav4 li ul li {/* Imetco - second level list items */

	text-align:left;

	line-height: 1.75em;

	width:120px;

}



#awcc_nav4 li ul ul { /* third-and-above-level lists */

	margin: -1.75em 0 0 120px; /*up to match line height and left to match width*/

	width: 160px;

}



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

	left: -999em;

}



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

	left: auto;

}




.twoColElsLtHdr .awcc_featured_div {

	margin: 8px 0px 8px 8px;

	float:right;

	width:218px;

	background-image:url(images/bg_featureditem.gif);

	background-repeat:no-repeat;

	border:#CCCCCC 1px solid;

}



.twoColElsLtHdr .awcc_featured_div_heading{

	font-size:18px;

	color:#595959;

	height:53px;

	width:218px;

	line-height:18px;

	float:none;

	text-align:left;

}



.twoColElsLtHdr .awcc_featured_div_heading p{

	vertical-align:middle;

	padding:16px 0px 0px 53px;

	line-height: 18px;

}



.twoColElsLtHdr .awcc_featured_div_content{

	padding-left:8px;

	width:202px;

	text-align:left;

}