@charset "utf-8";
 
/*
Client: Washington Closure Hanford
Site URL: http://www.washingtonclosure.com/
 
Author: Seth Burnett
Author URI: http://www.imageworksdigital.com
 
Version:0.1
 
Last Modified: 27-Jan-2009
 
[Table Of Contents]
 
0- Reset
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer
 
*/
 
 
/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
	background: #1f1f1f; 
	
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 62.5%;  /* 16px × 62.5% = 10px */
	color:#bebebe;
	_z-index: -5;}

body {background: url(../images/bodyBG.png) repeat-x left top; _background: none; margin: 0; _z-index:-30;}
.wrapper {width: 960px; margin: 0; padding: 0;}
body.home .wrapper { width: 960px; background: none; margin: 0; padding: 0;}
body.about_us .wrapper { width: 960px; background: url(../images/subBG/ground_worker.jpg) no-repeat left 75px fixed; margin: 0; padding: 0;}
body.projects .wrapper { width: 960px; background: url(../images/subBG/earthmover.jpg) no-repeat left 75px fixed; margin: 0; padding: 0;}
body.careers .wrapper { width: 960px; background: url(../images/subBG/nreactor.jpg) no-repeat left 75px fixed; margin: 0; padding: 0;}
body.procurement .wrapper { width: 960px; background: url(../images/subBG/door.jpg) no-repeat left 75px fixed; margin: 0; padding: 0;}
body.news_room .wrapper, body.search .wrapper { width: 960px; background: url(../images/subBG/dials.jpg) no-repeat left 75px fixed; margin: 0; padding: 0;}
body.contact_us .wrapper, body.photos .wrapper { width: 960px; background: url(../images/subBG/generator.jpg) no-repeat left 75px fixed; margin: 0; padding: 0;}
body.arra .wrapper { width: 960px; background: url(../images/subBG/lab_worker.jpg) no-repeat left 75px fixed; margin: 0; padding: 0;}

.logo {

	width: 102px;
	height: 120px;
	top:0;
	left: 0;
	float: left;
	background: url(../images/logo.png) no-repeat 55px 15px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 15px 0 0 55px;
	position: fixed;
	z-index: 10;}

.left-column {height:505px; padding: 95px 15px 0 15px; width:201px; float:left; clear: both; }

.content {width:717px; margin-top: 16px; padding-left: 12px; float: left;}

p {font-size: 1.2em; line-height: 18px; margin: 6px 0;}
.homeText p{margin: 14px 0 18px 0;}
.content p { margin: 18px 0;}
body.contact_us .content p{margin: 3px 0 12px 0;}

