/*=========== Global reset ===========*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
/*table { border-collapse: collapse; border-spacing:0 }*/
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */

/*
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
*/

p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ===========*/



/*=========== Colors ===========
light gray: #f0f0f0;
med gray: #acacac;
dark gray: #2b2b2b;
blue: 039;
blue-green: #409c86;
/*=========== END: Colors ===========*/


html
{
font-family: helevtica, arial, univers, sans-serif;
font-size: 0.75em;
color: #222;
}

body
{
background: #f0f0f0;
margin: 0 0 2em 0;
text-align: center;
color: #222;
}

a {
color: #039;
text-decoration: none;
}

a:hover {
color: #039;
text-decoration: underline;
}

.skip-link {
display: none;
}

#wrapper
{
width: 960px;
background: #f0f0f0;
margin: 0 auto 2em auto;
text-align: left;
}

#pf-top {
display: none;
}

#top
{
/*height: 124px;*/
background: #acacac;
padding: 0 1px 1px 1px;
}

#top-body
{
height: 90px;
background: #2b2b2b;
border-width: 0 1px;
border-style: solid;
border-color: #fff;
}

.green-bg {
background-color:#3f9c87 !important;
}

#top h1.logo {
float: left;
width: 240px;
height: 43px;
background: transparent url(http://www.fnal.gov/fnalincludes/images/logo-fnal.jpg) no-repeat 25px top;
margin: 35px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top h1.fawlogo {
float: left;
width: 373px;
height: 58px;
background: transparent url(http://www.fnal.gov/fnalincludes/images/logo-faw.png) no-repeat 7px top;
margin: 29px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top h1.fawlogo a  {
width: 373px;
height: 58px;
display: block;
}
#top h1.logo a  {
width: 240px;
height: 43px;
display: block;
}

div.logo-02 {
float: right;
width: 172px;
height: 43px;
background: transparent url(http://www.fnal.gov/fnalincludes/images/logo-doe.jpg) no-repeat left top;
margin: 35px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}
div.logo-doeGreen {
float: right;
width: 172px;
height: 43px;
background: transparent url(http://www.fnal.gov/fnalincludes/images/logo-doeGreen.png) no-repeat left top;
margin: 35px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

div.logo-doeGreen a  {
width: 172px;
height: 43px;
display: block;
}
div.logo-02 a  {
width: 172px;
height: 43px;
display: block;
}

#top h1.logo-text {
float: left;
width: 300px;
display: block;
margin: 30px 0 0 23px;
font-size: 3.4em;
font-weight: bold;
color: #fff;
}

#top h1.logo-text a, #top h1.logo-text a:hover {
color: #fff;
text-decoration: none;
}

ul.logos-right {
float: right;
width: 500px;
height: 40px;
list-style: none;
margin: 31px 23px 0 0;
padding: 0;
}

ul.logos-right li {
float: right;
padding: 0 18px;
}

ul.logos-right li.logo-holometer {

}

ul.logos-right li.logo-fnal {

}

ul.logos-right li.div-line {
padding: 6px 0 0 0;
}

ul.logos-right li.div-line div {
width: 2px;
height: 28px;
border-right: 1px solid #fff;
}

ul.logos-right li.logo-doe {
padding-right: 0;
}


/*========== top-nav ==========*/
#top-nav {
background: #fff;
padding: 1px;
}

#top-nav-body {
height: 32px;
background: #039;
}

#top-nav h3 {
float: left !important;
margin: 8px 4px 0 23px !important;
font-size: 1.1em !important;
font-weight: bold !important;
color: #fff !important;
}

#top-nav h3.icon-fnal {
background: transparent url(http://www.fnal.gov/fnalincludes/images/logo-mark-fnal-sm-white.png) no-repeat left center;
padding: 0 0 0 17px;
}

#top-nav ul {
list-style: none;
margin: 0;
padding: 0 0 0 15px;
}

#top-nav li {
display: inline;
float: left;
margin: 8px 0 0 0;
padding: 0 1.5em 0 2.4em;
border-right: 1px solid #fff;
font-size: 1em;
font-weight: bold;
color: #fff;
}

#top-nav li.first {

}

#top-nav li.last {
border-width: 0;
}

#top-nav li.home {
background: transparent url(http://www.fnal.gov/fnalincludes/images/icon-home.jpg) no-repeat 8px center;
}

