body {
width: 100%;
background: #FFF url(/images/header/headerbg.gif) repeat-x scroll left top;
font: "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
margin: 0;
padding: 0 0 20px 0;
}

p {
font: 12px/19px "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
color: #393939;
text-align: left;
margin: 0 0 15px 0;
}

h1 {
font: 16px/18px "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
margin: 12px 0 0 0;
padding: 0;
color: #393939;
}

h2 {
font: 18px/20px "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
font-weight: bold;
margin: 10px 0 12px 0;
padding: 0 0 10px 0;
color: #393939;
border-bottom: 1px dotted #999;
}

h3 {
font: 15px/20px "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
font-weight: bold;
margin: 12px 0 5px 0;
padding: 0;
color: #84060A;
}

h3 a {
text-decoration: none;
}

h4 {
font: 13px/18px "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
padding: 0;
color: #84060A;
}

h5 {
font: 14px/20px "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
font-weight: bold;
margin: 10px 0 4px 0;
padding: 0;
color: #393939;
}

a {
color: #84060A;
}

a:hover {
background: #84060a;
color: #fff;
text-decoration: none;
}

#header {
width: 809px;
height: 68px;
background: url(/images/header/dos_buildingtop.gif) no-repeat right bottom;
margin: 0 0 0 8%;
padding: 73px 0 0 0;
}

h1#the-dos {
text-indent: -9999px;
overflow : hidden; 
width : 550px;
height : 38px;
margin : 0px;
padding: 0px;
background: transparent url(/images/header/dos_header.gif) no-repeat;
}

/* main navigation */

#nav {
position: relative;
width : 537px;
margin : 0px;
padding : 0px;	
float: left;	
}

#nav ul {
margin: 0;
padding: 0;
}

#nav li {
/*float the main list items*/
height: 30px;
float: left;
display: block;
margin: 0;
padding: 0;
text-indent: -9999px;
}

#nav a {
display: block;
height: 30px;
text-decoration: none;
}

#nav a:hover {
background-position: bottom left no-repeat;
}

#dispatch, #dispatch a {
width: 86px;
background: url(/images/nav/nav_dispatch.gif) top left no-repeat;
}

#dispatch a:hover {
background: url(/images/nav/nav_dispatch.gif) bottom left no-repeat;
}
	
#dispatch a.selected {
background: url(/images/nav/nav_dispatch.gif) bottom left no-repeat;
}
	
#doctrine, #doctrine a {
width: 85px;
background: url(/images/nav/nav_doctrine.gif) top left no-repeat;
}

#doctrine a:hover {
background: url(/images/nav/nav_doctrine.gif) bottom left no-repeat;
}
	
#doctrine a.selected {
background: url(/images/nav/nav_doctrine.gif) bottom left no-repeat;
}

#music, #music a {
width: 62px;
background: url(/images/nav/nav_music.gif) top left no-repeat;
}

#music a:hover {
background: url(/images/nav/nav_music.gif) bottom left no-repeat;
}
	
#music a.selected {
background: url(/images/nav/nav_music.gif) bottom left no-repeat;
}

#residency, #residency a {
width: 88px;
background: url(/images/nav/nav_residency.gif) top left no-repeat;
}
	
#residency a:hover {
background: url(/images/nav/nav_residency.gif) bottom left no-repeat;
}
	
#residency a.selected {
background: url(/images/nav/nav_residency.gif) bottom left no-repeat;
}

#art, #art a {
width: 44px;
background: url(/images/nav/nav_art.gif) top left no-repeat;
}

#art a:hover {
background: url(/images/nav/nav_art.gif) bottom left no-repeat;
}
	
#art a.selected {
background: url(/images/nav/nav_art.gif) bottom left no-repeat;
}

#resources, #resources a {
width: 91px;
background: url(/images/nav/nav_resources.gif) top left no-repeat;
}

#resources a:hover {
background: url(/images/nav/nav_resources.gif) bottom left no-repeat;
}

#resources a.selected {
background: url(/images/nav/nav_resources.gif) bottom left no-repeat;
}

#logistics, #logistics a {
width: 81px;
background: url(/images/nav/nav_logistics.gif) top left no-repeat;
}

#logistics a:hover {
background: url(/images/nav/nav_logistics.gif) bottom left no-repeat;
}
    
#logistics a.selected {
background: url(/images/nav/nav_logistics.gif) bottom left no-repeat;
}

#content {
width: 776px;
margin: 0 0 0 8%;
display: inline;
padding: 0 16px 16px 16px;
background: #E0E0E0 url(/images/header/subnav_bg.gif) top center no-repeat;
float: left;
}

#submenu {
    margin: 0;
    padding: 0;
    height: 27px;
    }
    
#submenu ul {
float: left;
    margin: 0;
    padding: 0;
    height: 27px;
    }
    
