/* -------------------- Page containers */

html {
min-width: 860px;
}

body {
min-width: 800px;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 100%;
background: #FFF;
margin: 0; 
behavior: url("includes/csshover.htc");  /* WinIE behavior call */
}

html, body, #wrapper {
min-height: 100%;
width: 100%;
height: 100%;}

html>body, html>body #wrapper {
height: auto;
}

#wrapper {
position: absolute;
top: 0;
left: 0;
}

/* -------------------- Page containers end */
/* -------------------- Basic styles */


a:link {
color: #036;
background: transparent;
text-decoration: none; 
}

a:visited {
color: #900;
background: transparent;
text-decoration: none; }

a:hover {
color: #000;
background: #FFE5B2;
text-decoration: none; }

table {
margin: 0;
padding: 0;
width: 100%;
border: 0;
font-size: 85%;
}

table td {
padding: 0;
border-width: 0;
border: 0;
vertical-align: top;
}

h1, h2, h3, h4 {
margin: 0em;
padding: 0em; }

h1 {
color: #900;
font-size: 1.25em; }

h2 {
color: #036;
font-size: 1.15em; }

h3 {
color: #036;
font-size: 1.05em; }

h4 {
color: #036;
font-size: 1.0em; }

li {
list-style: none; 
line-height: 1.25em;}

.clear {
clear: both;
}

.clear-right {
clear: right;
}

.bold {
font-weight: bold;
}

.small {
font-size: .90em
}


/* -------------------- Basic styles end */
/* ----------------------- Crumbtrail */

div.crumbtrail {
font-size: .75em;
color: #000;
margin: 0;
padding: 2px 5px 5px 5px;
}

div.crumbtrail a:link {
color: #036;
text-decoration: none;
}

div.crumbtrail a:visited {
color: #900;
text-decoration: none;
}

div.crumbtrail a:focus, div.crumbtrail a:hover, div.crumbtrail a:active {
color: #000;
background: #FFE5B2;
text-decoration: none;
}

/* -------------------- Crumbtrail ends */
/* -------------------- Header */

div#header {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 6em;
background: url(../images/top-bg.gif) bottom left no-repeat;
font-size: .75em;
}

div#header ul {
margin: 0 .125em 0 85%;
padding: 0;
white-space:nowrap;
}

div#header img {
width: 238px;
margin: 0;
padding: 5px;
}

/* -------------------- Header ends */
/* -------------------- Search */


div#search {
position: relative;
z-index: 10;
}

div#search ul {
float: right;
margin: -2.5em 10px 0 0;
}

#search ul { 
width: 22.5em; 
}

head:first-child+body #search ul { 
width: auto; 
}

* html #search ul { 
width: auto; 
}

/* For IE: */
* html #search ul { 
display: inline; 
}

div#search li {
font-weight: normal;
padding: 0 7px;
line-height: 1.75em;
}

div#search li.valignment {
padding-top: 7px;
}

div#search a:link {
color: #036;
text-decoration: none;
}

div#search a:visited {
color: #900;
text-decoration: none;
}

div#search a:focus, div#search a:hover, #search a:active {
color: #000;
background: #FFE5B2;
text-decoration: none;
}

/*  -------------------- Search ends */
/* -------------------- Top menus */

div#topmenu {
margin: 0;
padding: 0;
background-color: #036;
border-bottom: 2px solid #FFF;
width: 100%;
height: 1.35em;
}

div#nav {	
float: left;
margin: 0 0 0 15px;	
background: #036;	
font-size: .85em;
font-family: arial,verdana,'lucida sans',sans-serif;
}

div#nav ul.level1 li.submenu a:link {
color: #FFF;
background: #036;
text-align: center;
font-weight: bold;
}

div#nav ul.level1 li.submenu a:visited {
color: #FFF;
background: #036;
text-align: center;
font-weight: bold;
}

div#nav ul.level1 li.submenu a:focus, div#nav ul.level1 li.submenu a:hover, div#nav ul.level1 li.submenu a:active {
color: #FFF;
background: #036;
text-align: center;
font-weight: bold;
}

