/*

	-- -- -- -- -- -- --
	Created by: Ben Reed
	Ruekert Mielke layout and style CSS file
	last edit: 8 may 07 by Ben Reed
	-- -- -- -- -- -- --

	File Contents:
	Base layout and style for site-wide elemets.
	Includes print styles.
	
*/


/* ----------------- */
/* --Screen Styles-- */
@media screen { 


/* ------------------------- */
/* --General Page Elements-- */
body {
	margin: 0px; 
	padding: 0px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #333;
	}
	
img { border: 0; margin: 0; padding: 0; }

p { margin: 0 0 10px 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; padding-top: 0; }

a:link, a:visited { color: #006699; text-decoration: none; }
a:hover, a:active { color: #CC6600; text-decoration: none; }

/* ------------------- */
/* --Header Elements-- */

/* --Logo and Search-- */
#head {
	background: url(/_images/common/head_bg_repeat.gif) top repeat-x;
	float: left;
	height: 60px;
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: center;
	width: 100%;
	}

#headItems {
	list-style: none;
	margin: 0 auto; 
	padding: 0px;
	width: 980px;
	}

#logo, .logo { float: left; padding-top: 9px;padding-right:10px; }

#search {
	float: right;
	padding-top: 15px;
	color: #666; 
	font-weight: bold;
	}
	
/* ----------------------- */
/* --Main tab navigation-- */

/* --Tabs-- */
#menu {
	width: 978px;
	font-size: 11px;
	height: 45px;
	margin: 0; padding: 0;
	background: url(/_images/common/blue-stroke-top.gif) no-repeat left bottom;
	}

#nav {
	width: 873px;
	clear:both;
	height:auto;
	padding:0;
	margin:0;
	}

#nav ul  { list-style: none; }

#nav ul li {
	float: left;
	margin: 7px 0px 0px 0px; 
	padding: 0px 0px 0px 6px;
	list-style: none;
	background: url(/_images/common/left_both.gif) no-repeat left top;
	}
	
#nav  ul li a {
  display: block;
  background: url(/_images/common/right_both.gif) no-repeat right top;
  padding: 4px 10px 2px 5px;
  text-decoration: none;
  font-weight: bold;
  color: #999999;
  }
	
#nav  ul li a:hover { color: #00679a; }

/* --1st Level Drop-down Menu Parameters-- */
#nav ul ul { 
	position: absolute;
 	left: -999em;
	width: 150px;
	w\idth: 150px;
	font-weight: normal;
	margin: 0 0 0 -5px;
	padding: 0;
	list-style: none;
	background: none;
	text-align: left;
	height: auto;	
	z-index: 99;	
	}
	
#nav ul ul li {
	width: 150px;
	padding: 0;
	margin:0;
	background: none;
	height: auto;
	z-index:99;	
	}

#nav ul ul li a {
	width: 150px;
	w\idth: 150px;
	padding: 4px 8px 4px 8px;
	display: block;
	border-top: 1px solid #CCC;
	background: #FFF;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	color: #333;
	font-size: 11px;
	font-weight: normal;
	height: auto;
	z-index:99;	
	}
	
	
#nav ul ul li a:hover {
	left: auto; 
	background: #FFF;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	color: #006699;
	display: block;	
	border-top: 1px solid #CCC; 
	border-right: none; 
	border-left: none; 
	border-bottom: none;
	height: auto;
	z-index:99;	
	}

/* --2nd Level Drop-down Menu Parameters-- */	
#nav ul ul ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	w\idth: 150px;
	font-weight: normal;
	margin: -23px 0 0 166px;
	padding: 0;
	list-style: none;
	text-align: left;
	height: auto;
	z-index:100;	
	}
	
#nav ul ul ul li {
	width: 100px;
	padding: 0;
	margin:0;
	height: auto;
	z-index:100;
	}

#nav ul ul ul li a {
	width: 150px;
	w\idth: 150px;
	padding: 4px 8px 4px 8px;
	display: block;
	border-top: 1px solid #CCC;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #efefef ;
	height: auto;
	z-index:100;
	}
	
#nav ul ul ul li a:hover {
	left: auto; 
	background: #efefef;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	color: #006699;
	display: block;	
	border-top: 1px solid #CCC; 
	border-right: none; 
	border-left: none; 
	border-bottom: none;
	height: auto;
	z-index:100;	
	}
	
/* --Drop-down Menu Hide and View Parameters-- */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	position: absolute;     
	left: -999em; 
	} 

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {     
	left: auto; 
	} 
	
/* --Utility Links-- */
#utility-links {
	width: 105px; 
	height: 19px; 
	margin: 5px 0 0 0; 
	padding: 0 0 0 50px;
	float: right;
	position: relative;
	background: transparent url(/_images/common/utility-links.gif) no-repeat top left;
	}
	
