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

/* main css declarations */

body {
	margin:0px; 
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
}
	
/* Lab masthead - outside of wrapper div */
#masthead {
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
	height:83px;
	background-color:rgb(8,61,92);
}

#header {
	margin-top:86px;
	width:785px;
	height:25px;
	border-top:2px solid black;
	background-color:#2A697F;
	font-size:15px;
	font-weight:bold;
	color:white;
	letter-spacing:.05em;
	padding: 4px 0px 0px 15px;
	text-transform:uppercase;
}
.aboutLBNL#header {
	background-color:#0A7B99
}
.az#header {
	background-color:#08577E
}
.director#header {
	background-color:#991B1F
}
.directorate#header {
	background-color:#86523D
}
.empservices#header {
	background-color:#73B84D
}

.PAD#header {
	background-color:#1EB9BB
}
a.PADsm {
	font-size:76%
}
.phonebook#header {
	background-color:#0F75BD
}
.sciprog#header {
	background-color:#AEDFE4;
	color:black
}
.visitorinfo#header {
	background-color:#86AD90
}

.aboutLBNL#header a, .director#header a, .directorate#header a, .PAD#header a {
	color:white
}
.pipe {
	margin: 0px 10px 0px 10px
}

/* negative-margin centering technique */
#wrapper  {
	position:absolute;
	width:800px;
	left:716px;
	margin-top:0px;
	margin-left:-400px;
	padding:0px;
	background-color:#fff;
	top: 140px;
	}

#main {
	/*margin:120px 0px 0px 0px;*/
	margin-top:15px;
	padding:0px;
}

/* content areas */
.contentL, .contentR {
	position:relative;
	padding-top: 15px;
	margin:0px;
	font-size:12px;
	line-height:150%;
	/*min-height:200px;*/
	float:left; 
	width:45%
}
.contentL {padding-right:10px}
.contentR {padding-left:10px; border-left:1px solid black;}

.contentL ul, .contentR ul {
	list-style:none;
}
.contentL ul.list, .contentR ul.list {
	list-style:circle
}
.contentL#A {width: 345px}
.contentR#A {width: 430px}

#content, #contentL, #contentR, #cRp, #contentM, #colOne, #colTwo, #colThree  {
	position:relative;
	width:770px;
	padding-top: 20px;
	margin:0;
	min-height:200px;
	/*border:1px dashed green;*/
}	
#content {
	width:800px;
	padding-bottom:15px;
}
#contentL, #contentR{float:left; width:45%}
#contentL {
	padding-right:10px
}
#contentR {
	padding-left:10px;
	border-left:1px solid black;
}
#cRp, #contentM {
	float:left;
	width:48%; 	
	padding-bottom:10px
	/*border:1px dashed green;*/
}
#cRp, #contentM, #colTwo, #colThree {
	padding-left:20px;
}
#cRp{
	padding-left:10px;
	padding-right:10px;
}
#contentM{
	width:75%;
	margin-left:10px;
	/*border:1px dashed black	*/
}
#colOne, #colTwo, #colThree {
	float:left;
}
#colOne {
	padding-right:20px;
	width:45%
}
#colTwo{
	padding-right:20px;
}
#colTwo, #colThree {
	width:20%
}
#colThree {
	padding-right:0px;
}
/*#content2col, #contentNav {
	margin-top:50px;
}
#content2col {
	width:810px;
	margin-left: 150px;	
	margin-bottom: 20px;
	padding-top:10px;			
	padding-left:20px;
	font-size:13px;	
	line-height:150%;
	border-left:1px solid black;
}*/
div#contentNav {
	float:left;
	width:140px;
	margin-right:5px;
	padding:0;
}

/* content menus 
ul#contentMenu {
	margin-left:0px;
}
ul#contentMenu, ul#contentMenu li ul li {
	list-style:none;
	width:100%;
}
ul#contentMenu li {
	border-bottom:1px dashed black;
	padding:5px .2em 5px .2em;	
}
ul#contentMenu li ul li {
	margin-left:-20px;
	border-bottom:none;
}
#contentMenu, 
#contentMenu a, 
#contentMenu a:hover {
	font-size:86%;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0 .2em 0 .2em;		
}
#contentMenu a:hover, 
#contentMenu li.selected, 
#contentMenu li a.selected {
	background-color:#AAE0FA;
	color:black;		
} */

#contentL ul, #contentR ul {
	list-style:none;
}
#contentL ul.list, #contentR ul.list {
	list-style:circle
}

/* end secondary nav */

ul.PAD {
	list-style:none;
	text-transform:uppercase;
	font-size:130%;
	font-weight:bold;
	margin-top:10px
}
ul.PAD li {
    line-height:200%;
	border-bottom:1px solid #3E8AAA;
}
ul.PAD li a {
	color:black
}
ul.PAD li a:visited {
	color:#666
}
ul.PAD li a:hover{
    text-decoration:none;

	/*lite blue 
	color:#66CCFF*/
	color:#FCBA63
}

ul.boldUL {
	font-weight:bold
}

ul {
	font-size:12px
}


dl#splash {
	text-transform:uppercase;
    padding-top:30px;
}
dl#splash dd {
    margin:0; 
    padding:0; 
    font-size: 100%; 
    line-height:200%;
} 
dl#splash dt{
    margin:0; 
    padding:.5em 0 1em 0; 
    font-size: 150%; 
    text-transform:uppercase;
	letter-spacing:.1em;
	color:#d76f20;
}