ol {font-size: 1.2em; line-height: 24px; list-style: decimal inside; color: #bebebe; margin: 10px 0 10px 8px;}
ol li {margin-bottom: 12px;}


ul {font-size: 1.2em; line-height: 18px; list-style: disc outside; color: #bebebe; margin: 10px 0 10px 8px;}
.content ul li {margin-top:8px; }

li span {color:#bebebe;}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a.more:link, a.more:visited {
	display: block;
	color: #ffffff;
	background: #0088cb;
	text-decoration: none;
	font-size: 1.2em;
	padding: 9px 10px;
	float:right;
}

a.more:hover {
	background: #8e191c;
}

a.more:active {
	position: relative;
	top:1px;
}

.content a:link, .content a:visited {color: #ffffff; text-decoration: underline;}
.content a:hover {text-decoration: none;}
.content a:active {position:relative; top:1px;}

.content li a:link, .content li a:visited {color:#ffffff; text-decoration:underline;}

.content li a:hover {color:#0088cb; text-decoration:none;}

.content li a:active {position:relative; top:1px;}

a.backNews:link, a.backNews:visited {	
	display: block;
	color: #ffffff;
	background: #1b1b1b;
	text-decoration: none;
	font-size: 1.2em;
	padding: 9px 10px;
	float:right;}
a.backNews:hover, a.backNews:active{
	background: #0088cb;
}

.kwicks_inner p {font-size: 11px; margin: 0;}

.kwicks_inner p a:link, .kwicks_inner p a:visited {color:#ffffff;}

.kwicks_inner p a:hover {text-decoration: none;} 

.doefooter {
	padding-top:2px;
	padding-bottom:8px;
	font-size: 32px;
	text-align: right;	
	width: 960px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {font-size: 2.4em; font-weight: normal; color: #0088cb; line-height: 36px; margin-top:0px;}
h2 {font-size: 1.8em; font-weight: normal; color: #8e191c; line-height: 24px;}
h3 {font-size: 1.5em; font-weight: bold; color: #ffffff; line-height: 20px; margin-bottom:5px;}
.itemA h3, .itemB h3 {font-size: 1.5em; font-weight: bold; color: #ffffff; line-height: 20px;display: inline;}
.itemA h3 span.date, .itemB h3 span.date {font-size: 1em; font-weight: normal; color: #0088cb; line-height: 20px;display: inline;}
h4 {font-size: 1.3em; font-weight: bold; color: #0088cb;}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div.nav {float:right; width:615px; cursor: pointer;}
div.nav ul {width: 615px; height: 59px; margin: 0; padding-left: 0;}
div.nav ul li {height: 59px; display: inline;}

/*div.nav ul ul {display: none;}*/

div.nav li {display: inline; float:left;}
div.nav ul li a { height:59px; display: block; background: url(../images/nav.png) top left no-repeat; text-indent: -9999px; overflow: hidden;}

div.nav ul li.home a {width: 57px;}
div.nav ul li.about a {width: 63px;}
div.nav ul li.projects a {width: 79px;}
div.nav ul li.careers a {width: 75px;}
div.nav ul li.news_room a {width: 101px;}
div.nav ul li.procurement a {width: 110px;}
div.nav ul li.contact a {width: 79px;}
div.nav ul li.arra a {width: 51px;}

div.nav ul li.home a:link, div.nav ul li.home a:visited {background-position: 0 0;}
div.nav ul li.about a:link, div.nav ul li.about a:visited {background-position: -57px 0;}
div.nav ul li.projects a:link, div.nav ul li.projects a:visited {background-position: -120px 0;}
div.nav ul li.careers a:link, div.nav ul li.careers a:visited {background-position: -199px 0;}
div.nav ul li.news_room a:link, div.nav ul li.news_room a:visited {background-position: -384px 0;}
div.nav ul li.procurement a:link, div.nav ul li.procurement a:visited {background-position:-274px  0;}
div.nav ul li.contact a:link, div.nav ul li.contact a:visited {background-position: -485px 0;}
div.nav ul li.arra a:link, div.nav ul li.arra a:visited {background-position: -564px 0;}

.home div.nav ul li.home a:link, .home div.nav ul li.home a:visited {background-position: 0 0px;}
.about_us div.nav ul li.about a:link, .about_us div.nav ul li.about a:visited {background-position: -57px -59px;}
.projects div.nav ul li.projects a:link, .projects div.nav ul li.projects a:visited {background-position: -120px -59px;}
.careers div.nav ul li.careers a:link, .careers div.nav ul li.careers a:visited {background-position: -199px -59px;}
.news_room div.nav ul li.news_room a:link, .news_room div.nav ul li.news_room a:visited {background-position: -384px -59px;}
.photos div.nav ul li.news_room a:link, .news_room div.nav ul li.news_room a:visited {background-position: -384px -59px;}
.procurement div.nav ul li.procurement a:link, .procurement div.nav ul li.procurement a:visited {background-position: -274px -59px;}
.contact div.nav ul li.contact a:link, .contact div.nav ul li.contact a:visited {background-position: -485px -59px;}
.arra div.nav ul li.arra a:link, .arra div.nav ul li.arra a:visited {background-position: -564px -59px;}

div.nav ul li.home a:hover, div.nav ul li.home a:active, .home div.nav ul li.home a:hover, .home div.nav ul li.home a:active {background-position: 0 -118px; cursor: pointer;}
div.nav ul li.about a:hover, div.nav ul li.about a:active, .about div.nav ul li.about a:hover, .about div.nav ul li.about a:active {background-position: -57px -118px; cursor: pointer;}
div.nav ul li.projects a:hover, div.nav ul li.projects a:active, .projects div.nav ul li.projects a:hover, .projects div.nav ul li.projects a:active {background-position: -120px -118px; cursor: pointer;}
div.nav ul li.careers a:hover, div.nav ul li.careers a:active, .careers div.nav ul li.careers a:hover, .careers div.nav ul li.careers a:active {background-position: -199px -118px; cursor: pointer;}
div.nav ul li.news_room a:hover, div.nav ul li.news_room a:active, .news_room div.nav ul li.news_room a:hover, .news_room div.nav ul li.news_room a:active {background-position: -384px -118px; cursor: pointer;}
div.nav ul li.procurement a:hover, div.nav ul li.procurement a:active, .procurement div.nav ul li.procurement a:hover, .procurement div.nav ul li.procurement a:active {background-position:-274px  -118px; cursor: pointer;}
div.nav ul li.contact a:hover, div.nav ul li.contact a:active, .contact div.nav ul li.contact a:hover, .contact div.nav ul li.contact a:active {background-position: -485px -118px; cursor: pointer;}
div.nav ul li.arra a:hover, div.nav ul li.arra a:active, .arra div.nav ul li.arra a:hover, .arra div.nav ul li.arra a:active {background-position: -564px -118px; cursor: pointer;}

div.nav ul#topnav li.hov a {background-position-y: -118px;}

/*Drop Down Nav*/

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 58px; 
	left: 345px;
	background: #8e191c; /*--Background gradient--*/
	padding: 10px 10px 10px 10px;
	float: left;
	width:595px;
	height:auto;
	display: none; /*--Hidden for those with js turned off--*/

}
div.sub {width:615px; z-index: 10;}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 195px;
	height: auto;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	height: auto;
}

ul#topnav .sub ul li a {
	background-color: #8e191c;
	background-image: none;
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 0px 3px 0px 3px;
	display: block;
	text-decoration: none;
	color: #b2b2b2;
	line-height: 20px;
	width:auto;
	cursor: pointer;
}
ul#topnav .sub ul li a:hover {
	color: #ffffff;
	background-color: #6b1315;
	cursor: pointer;
}



/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.homeText {
	width: 300px;
	height: 290px;
	float:right;
	margin: 12px 0 0 0;
	_margin:-302px 0 0 0;
}

.homeRotate {
	width:651px;
	margin:0;
	*margin-bottom:10px;
	_margin-bottom:0;
	padding:0;
	float:left;
}

.itemA, .itemB {padding: 12px; margin:0 0 12px 0;}

.itemB {border:1px solid #383838; background-color: #1b1b1b;}


.basic div {
	background-color: #1b1b1b;
	width: 697px;
	padding:10px;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 10px;
}
.basic div.title {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	margin-bottom: 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	background-color: #101010;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #3b3b3b;
	width: 707px;
	
	background-image: url("AccordionTab0.gif");
}
.basic div.title:hover {
	background-color: #3b3b3b;
}
.basic div.selected {
	color:#ffffff;
	background-color: #0088cb;
}

.content div.basic div a:link, .content div.basic div a:visited {
	color: #ffffff;
	text-decoration: underline; 
	background: none; 
	border:none; 
	display: inline; 
	font-weight: normal; 
	margin:0; 
	padding:0;
}
.content div.basic div a:hover {text-decoration: none;}


/* =7 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* =8 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.clear {clear:both;}
.strong {font-weight:bold;}

ul.photo_gall, ul.photo_gall li {list-style: none; margin: 0; padding: 0; font-size: 10px;}

ul. photo_gall {vertical-align: baseline;}

ul.photo_gall li {
	display: inline-block;
	width: 133px;
	padding: 0 4px 0 4px;
	margin: 0 0 20px 0;
	vertical-align: top;
	overflow: hidden;
}

ul.photo_gall li a{margin: 0; padding: 0;}
ul.photo_gall li p{margin: 0; padding: 0;}
ul.photo_gall li img{padding-bottom: 10px}

/*
Sliding Feature Homepage
_________________________*/



.kwicks {  
	list-style: none;  
	position: relative;  
	padding: 0;
	margin: 10px 0 10px 244px; 
}  

.kwicks li{  
	display: block;  
	overflow: hidden;  
	padding: 0;  
}

.kwicks li {
	float: left;
	width: 232px;  
	height: 196px;  
	margin-right: 5px;  
}

.kwicks .kwicks_inner {
	*display: none;
	opacity:0;
    width: 385px;
    height: 146px;
    margin: 16px 0 0 94px;
    padding: 10px;
      

	-webkit-transition-property:opacity;
	-webkit-transition-duration:.2s;
	}

.kwicks li.active .kwicks_inner {  
	*display: block;
	opacity:1;
	background: url(../images/blacktrans.png) repeat top left;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:.3s;
	-webkit-transition-delay:.3s;
}

#kwick1 { background:url(../images/careersRoll.jpg) no-repeat top left; }  
#kwick2 { background:url(../images/projectsRoll.jpg) no-repeat top left; }  
#kwick3 { background:url(../images/newsRoll.jpg) no-repeat top left; margin-right:0; } 

#autoFeature {
	padding-top: 16px;
	width: 651px;
	margin: 0;
}	

.container { 
	width:651px;
	height:290px;
	overflow:hidden;
	position:relative;
	_margin-left:-157px;
	_z-index:-1;
}

.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:651px; display:none; }
		
ul.pagination { list-style-type:none; margin:0; padding:0; margin:0; width:132px; position: absolute; top:355px; left: 10px; }
ul.pagination li { float:left; margin:0 5px; }	
ul.pagination a { display:block; width:12px; padding-top:7px; height:0; overflow:hidden; background-image:url(../images/pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -7px}

#organic-tabs { margin: 0; list-style:none; }

#explore-nav { overflow: hidden; margin: 0 0 10px 0; }
#explore-nav li { /*width: 97px;*/ float: left; margin: 0 4px 0 0; list-style:none; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 3px; background: #333333; color: white; font-size: 10px; text-align: center; text-decoration:none; border: 0; }
#explore-nav li a:hover { background-color: #8e191c; }

#intern, #Eberline, #parent, #hanford { display: none; }

#explore-nav li#ex-WCH a.current, ul#WCH li a:hover { background-color: #0088cb; color: white; }
#explore-nav li#ex-intern a.current, ul#intern li a:hover { background-color: #0088cb; color: white; }
#explore-nav li#ex-Eberline a.current, ul#Eberline li a:hover { background-color: #0088cb; color: white; }
#explore-nav li#ex-parent a.current, ul#parent li a:hover { background-color: #0088cb; color: white; }
#explore-nav li#ex-hanford a.current, ul#parent li a:hover { background-color:#0088cb; color: white;}

div#all-list-wrap ul {list-style:none;}

hr {height: 1px; color:#2f2f2f; width: 90%;}
.tableBG {background: #1b1b1b; font-size: 1.3em;}
.bold {font-weight: bold;}

.rows {font-size: 12px; padding: 4px;}

.A90, .B90 {padding: 10px; width:100%;}
.A90 {background: #1b1b1b; border: 1px solid #393939;}
.title90 {font-size: 16px;}
.bold90 {color:#ffffff; font-weight: bold;}
.contactTitle {color:#ffffff; font-weight:bold;}

.content a.pdf, .content div.basic div a.pdf {padding-right: 20px; background-image:url(../images/document_pdf.png); background-position: right center; background-repeat: no-repeat;}
.content a.doc, .content div.basic div a.doc {padding-right: 20px; background-image:url(../images/document_word.png); background-position: right center; background-repeat: no-repeat;}
.content a.excel, .content div.basic div a.excel {padding-right: 20px; background-image:url(../images/document_excel.png); background-position: right center; background-repeat: no-repeat;}
.content a.ppt, .content div.basic div a.ppt {padding-right: 20px; background-image:url(../images/document_powerpoint.png); background-position: right center; background-repeat: no-repeat;}
.content a.zip, .content div.basic div a.zip {padding-right: 20px; background-image:url(../images/document_zipper.png); background-position: right center; background-repeat: no-repeat;}
.content a.external, .content div.basic div a.external {padding-right:10px; background-image:url(../images/external.gif); background-position: right bottom; background-repeat: no-repeat;}


/* Z-index of #mask must lower than #boxes .window */  
#mask {  
  position:absolute;  
  z-index:9000;  
  background-color:#000;  
  .background: url(img/mask.png) repeat top left;
  .background-color:transparent;
  display:none;
  opacity:.6;
  left:0;
  top:0;
}  
    
#boxes .window {  
  position:absolute;  
  width:440px;  
 
  display:none;  
  z-index:9999;  
  padding:20px; 
}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:525px;   
  background:white;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  color:#272727;
  font-size: 12px;
  line-height: 20px;
}

#boxes #dialog h2{
	color:#1c4e72;
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 15px;
	margin-top: 3px;
}

#boxes a.close:link, #boxes a.close:visited {color:#1c4e72; font-size: 10px; float: right;}
#boxes a.close:hover, #boxes a.close:active {text-decoration: none;}

#boxes a.closebox:link, #boxes a.closebox:visited, #boxes a.closebox:hover, #boxes a.closebox:active {position:absolute; display: block; width:30px; height: 30px; top:-11px; right:-11px;} 

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer { 
margin: 25px 0 10px 0;
	width: 960px;
}

div#footer .text {
	width:100%;
	text-align: right;
	font-weight: normal;
}

div#footer .text a:link, div#footer .text a:visited {color: #ffffff; text-decoration: underline;}
div#footer .text a:hover {text-decoration: none;}
div#footer .text a:active {
	position: relative;
	top: 1px;
	text-decoration: none;
}