div#nav ul.level1 li.submenu ul.level2 li a:link {
color: #036;
background: #FFF;
text-align: left;
font-weight: normal;
}

div#nav ul.level1 li.submenu ul.level2 li a:visited {
color: #036;
background: #FFF;
text-align: left;
font-weight: normal;
}

div#nav ul.level1 li.submenu ul.level2 li a:focus, div#nav ul.level1 li.submenu ul.level2 li a:hover, div#nav ul.level1 li.submenu ul.level2 li a:active {
color: #036;
background: #FC6;
text-align: left;
font-weight: normal;
}

div#nav ul {  	
margin: 0;
padding: 0;
background: #FFF;	
border: 1px solid #036;	
border-width: 0 1px;	
}

div#nav li {
position: relative;  
list-style: none;
margin: 0;
float: left;	
width: 10.5em;		
line-height: 1.15em;	
}


div#nav li a {
display: block;	
padding: 0.15em 0 0.25em 0.25em;
text-decoration: none;
width: 100%;	
voice-family: "\"}\"";
voice-family: inherent;	
width: 10.25em;	
}

div#nav>ul a {
width: auto;	
}

div#nav ul ul {
position: absolute;
width: 10.5em;		
top: 0;
left: 10.5em;
display: none;	
}

div#nav ul ul li {
border-bottom: 1px solid #036;	
}


div#nav li.submenu li.submenu:hover {
background-color: #FC6;		
}

div#nav ul.level1 li.submenu:hover ul.level2, 	
div#nav ul.level2 li.submenu:hover ul.level3 { 	
display: block;
}

div#nav ul.level2 {
top: 1.5em;	
left: -1px;	
}

div#nav ul.level3 {
top: -1px;		
left: 10.5em;		
border-top: 1px solid #036;	
}

/* -------------------- Top menus end */
/* -------------------- Left Navigation */

div#leftnav {
float: left;
width: 150px;
margin: 0 0 5px 0;
padding: 0 0 100px 0;
vertical-align: top;
font-size: .85em;
text-align: left;
background: url(../images/brown-strip.gif) 0 0 repeat-y;
border: 1px solid #900;
border-width: 6px 0 0 0;
}

div#leftnav ul {
list-style: none;
margin: 0;
padding: 0 0 70px 0;
width: 150px;
background-color: #FFF;
background: url(../images/yellow-box.gif) 0 0 no-repeat;
}

div#leftnav li {
margin: 0;
padding: 0.5em 2px 0.25em 5px;
background: #FFF;
line-height: 1.1em;
border: 1px solid #900;
border-width: 0 1px 1px 0;
}

div#leftnav li:hover {
border-right: 3px solid #900;
}

div#leftnav li.sub {
margin: 0;
padding: 0.5em 2px 0.25em 15px;
background: #ccc;
font-size: .90em;
border-right: 1px solid #900;
border-bottom: 1px solid #fff;
}

div#leftnav li.last {
border-bottom: 1px solid #900;
}


div#leftnav li.sub:hover {
border-right: 3px solid #900;
}

div#leftnav li.title {
color: #900;
font-size: 1.05em;
font-weight: bold;
}

div#leftnav li.title:hover {
border-right: 1px solid #900;}

div#leftnav a {
text-decoration: none;
margin: 0;
padding: 0;
}

div#leftnav li a:focus, div#leftnav li a:hover, div#leftnav li a:active {
color: #036;
background: transparent;
text-align: left;
font-weight: normal;
}

div#leftnav ul ul {
margin: 0;
padding: 0;
font-weight: normal;
}

/* -------------------- Left Navigation ends */
/* -------------------- Content begins */

div#content {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 85%;
height: auto;
vertical-align: top;
margin-left: 150px;
margin-right: 0px;
margin-bottom: 5em;
padding: 20px 10px;
border: 1px solid #900;
border-width: 6px 0 0 0;
}

* html #contents {
width: auto;
}

div#content ul.pagenav {
float: right;
width: 15em;
margin: 10px 10px;
padding: 0;
font-size: .85em;
border: 1px solid #900;
}