*html body #utility-links { margin: -23px 0 0 0; } /* --Haq Attaq for IE6-- */

#utility-links li { 
	position: absolute; 
	top: 0; 
	} 

#menu #utility-links li, #menu #utility-links li a {  
	background-image: none; 
	display: block; 
	height: 19px; 
	}

/* --Positioning for individual list items-- */
#utility-links #print { left: 0; width: 21px; }
#utility-links #email { left: 41px; width: 21px; }
#utility-links #text-minus { left: 120px; width: 7px; }
#utility-links #text-plus { left: 136px; width: 7px; }
/* --Add width to open up 'window' to show background-- */
#utility-links #print a, #utility-links #email a { width: 21px; }
#utility-links #text-minus a, #utility-links #text-plus a { width: 7px; }
/* --Adjust BG positioning on hover to show rollover-- */
#utility-links #print a:hover { background: url(/_images/common/utility-links.gif) no-repeat 0px -19px; }
#utility-links #email a:hover { background: url(/_images/common/utility-links.gif) no-repeat -41px -19px; }
#utility-links #text-minus a:hover { background: url(/_images/common/utility-links.gif) no-repeat -120px -38px; }
#utility-links #text-plus a:hover { background: url(/_images/common/utility-links.gif) no-repeat -136px -19px; }

/* -------------------- */
/* --Content Elements-- */

/* --Layout-- */
#container {
	width: 978px;
	margin: 0px auto 25px; 
	padding: 0;
	clear: both;
	}
	
#columnWrap {
	width: 938px;
	background: url(/_images/common/bg_side_borders3.gif) repeat-y;
	padding: 0px 20px .1em 20px;
	clear: both;
	}
	
/* --Left Column-- */
#left {
	width: 170px;
	float: left;
	}
	
#left h1 {
	width: 150px;
	font-size: 11px; color: #fdfdfe;
	margin: 0; 
	padding: 15px 10px 0 10px;
	background: url(/_images/common/left-nav-top.gif) no-repeat top left;
	}

/* --Engineering Solutions nav-- */
#solutions-nav { 
	list-style: none; 
	margin: 6px 10px 0 10px; 
	padding: 5px 0 0 0;
	background: url(/_images/common/dotted-line.gif) no-repeat top center; 
	font-weight: bold;
	}

#solutions-nav ul li { margin: 0 0 4px -30px; padding: 0px; font-size: 11px; list-style:none; }
#solutions-nav ul li a:link, #solutions-nav ul li a:visited { color: #b5daff; text-decoration: none; }
#solutions-nav ul li a:hover, #solutions-nav ul li a:active { color: #FFF; }

/* --Latest News-- */
#news-events { width: 158px; margin: 35px 3px 5px 3px; }

#news-events h3.leftnewshead { 
	width: 154px; 
	background: #68a76b url(/_images/common/latest_top.gif) top left no-repeat;
	color: #FFF;
	font-size: 11px;
	padding: 4px 0 1px 10px; 
	margin: 0;
	}

#latest-news, #events-cal {
	width: 148px; 
	background: url(/_images/common/leftsub_bottom.jpg) bottom left no-repeat;
	margin: 0; 
	padding: 10px 5px 5px 11px;
	color: #666;
	}
	
#upcoming dt, #latest-news dt { 
	font-weight: bold; 
	color: #006699; 
	margin: 0; 
	padding: 0; 
	}
	
/*#upcoming dd, #latest-news dd { margin: 0; padding: 0 5px 3px 0; }*/
#upcoming dt p a:link, #upcoming dt p a:visited, #latest-news dt p a:link, #latest-news dt p a:visited {  color: #666; text-decoration: none; font-weight: bold; }
#upcoming dt a:hover, #upcoming dt a:active { text-decoration: underline;}
#latest-news dt p a:hover, #latest-news dt p a:active { text-decoration: underline; font-weight: bold; }
#upcoming dd.archives, #latest-news dd.archives { padding-left: 65px; }

#upcoming dd.archives a:link, #upcoming dd.archives a:visited, #latest-news dd.archives a:link, #latest-news dd.archives a:visited { 
	margin: 3px 0 6px 0;
	color: #CC6600; 
	text-decoration: none; 
	font-weight: bold; 
	}
	
#upcoming dd.archives a:hover, #upcoming dd.archives a:active, #latest-news dd.archives a:hover, #latest-news dd.archives a:active { text-decoration: underline; }

/* --Events Calendar-- */
#news-events h3.lefteventshead { 
	width: 154px; 
	background: #acae6b url(/_images/common/events_top.gif) top left no-repeat;
	color: #FFF; 
	font-size: 11px;
	padding: 4px 0 1px 10px; 
	margin: 5px 0 0 0;
	}
	