#submenu li {
    float: left;
    display: block;
    list-style: none;
margin: 0;
padding: 0;
}

#submenu a {
    float: left;
    display: block;
    font: 12px/15px "Lucida Grande", Lucida, verdana, arial, sans-serif;
    color: #393939;
    text-decoration: none;
    background: transparent;
    padding: 6px 9px 0 9px;
    height: 21px;
    }
    
#submenu a:hover {
    background: #FED448;
    }

#submenu a.subselected {
background: #E0E0E0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-weight: bold;
color: #393939;
}

body.article-2 #submenu li#nav-2 a, body.article-3 #submenu li#nav-3 a, body.article-5 #submenu li#nav-5 a, body.article-6 #submenu li#nav-6 a, body.article-7 #submenu li#nav-7 a, body.article-8 #submenu li#nav-8 a, body.article-9 #submenu li#nav-9 a, body.article-10 #submenu li#nav-10 a, body.article-11 #submenu li#nav-11 a, body.article-12 #submenu li#nav-12 a, body.article-13 #submenu li#nav-13 a, body.article-14 #submenu li#nav-14 a, body.article-16 #submenu li#nav-16 a, body.article-18 #submenu li#nav-18 a, body.article-19 #submenu li#nav-19 a, body.article-20 #submenu li#nav-20 a, body.article-21 #submenu li#nav-21 a, body.article-22 #submenu li#nav-22 a, body.article-23 #submenu li#nav-23 a, body.article-24 #submenu li#nav-24 a, body.article-140 #submenu li#nav-140 a, body.section-doctrine #submenu li#nav-5 a, body.section-residency #submenu li#nav-9 a, body.section-art #submenu li#nav-13 a, body.section-resources #submenu li#nav-140 a, body.section-logistics #submenu li#nav-20 a{
background: #E0E0E0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-weight: bold;
color: #393939;
}
    
#main {
width: 508px;
float: left;
font: 12px/19px "Lucida Grande", Lucida, verdana, helvetica, arial, sans-serif;
color: #393939;
}

#main ul {
text-indent: 0;
padding: 0;
margin: 0 0 0 20px;
list-style-type: none;
}

#main li {
margin: 0;
padding: 0;
}

#main img {
border: 2px solid #333;
}

#sidebar {
width: 251px;
float: left;
margin: 40px 0 0 16px;
}

.sidebox {
background: #fff;
border: 1px solid #84060a;
width: 234px;
float: left;
margin-bottom: 8px;
padding: 8px;
}

.sidebox h3 {
width: 100%;
font: 10px "Lucida Grande", lucida, verdana, arial, sans-serif;
color: #666;
font-weight: bold;
padding-bottom: 3px;
margin: 0 0 5px 0;
border-bottom: 1px solid #666;
}

.sidebox h4 {
width: 100%;
font: 12px "Lucida Grande", lucida, verdana, arial, sans-serif;
color: #84060a;
font-weight: bold;
padding: 0;
margin: 11px 0 0 0;
}


.sidebox p {
width: 100%;
font: 11px/14px "Lucida Grande", lucida, verdana, arial, sans-serif;
color: #666;
padding: 0;
margin: 0 0 8px 0;
}

.sidebox img {
border: 0;
background: 0;
padding: 0;
margin: 0 3px 3px 0;
}

.sidebox img a {
background: transparent;
border: 0;
}

.sidebox img a:hover {
background: transparent;
border: 0;
}

.searchbox {
background: #eee;
display: inline;
width: 150px;
margin-right: 6px;
color: #333;
}

.butt {
display: inline;
background: #666;
color: #fff;
}

#footer {
width: 808px;
height: 14px;
margin: 0 0 20px 8%;
display: inline;
background: transparent url(/images/header/footer_bg.gif) top center no-repeat;
float: left;
}

.sepdash {
border-top: 1px dotted #999;
margin: 20px 0 20px 0;
}

.commentbox {
padding: 8px 8px 1px 8px;
background: #eee;
margin-bottom: 8px;
}

.commentform {
margin: 12px 0 0 20px;
padding: 12px 0 0 0;
border-top: 1px dotted #e2e2e2;
width: 100%;
}

.commentform p {
margin-left: 69px;
}

#message {
height: 150px;
}

#TextDisplay {
width: 400px;
}

#help {
font: 10px verdana;
color: #cc0000;
margin-top: 4px;
margin-bottom: 12px;
}

#help a{
font: 10px/16px verdana;
color: #cc0000;
}

#help a:hover{
color: #333;
}

dl {
font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 0; padding: 0;
}

dt {
	float: left;
	clear: left;
	text-align: right;
	margin: 5px 10px 0 0;
	width: 60px;
font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

dd {
	margin-bottom: 10px;
	font-size: 11px;
}