div#content ul.pagenav li {
margin: 0;
padding: .125em;
border: 1px solid #900;
border-width: 0 0 1px 0;
}

div#content ul.pagenav li.title {
color: #900;
font-size: 1.05em;
font-weight: bold;
color: #FFF;
background: #900;
}

div#content ul.pagenav li.last {
border: 0 solid #900;
}

div#content h1.sm {
color: #900;
font-size: 1.05em; 
}

div#content h2 {
background-color: #FD6;
padding: 2px;
margin: 2px 0 0 0;
font-size: 1.35em;
}

div#content h3.subcat {
border: 1px solid #FD6;
border-width: 0 0 3px 0;
color: #900;
font-size: 1.25em;
font-weight: bold;
margin-bottom: .125em;
padding: .5em 0 0 0;
}

div#content img {
border: 0;
}

div#content p.caption {
font-size: 1em;
margin-top: .5em;
margin-bottom: 0;
}

div#content ul.caption {
font-size: 1em;
margin-top: 0;
margin-bottom: 0;
}

div#content ul.caption li {
line-height: 1.0em;
}

div#content p.doe {
margin: 1em 0 0 0;
padding: 0 0 78px 100px;
background: url(../images/doe-logo.gif) top left no-repeat;
}

div#content p.cec {
margin: 1em 0 0 0;
padding: 0 0 72px 100px;
background: url(../images/cec-logo.gif) top left no-repeat;
}

div#content ul.logos li {
display: inline;
}

div#content ul.bullets li {
list-style: square;
padding: .5em 3em 0 0;
}

div#content ol.numbers li {
list-style: decimal;
padding: .5em 3em 0 0;
}

div#content ol.numbers li ul.bullets li{
list-style: square;
padding: .5em 3em 0 0;
}

div#content div.block {
margin: .125em 2.5em;
}

div#content div#researchers {
display: none;
}

/* -------------------- Images: Content begins */

div#content div.images200l {
float: left;
width: 200px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images200r {
float: right;
width: 200px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images250l {
float: left;
width: 250px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images250r {
float: right;
width: 250px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images300l {
float: left;
width: 300px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images300r {
float: right;
width: 300px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images325l {
float: left;
width: 325px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images325r {
float: right;
width: 325px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images350l {
float: left;
width: 350px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images350r {
float: right;
width: 350px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images400l {
float: left;
width: 400px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images400r {
float: right;
width: 400px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images425l {
float: left;
width: 425px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images425r {
float: right;
width: 425px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images450l {
float: left;
width: 450px;
margin: 0 15px 15px 0; 
padding: 0px 40px 5px 0;
}

div#content div.images450r {
float: right;
width: 450px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images500l {
float: left;
width: 500px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images500r {
float: right;
width: 500px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

div#content div.images525l {
float: left;
width: 525px;
margin: 0 15px 15px 0; 
padding: 5px 30px 5px 0;
}

div#content div.images525r {
float: right;
width: 525px;
margin: 0 0 15px 15px; 
padding: 5px 0 5px 30px;
}

/* -------------------- Images: Content ends */
/* -------------------- Publications link: Content begins */

div#content div.nav3 {
margin: .75em 0 0 0; 
padding: 0;
width: 12em;
}

div#content div.nav3 ul.nav {
margin: 0;
padding: .25em;
border: 3px solid #ccc;
}

/* -------------------- Publications link: Content ends */
/* -------------------- Publications Table: Content begins */

div#content table.pubs {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1em;
width: 100%;
voice-family: "\"}\""; 
voice-family: inherit;
width: 99%;
}

div#content>table.pubs {
width: 100%;
}

div#content table.pubs tr.odd {
background-color: #EEE;}

div#content table.pubs td {
padding: .25em;
}

div#content table.pubs td.subcat {
border: 1px solid #FD6;
border-width: 0 0 3px 0;
color: #900;
font-size: 1.25em;
font-weight: bold;
padding: .5em 0 0 0;
}

div#content table.pubs td.pubyear {
border-bottom: 1px solid #FD6;
color: #036;
font-size: 1.15em;
font-weight: bold;
padding: .5em 0 0 0;
}

div#content table.pubs td.download, div#content table.pubs td.news  {
width: 20%; 
padding-left: .5em;
font-size: .9em;
}

/* Formatting for certs-derkey-mgtb.html only. Two columns of downloads. */

div#content .mgtb table.pubs td.download {
width: 13%;
font-size: .9em;
}

div#content table.pubs td.abs {
padding: 0 1.5em 1.0em 1.5em;
}

div#content table.pubs td.abs ol li {
list-style: decimal;
}

/* -------------------- Publications Table: Content ends */
/* -------------------- Contacts Table: Content begins */

div#content table.contacts {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1em;
width: auto;
}

div#content table.contacts td {
padding: .25em .75em .25em 0;
border: 1px dotted #FD6;
border-width: 2px 0 0 0;
}