#top-nav li.help {
background: transparent url(http://www.fnal.gov/fnalincludes/images/icon-help.jpg) no-repeat 8px center;
}

#top-nav li.press {
background: transparent url(http://www.fnal.gov/fnalincludes/images/icon-press.jpg) no-repeat 8px center;
}

#top-nav li.phone {
background: transparent url(http://www.fnal.gov/fnalincludes/images/icon-phone.jpg) no-repeat 8px center;
}

#top-nav li.faw {
background: transparent url(http://www.fnal.gov/fnalincludes/images/icon-faw.jpg) no-repeat 8px center;
}

#top-nav a {
color: #fff;
text-decoration: none;
}

#top-nav a:hover {
text-decoration: underline;
}

#top-search {

}

#top-nav #search {
float: right;
padding: 6px 12px 0 0;
}

#top-nav #search .search-text {
width: 140px;
min-height: 14px;
_height: 18px; /** IE Hack **/
margin: 0;
padding: 2px 4px;
border-width: 0;
_border-top: 1px solid #039; /** IE Hack **/
font-size: 0.9em;
color: #666;
}

#top-nav #search .search-button {
cursor: pointer;
margin: 0 0 0 5px;
padding: 0 0.2em;
border: 1px solid #fff;
background: #ebebeb;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8em;
color: #039;
}
/*========== END: top-nav ==========*/



#content-row {
clear: both;
min-height: 775px;
_height: 775px; /** IE6 Hack **/
margin: 10px 0 0 0;
border: 1px solid #acacac;
padding: 1px;
background: #fff;
}

#content-row-body {
padding: 12px;
text-align: right;
}


/*========== left-column ==========*/
#left-column {
float: left;
width: 175px;
text-align: left;
}

#left-nav-02 {
clear: both;
margin: 20px 0 0 0;
}

#left-nav-02 h3 {
margin: 1.6em 0 0.5em 0 !important;
padding: 6px 0 6px 12px !important;
background: #2b2b2b url(http://www.fnal.gov/fnalincludes/images/left-nav-02-arrow.jpg) no-repeat right center;
}

#left-nav-02 ul {
list-style: none;
margin: 0 2px 0 12px;
padding: 0;
}

#left-nav-02 li {
margin: 0 0 0.75em 0;
}
/*========== END: left-column ==========*/



/*========== right-column ==========*/
#right-column {
margin: 0 0 0 auto;
width: 742px;
text-align: left;
min-height: 775px;
_height: 775px; /** IE6 Hack **/
overflow: auto;
_overflow: none; /** IE Hack **/


border: 1px solid #fff; /** FF 2.0 Hack **/
}
/*========== END: right-column ==========*/



/*========== footer ==========*/
#footer {
/*clear: both;*/
border-top: 4px solid #000;
color: #fff;
}

#footer a {
color: #fff;
}

#footer-body {
border-top: 1px solid #fff;
background: #2b2b2b;
min-height: 100px;
_height: 100px; /** IE6 Hack **/
}

ul.footer-top-text {
list-style: none;
margin: 0;
padding: 10px 0 0 25px;
}

ul.footer-top-text li {
display: inline;
padding: 0 0.6em 0 0;
}

ul.footer-top-text li.last {
border-left: 1px solid #fff;
padding-left: 0.6em;
}

div.footer-logo {
float: left;
width: 136px;
height: 24px;
background: transparent url(http://www.fnal.gov/fnalincludes/images/logo-fnal-small.jpg) no-repeat 25px top;
margin: 20px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

div.footer-logo a  {
width: 136px;
height: 24px;
display: block;
}

div.footer-text a {
float: left;
width: 25%;
margin: 25px 0 0 1.5em;
text-transform: uppercase;
font-size: 0.9em;
color: #fff;
}

div.footer-text a:hover {
color: #fff;
}

ul.footer-nav {
float: right;
list-style: none;
margin: 20px 0 0 0;
padding: 0 25px 0 0;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}

ul.footer-nav li {
display: inline;
float: left;
padding: 0 1em;
border-left: 1px solid #fff;
}

ul.footer-nav li.first {
border-width: 0;
}

ul.footer-nav li.last {
padding-right: 0;
}

ul.footer-nav a, ul.footer-nav a:hover {
color: #fff;
}
/*========== END: footer ==========*/