#events-cal dt { 
	font-weight: bold; 
	color: #666; 
	margin: 0; 
	padding: 0 0 5px 0; 
	}
	
#events-cal dt.with-rule { 
	padding-top: 10px; 
	margin-top: 3px; 
	background: url(/_images/common/rule_leftnav.gif) left top no-repeat;
	}
	
#events-cal dd { margin: 0; padding: 0; }
#events-cal dd p {margin: 0 0 10px 0; padding: 0; }

#events-cal dd a:link, #events-cal dd a:visited { 
	font-weight: normal; 
	color: #006699; 
	text-decoration: none; 
	}
	
#events-cal dd a:hover, #events-cal dd a:active { text-decoration: underline; }
#events-cal dd.more-events { padding-left: 110px; }

#events-cal dd.more-events a:link, #events-cal dd.more-events a:visited { 
	margin: 3px 0; 
	color: #CC6600; 
	font-weight: bold; 
	text-decoration: none; 
	}
	
#events-cal dd.more-events a:hover, #events-cal dd.more-events a:active { text-decoration: underline; }


/* --Right Column-- */
#right {
	width: 763px;
	float: left;
	margin-left: 5px;
	}
	
#crumbs { padding: 3px 25px 0 25px; }

#main-copy {
	float: left;
	width: 510px;
	margin: 0 10px 0 5px;
	font-size: 11px; color: #666;
	}
	
* html body #main-copy { margin: 0 10px 0 3px; } /* --Haq Attaq for IE6-- */

/* --Home main content area - Welcome section-- */
#welcome {
	background: #cce1eb url(/_images/common/home-main-top.gif) left top no-repeat;
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	width: 510px;
	}
	
#careers {
	background: #cce1eb url(/_images/common/home-main-bottom.gif) left bottom no-repeat;
	list-style: none;
	margin: 0; padding: 0 0 10px 0;
	float: left; clear: both;
	width: 510px;
	min-height:250px;
  	height:auto !important;
  	height:250px;
	}
	
.whitebox { 
	float: left;
	width: 370px;
	margin: 10px 0 0 10px; padding: 0 ;
	background: #FFF url(/_images/common/whitebox_top.gif) left top no-repeat;
	}
	
.main-header {
	font-size: 18px; color: #006699;
	border-bottom: 1px dotted #666;
	padding: 0; margin: 10px;
	}
	
.whitebox p {
	margin: 0; 
	padding: 0 10px 10px 10px;
	line-height: 18px;
	}

.whitebox span {
	display: block; 
	height: 9px;
	background: #FFF url(/_images/common/whitebox_bottom.gif) left bottom no-repeat;
	width: 370px;
	}
	
.image-inset {
	float: left;
	width: 111px;
	margin: 10px 0 0 10px; padding: 0;
	}
	
* html body .image-inset { margin-left: 5px; }  /* --Haq Attaq for IE6-- */
	
#right-feature {
	float: left;
	width: 236px;
	color: #666;
	margin-left: 0px; 
	}
	
#right-feature h2 {
	font-size: 14px; color: #006699;
	background: url(/_images/common/feature-tab2.gif) left top no-repeat;
	padding: 3px 0 4px 12px; 
	margin: 0;
	}

/* --Project Spotlight-- */	
#feaureBoxBg { background: url(/_images/common/feature_bg.gif) repeat-y; }
	
dl.feature-box { 
	background: url(/_images/common/feature-bg-repeat.gif) repeat-y;
	margin: 0px 0px 15px 0px; 
	padding: 0;
	}
	
dl.feature-box dd.more-feature { 
	margin: 0; 
	padding: 0 0 2px 185px; 
	background: url(/_images/common/feature_bottom.gif) left top no-repeat; 
	}

dl.feature-box dt { margin: 0 0 5px 0; padding: 0 10px; }
dl.feature-box dt span { font-size: 12px; font-weight: bold; color: #006699; }	
dd.more-feature a:link, dd.more-feature a:visited { text-decoration: none; color: #CC6600; font-weight: bold; }	
dd.more-feature a:hover, dd.more-feature a:active { text-decoration: underline; }

#connector { width: 236px; height: 4px; margin: 0px; padding: 0px; }

/* --Footer-- */
#footer {
	width: 928px; 
	height: 40px;
	background: url(/_images/common/blue-stroke-bottom2.gif) no-repeat left top;
	padding: 37px 25px 25px;
	color: #999;
	text-align: right;
	}

#footer ul { 
	display: inline; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

#footer ul li {
	margin: 0px; 
	padding: 0px 6px 0 5px;
	display: inline;
	background: url(/_images/common/pipe.gif) no-repeat right 1px;
	}

