/*=========== 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;
}
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 ========
dark blue: #3b506d;
light gray: #ebebeb;
dark green: #627d6f;
med green: #536a21;
======== COLORS ========*/


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

body {
background: #000d19 url(../../images/top-bg.gif) repeat-x left top;
margin: 0 0 2em 0;

}

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

#top {
clear: both;
height: 160px;
background: transparent url(../../images/top-fade.jpg) no-repeat 300px top;
}

#top-body {

}

#top h1.logo {
float: left;
width: 300px;
height: 83px;
background: transparent url(../../images/logo-accel.jpg) no-repeat left top;
margin: 0 0 0 13px !important;
margin: 0 0 0 6px !important; /** IE6 Hack **/
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo a {
width: 300px;
height: 83px;
display: block;
}

#top div.logo-doe {
float: right;
width: 148px;
height: 51px;
background: transparent url(../../images/logo-doe.jpg) no-repeat left top;
margin: 83px 13px 0 0 !important;
margin: 83px 6px 0 0 !important; /** IE6 Hack **/
padding: 0 !important;
text-indent: -9999px;
}

#top div.logo-doe a {
width: 148px;
height: 51px;
display: block;
}

#content-row {
background: #fff;
}

#content-row-body {
padding: 13px;
}

#wide-column {
min-height: 400px;
_height: 400px; /** IE6 Hack **/
}

#left-column {
float: left;
width: 646px;
min-height: 400px;
_height: 400px; /** IE6 Hack **/


overflow: inherit;
clear: both;
}

#left-column-body {

}

#right-column {
float: right;
width: 265px;
background: #f3f3f3 url(../../images/bg-right-column.jpg) repeat-x left top;
border: 2px solid #f3f3f3;
}

#right-column-body {
padding: 1em;
}

#footer {
clear: both;
display: block;
margin: 0;
border-top: 1px solid #d3d3d3;
}

#footer-body {
padding: 10px 0 30px;
}

.footer-text {
float: left;
font-size: 0.85em;
color: #777;
}

ul.footer-nav {
float: right;
width: 60%;
text-transform: uppercase;
font-size: 0.85em;
}

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

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

ul.footer-nav a {
color: #f68120;
text-decoration: none;
}

ul.footer-nav a:hover {
color: #f68120;
text-decoration: underline;
}