/* navboxes */
#navboxes {
	position:relative;
	/*width:auto;
	height:auto;*/
	border-top: 2px solid #000;
	margin:0;
	padding:0;
	clear:both;
	/*border:1px dashed red*/
}
#boxOne, #boxTwo {
	padding: 0px 10px 0px 10px;
	/*width:175px;*/
	width:30%;	
	float:left;
	margin:0;
	border-right:1px solid black;
}
#boxOne {
	width:35%;
	/*float:left;
	border-right:1px solid black;*/
}
#boxTwo {
	width:55%;
	/*float:right;	*/
	border-right:none;
}
#pOne, #pTwo, #pThree, #pFour, #pFive {
	width:17%;	
	float:left;
	margin:0;	
	padding: 0px 18px 0px 5px;
	border-right:1px solid black;	
}
#pFive {
	border-right:none
}
/*#box3-1 {
	float:left;
	margin-left:10px;
	width:320px;
	padding:5px 10px 10px 0;
}
#box3-1 ul {
	list-style:none;
	font-size:small;
	padding:0 0 20px 0;
	margin:0;
	margin-left:140px;
}*/

#navboxes dl {
  padding: 0px 15px 10px 15px;
  border-bottom:1px solid black;
 /* border:1px dashed green*/
}
#navboxes dl.last, ul.PAD li.last{
	border-bottom:none
}
#navboxes dt {
  margin:0; 
  padding:5px 0px 10px 0px; 
  font-size: 90%; 
  font-weight:bold;
  color:#F8931F 
}
#navboxes dd {
  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 76%;
  margin:0; 
  padding:0; 
  padding-bottom:5px;
  line-height:150%;
  } 
#navboxes dd a:link {
	color:black
}
#navboxes dd a:visited {
	/*color:#999*/
}

#footer, .nc#footer {
	width:800px;
	text-align:center;
	clear:both;
	margin-bottom:15px;
	padding-top:10px;	
	border-top:1px solid #ccc;
}
.nc#footer {	
	/*border-top:none;*/
}

#navboxes dd a:visited, .lastupdated, .top, #footer a, #footer a:visited {color:#999;}

#footer a, #footer a:visited  {
	text-transform:uppercase;
	font-size:11px; 
	font-weight:bold;
	letter-spacing:.1em;
}
#footer a:visited {
	color:#999;
}
#footer img {
	margin:5px 0px 5px 0px
}

h1, h2, h3 {
	text-transform:uppercase;
	/*letter-spacing:0em;
	font-weight:normal;*/
	
	/*color:#5885af;*/
	color:#083D5C;
	line-height:120%;
}

h1 {
	margin: 0px 0px 20px 0px;
	font-size:175%;
	text-transform:none	
}

h1.giganticus {
	font-size:220%;
	font-weight:bold;
	color:#3E8AAA;
	text-transform:uppercase;
	padding-top:0;
	margin:0
}
#colOne h1, #colTwo h1, #colThree h1 {
	margin: 0px 0px 20px 0px;
	text-transform:none	
}
#colOne h2, #colTwo h2, #colThree h2,
#colOne h3, #colTwo h3, #colThree h3 {
	text-transform:uppercase;	
	color:orange
}

h2 {
	margin-top:25px;
	font-size:140%;
	font-weight:bold;
}
h3, h4 {
	margin-top:20px;
	font-size:130%;
	font-weight:bold;
	color:#FFFFFF;
}
h4 {
	color:black;
}
h4.b {
	border-top:1px solid black;
	padding-top:10px;
	font-size:110%;
}
.nob {
	border-top:none;
} 
.first {
	margin-top:0;
	padding-top:0
}

.normal {
	font-size:80%; color:black; text-transform:none
}

.pullquote, .pullquoteSm { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-weight: bold;
	color: #336699;  
	line-height: 24px;
	text-align:center;
	border-top:2px maroon solid;
	border-bottom:2px maroon solid;
}
.pullquoteSm { 
	border-top:none;
	border-bottom:none;	
	font-size: 16px; 
	font-weight: bold; 
	padding-bottom:10px;
}

hr {
	height:1px;
	color:black;
	}

a:link, a:visited {
	text-decoration:none;
	/*color:#069*/
	color:#3869BA;
}
a:visited {
	color:#829CB3
}
a:hover {
	text-decoration:underline;
}

.hidden {
	visibility:hidden
}

.lastupdated, .top {
	/*padding-top:10px;*/
	text-align:center;
	font-size:x-small;
	clear:both
}
.top a{
	font-size:small;
	text-transform:lowercase
}

#feedback {
	text-align:center;
	margin-bottom:20px;
}

#zebra {
	background-color:#cccccc;
}

/* imgs */

.lfImg{
	float:left;
	margin:0px 1.5em 5px 0px;
}
.rfImg{
	float:right;
	margin:0px 0px 5px 1.5em;
}
.rfImg img, .rfImg img{
	margin-bottom:.1em;
}
.caption, .lfImg, .rfImg {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#878787;
	width:auto;
	height:auto;
	line-height:150%;
	/*border-bottom:1px solid #999;
	text-align:center;*/
}
.lfImg a img, .rfImg a img {
	border:none;
}
#lablogo img, #footernav img, #footernavtert img, a img, img a  {
	border:none;
}

