/*=========== 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: #003399;
text-decoration: underline;
}
a:hover {
color: #003399;
text-decoration: none;
}
.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(/images_v2/template/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(/images_v2/template/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(/images_v2/template/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(/images_v2/template/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-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(/images_v2/template/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(/images_v2/template/icons/icon-home.jpg) no-repeat 8px center;
}
#top-nav li.help {
background: transparent url(/images_v2/template/icons/icon-help.jpg) no-repeat 8px center;
}
#top-nav li.press {
background: transparent url(/images_v2/template/icons/icon-press.jpg) no-repeat 8px center;
}
#top-nav li.phone {
background: transparent url(/images_v2/template/icons/icon-phone.jpg) no-repeat 8px center;
}
#top-nav li.faw {
background: transparent url(/images_v2/template/icons/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(/images_v2/template/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;}
element.style {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#2B2B2B none repeat scroll 0 0;
}
.nav-header2 {
background:#2B2B2B;
border-color:#ACACAC;
border-style:solid;
border-width:0 0 1px;
color:#FFFFFF;
display:block;
font-size:1em;
font-weight:bold;
margin:1.5em 0 0 !important;
padding:0.6em 0 !important;
text-indent:0.8em;
}
.sidebar-box {
/*width: 300px;*/
padding: 3px;
background: #e5e5e5;
border:0;
margin: 0 0 1.5em 0;}
.sidebar-box img {
clear: both;
}
.sidebar-box .caption {
font-size: 0.9em;
color: #000;
margin: 3px;
}
/*
.left-side {
float:left;
width:300px;
padding:3px;
background: #e5e5e5;
border:0;
margin:0 0 0 10px;}
.left-side p {
font-size:10px;
color:#000000;
margin:3px;}
*/
ul.thumbs {
clear: float;
list-style: none;
margin: 0;
padding: 0;}
ul.thumbs li {
float: left;
width: 300px;
margin: 0 2.5em 1em 2.5em;
padding:2px;
text-align: center;
background:#e5e5e5;}
ul.thumbs .photo {
}
ul.thumbs .text {
padding: 0.4em 0;
color: #666;}
/*========== 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 **/
}
.pdf {
background:transparent url(/images_v2/icons/pdf-icon-tiny.gif) no-repeat scroll left center !important;
padding:0 0 0 16px !important;}
/*========== END: right-column ==========*/
/*========== footer ==========*/
#footer {
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 ==========*/
