/*=========== 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: #ddd;
margin: 0 0 2em 0;
text-align: center;
color: #222;
}

a {
color: #036;
text-decoration: underline;
}

a:hover {
color: #036;
text-decoration: none;
}

.skip-link {
display: none;
}

#wrapper {
width: 960px;
/*background: #ddd;*/
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: 132px;
/*background: #838c99;*/
background: #fff;
border-width: 0 1px;
border-style: solid;
border-color: #fff;
}

#top h1.logo-map {
float: left;
width: 98px;
height: 112px;
background: transparent url(/images/logo-MAP-small.jpg) no-repeat left top;
margin: 10px 0 10px 20px !important;
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo-map a {
width: 98px;
height: 112px;
display: block;
}

#top #logo-text-map {
float: left;
width: 480px;
height: 55px;
background: transparent url(/images/logo-text-MAP.jpg) no-repeat left top;
margin: 40px 0 0 82px !important;
padding: 0 !important;
text-indent: -9999px;
}

#top #logo-text-map a {
width: 480px;
height: 55px;
display: block;
}

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

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

#top #logo-doe {
float: right;
width: 150px;
display: block;
margin: 50px 23px 0 0;
}

#top #logo-doe a {

}


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

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

#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(/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(/fnalincludes/images/icon-home.jpg) no-repeat 8px center;
}

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

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

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

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

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

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

#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 #036; /** 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: #036;
}
/*========== 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(/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: 5px solid #036;
color: #fff;
}

#footer a {
color: #fff;
}

#footer-body {
border-top: 1px solid #fff;
background: #838c99;
padding: 2em;
text-align: center;
/*
min-height: 100px;
_height: 100px; /** IE6 Hack **/
}

div.footer-text {

}

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-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;
}

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 ==========*/