div#content table.contacts td.toprow {
border: 1px solid #FD6;
border-width: 2px 0 0 0;
}


/* -------------------- Contacts Table: Content ends */
/* -------------------- Downloads Table: Content begins (outage.html only) */


div#content table.downloads {
font-size: 1.0em;
}

div#content table.downloads td.left {
width: 30%;
}

div#content table.downloads td {
border: 1px solid #FD6;
border-width: 0 0 1px 0;
}

/* -------------------- Downloads Table: Content ends */
/* -------------------- Site Map begins */

div#content ul.top-level li {
list-style: square;
color: #900;
padding: 0;
}

div#content ul.top-level li ul li {
list-style: square;
color: #036;
padding: 0;
}

div#content ul.top-level li ul li ul li {
list-style: square;
color: #FD6;
padding: 0;
}

/* -------------------- Site Map ends */

div#url {
display: none;}

/* -------------------- Bottom container begins */

div#bottom {
clear: both;
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
padding: 0;
}

/* -------------------- Bottom container ends */
/* -------------------- Logos begins */

div#logos {
margin: 0;
padding: 0;
background: #036;
width: 100%;
height: 33px;
text-align: center;
}

div#logos ul {
margin: 0 0 0 155px;
padding: 0;
}

div#logos li {
list-style: none;
float: left;
margin: 0;
padding: 0; 
width: auto;
white-space: nowrap;
}

div#logos a {
display: block;
float: left;
text-decoration: none;
padding: 0;
width: .1em;
height: 33px;}

html>body div#logos a {
width: auto;	
}

div#logos a {float: none;}		

div#logos a.epg {
padding: 0 24px;
background: url(../images/epg.gif) 50% 50% no-repeat;
}

div#logos a.epg:hover {
background: url(../images/epg-over.gif) 50% 50% no-repeat;
}

div#logos a.lbl {
padding: 0 29px;
background: url(../images/lbnl.gif) 50% 50% no-repeat;
}

div#logos a.lbl:hover {
background: url(../images/lbnl-over.gif) 50% 50% no-repeat;
}

div#logos a.ornl {
padding: 0 40px;
background: url(../images/ornl.gif) 50% 50% no-repeat;
}

div#logos a.ornl:hover {
background: url(../images/ornl-over.gif) 50% 50% no-repeat;
}

div#logos a.pnnl {
padding: 0 46px;
background: url(../images/pnnl.gif) 50% 50% no-repeat;
}

div#logos a.pnnl:hover {
background: url(../images/pnnl-over.gif) 50% 50% no-repeat;
}

div#logos a.pserc {
padding: 0 22px;
background: url(../images/pserc.gif) 50% 50% no-repeat;
}

div#logos a.pserc:hover {
background: url(../images/pserc-over.gif) 50% 50% no-repeat;
}

div#logos a.sandia {
padding: 0 24px;
background: url(../images/sandia.gif) 50% 50% no-repeat;
}

div#logos a.sandia:hover {
background: url(../images/sandia-over.gif) 50% 50% no-repeat;
}


/* -------------------- Logos ends */
/* -------------------- Footer begins */

div#footer {
color: #264193;
font-size: 75%;
margin: 0 0 0 155px;
padding: 10px 0; 
}