#footer ul li.last { background: none; }
#footer ul a:link, #footer ul a:visited { color: #00679a; text-decoration: none; }
#footer ul a:hover, #footer ul a:active { color: #00679a; text-decoration: underline;}

/* --Hidden footer utilized by print styles-- */
#hideContact { position: absolute; left: -999em; }
#hideContact div.floatLeft p { margin: 0; padding: 0; } 

/* --CMS login-- */
#cmslogin { margin: 10px 0; padding: 5px 20px; border: 1px dotted #cce1eb; }
#cmslogin h2 { font-size: 14px; margin-top: 10px; background-color: #62a1c1; padding: 3px; color: #FFF; }
#cmslogin h2.second { margin-top: 25px; }
#cmslogin ul { list-style: none; margin: 0; padding: 0; }
#cmslogin ul li { margin-bottom: 5px; font-size: 12px; }
#cmslogin ul li.listTitle { margin-top: 15px; font-size: 12px; font-weight: bold; }

/* --Sitemap-- */
#siteMap { margin: 0 25px; clear: both; }
#siteMap ul ul div { display: none; }
#siteMap ul, #siteMap li { margin: 0; padding: 0; list-style: none; }
#siteMap ul { margin-bottom: 10px; background-color: #f7f7f7; }
#siteMap ul li{ margin: 0px 0 0 0px;  }
#siteMap ul li a:link, #siteMap ul li a:visited { font-size: small; color: #303681; display: block; padding: 4px;  }
#siteMap ul li a:hover, #siteMap ul li a:active { background-color: #cce1eb;}
#siteMap ul ul { margin: 10px 0 0 0 }
#siteMap ul ul li { margin: 0px 0 0 10px;   }
#siteMap ul ul li a:link, #siteMap ul ul li a:visited { font-size: x-small; color: #336699; display: block; padding: 2px; }
#siteMap ul ul li a:hover, #siteMap ul ul li a:active { color: #336699; }
#siteMap ul ul ul { margin: 0px 0 0 0; }
#siteMap ul ul ul li { margin: 0 0 0px 10px;}
#siteMap ul ul ul a:link, #siteMap ul ul ul a:link { font-size: xx-small;  color: #68A76B; display: block; padding: 2px; }
#siteMap ul ul ul a:hover, #siteMap ul ul ul a:visited { color: #68A76B;  }

/* --Forms-- */	
#contactfrm table, #contactfrm tr, #contactfrm td, #contactfrm tbody {
	margin: 0;
	padding: 0;
	}
	
#formbody { margin: 10px; }
	
#formbody td { padding: 1px;}

/* ------------------ */
/* --Custom Classes-- */
.no { display: none; }
.clear {clear: both; margin: 0; padding: 0;}
.blue { color: #006699; }
.boldblue { color: #006699; font-weight: bold; }
.bold { font-weight: bold; }
.addy p { margin: 0; padding: 0; }
.formText { font-size: 12px; }

} /* --End @Screen-- */



/* ---------------- */
/* --Print Styles-- */
@media print { 

body, #main-copy, #right, .whitebox {
	margin: 0px; padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: normal;
	color: #333;
	line-height: 1.5em;
	}

p { margin: 0 0 10px 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; padding-top: 0; }

img { border: none; }

a:link, a:visited { color: #006699; text-decoration: none; }
a:hover, a:active { color: #CC6600; text-decoration: none; }

ul, li { list-style: none; }

#welcome ul, #welcome li, #careers ul, #careers li { margin: 0; padding: 0; }
.whitebox ul li { margin: 0; padding: 0; }

#head {
	margin: 0 0 0 0;
	padding: 0px;
	width: 100%;
	height: 100px;
	background: url(/_images/common/head_bg_repeat.gif) top repeat-x;
	text-align: center;
	float: left;
	}

#headItems {
	width: 980px;
	list-style: none;
	margin: 0 auto; padding: 0px;
	}

#headItems img{
    float:left;
}

/*#logo { float: left; padding: 8px 0 0 30px; }*/
#logo, .logo { float: left; padding-top: 9px;padding-right:10px; }

#right h1 { font-size: x-large; margin-top: 30px;}
#right h2 { font-size: large; }

#search, #menu, #left, #right-feature, #footer, #crumbs, #welcome img, #careers img, #right img, 
#gallerWrapper { display: none; }

#hideContact { 
	display: block; 
	background: #f4f3f3;
	font-size: 10px;
	float: left;
	width: 100%
	}
	
#hideContact div.floatLeft {
	float: left;
	width: 200px;
	padding: 5px; 
	margin: 0;
	display: block;
	}
	
#hideContact div.floatLeft p {
	margin: 0; 
	padding: 0;
	line-height: 12px;
	}

} /* --End @Print-- */