/* GLOBAL HTML */

html { background: #000 url("img/background.jpg"); width: 100%; font: 12px "Arial", sans-serif; color: #FFF; }
body { background: #5C6685; width: 754px; margin: 0 auto; }
h1 { font-size: 24px; }
h2, h3 { font-size: 12px; font-weight: normal; }
legend { color: #000; }
table { width: 100%; }
caption, th { text-align: center !important; }
a { color: #FFF; }
a:hover { text-decoration: none; }
a:visited { color: #CFCFCF; }

/* GLOBAL CLASSES */

.head { background: #5D6685; color: #FFF; text-align: left; font-weight: bold; margin: 0; padding: 0 5px 0; }
.head a { color: #FFF !important; text-decoration: none; }
.head a:hover { color: #D3D5DE !important; }
.subhead, .info { background: #000066; color: #FFF; text-align: left; font-weight: bold; margin: 0; padding: 0 5px 0; }
.subhead a, .info a { color: #FFF !important; text-decoration: none; }
.subhead a:hover, .info a:hover { color: #B9B9D5 !important; }
.hr { border-bottom: 1px solid #000; }

/* TEMPLATE STYLE */

h1#header { float: right; background: #000066; color: #F0F0F0; width: 604px; height: 45px; margin: 0; padding: 0; }
h1#header a { text-decoration: none; }
h1#header span { display: block; font-size: 12px; }

div#nav { float: left; width: 150px; }
div#nav, div#nav * { margin: 0; }
div#nav li { padding-left: 3px; }
div#nav h2, ul.section, ul.sub-section { margin: 0; padding: 0; list-style-type: none; }
div#nav h2 { background: url("img/caplogo.jpg") no-repeat; width: 150px; height: 130px; }
div#nav h2 span { display: none; }
div#nav h3.subhead { padding: 0 0 0 3px !important; }
div#nav a { display: block; width: 100%; color: #FFF; border-bottom: 1px solid #828BAA; text-decoration: none; }
div#nav a:hover { background: #5D6FAE; }
ul.sub-section { margin-left: 15px !important; }

div#eservices { float: right; background: #FFF; width: 604px; height: 25px; }
div#eservices a { color: #000; width: 604px; height: 25px; background: #FFF url("img/eservices.jpg") no-repeat; display: block; text-decoration: none; margin-top: 6px;  }
div#eservices span { display: none; }

div#queue_bar { background: #DCDCDC; }
div#queue_bar ul { padding: 5px; text-align: center; margin: 0; list-style: none; }
div#queue_bar li { display: inline; padding: 5px 0; }
div#queue_bar a { padding: 5px; text-decoration: none !important; }
div#queue_bar a:hover { background: #E8E8E8; }

div#logged-in { color: #5C6685; clear: right; text-align: right; }

div#breadcrumb { color: #5C6685; clear: both; padding: 3px; }
div#breadcrumb a { color: #5C6685 !important; text-decoration: none; }
div#breadcrumb a:hover { text-decoration: underline; }

div#main { margin: 0; float: right; background: #FFF url("img/missions.png") top right no-repeat; color: #000; width: 598px; border-left: 6px solid #828BAA; border-bottom: 6px solid #828BAA; padding-top: 37px; }
div#main a { color: #000; }
div#main a:visited { color: #5C6685; }

div#main blockquote.news { margin: 0; padding: 0; }
div#main p { padding: 0 5px 0 5px; }

div#footer { color: #FFF; clear: both; padding-left: 150px; text-align: center; }

/* PRIVATE MESSAGES */

ul#pm_nav { padding: 5px; margin-left: 0; list-style: none; }
ul#pm_nav li { display: inline; padding: 5px 0; border-bottom: 1px dashed #ccc; }
ul#pm_nav a { padding: 5px; }
ul#pm_nav a:hover { background: #F9F9F9; }

/* ARTICLE */

ul#article_nav { padding: 5px; margin-left: 0; list-style: none; }
ul#article_nav li { display: inline; padding: 5px 0; border-bottom: 1px dashed #ccc; }
ul#article_nav a { padding: 5px; }
ul#article_nav a:hover { background: #F9F9F9; }


/* CALENDAR */

table.calendar tr.cell { height: 75px; }
table.calendar th { width: 14.28%; }
table.calendar td { border: 1px solid #000; vertical-align: top; }
table.calendar ul { margin: 0; padding: 0; list-style-type: none; }

/* FORUMS */

table.forum span.desc, table.forum span.children { display: block; font-size: 80%; }

/* FORUMS: Post List / PM: Message Reading */

div.post { display: table; width: 100%; margin-top: 1%; padding: 0; border-top: 0 !important; }
div.post ul.user-info { padding: 0; margin: 0; list-style-type: none; float: left; width: 95px; clear: left; }
div.post ul.user-info li { text-align: center; }
div.post ul.user-info li.name { line-height: 20px; }
div.post ul.post-info { padding: 0; margin: 0; float: right; width: 503px; clear: right; }
div.post ul.post-info li { display: inline; line-height: 20px; }
div.post blockquote.message { float: right; width: 503px; clear: right; padding: 0 !important; margin: 0 !important; }
div.post blockquote.message p { margin: 0 !important; padding: 5px 0 0 0 !important; }