html { margin:0; padding:0; overflow:auto; background-color: #3D3B3C; color:#fff; font-family: arial, sans-serif; font-size: 10pt;  }
body { margin: 0 auto; width: 865px; }

.container { /*background-color:#585858;*/ width:865px, margin:0; padding:0}
.container_table { display:table}
.container_table #row { display:table-row}

a:link, a:visited, a:active{ color: #fff; text-decoration: underline; font-weight: bold; border-width: 1px; font-size: 10pt; }
a:hover{ color: #FF0000; }

.header { width: 865px; height:190px; margin-top: 19px; vertical-align: top; background-color: #3d3b3c; background-image:url(/images/siteheader.png); background-repeat:no-repeat }
.left { float:left }

.navtop { width:197px; margin-left:9px; height:20px; background:url(/images/top_nav.gif) no-repeat }
.navbottom { width:197px; margin-left:9px; height:20px; background:url(/images/bottom_nav.gif) no-repeat }
.navigation { width:197px; margin-left:9px; height:auto; background:url(/images/middle.jpg) repeat-y}
.navigation #navlist {margin-left:14px;}
.navigation .tab_title{ font-size: 10pt; font-weight: bold; color: #6F88CE; padding-left:5px; }
.navigation ul{ margin:0; padding-left:32px }
.navigation li{ list-style-type: square; margin-left: 2px; padding-left: 2px;}
.navigation a:link, a:visited, a:active{ color: #fff; text-decoration: none; font-weight: none;	border-width: 0px 0px 0px 0px; font-size: 10pt; }
.navigation a:hover{ color: #FF0000;}

.navigation_news { width:197px; margin-left:9px; height:auto; background:url(/images/middle.jpg) repeat-y}
.navigation_news #navnewslist {margin-left:14px;}
.navigation_news .tab_title{ font-size: 10pt; font-weight: bold; color: #6F88CE; padding-left:5px; }

.content_container { float:right }
.contenttop { width:650px; height:20px; background:url(/images/top_content.gif) no-repeat 0px 0}
.contentbottom { width:650px; height:20px; background:url(/images/bottom_content.gif) no-repeat 0px 0}
.content_body { width:650px; height:auto; background:url(/images/middle_content.jpg) repeat-y 0px 0}
.content { margin-left:20px; width:630px; font-size: 10pt; color: #FFFFFF;}
.content p { margin:0 50px 0 0; padding:0 }
.content .tab_title{ font-size: 10pt; font-weight: bold; color: #6F88CE; padding-left:5px; }
.content .award_sub { font-size: 10pt; font-weight: bold; color:#FFFF99 }
.content a:link, a:visited, a:active{ color: #fff; text-decoration: none; font-weight: bold; border-width: 1px; font-size: 10pt; }
.content a:hover{ color: #FF0000; }

.footercontainer { float:left }
.footertop { width:865px; height:20px; background:url(/images/top_footer.gif) no-repeat}
.footerbottom { width:865px; height:20px; background:url(/images/bottom_footer.gif) no-repeat}
.footer { width:865px; height:auto; background:url(/images/middle_footer.jpg) repeat-y; font-size: 8pt; color: #FFFFFF;}
.footer p { margin:0; padding:0 }

#pscroller1{
width: 157px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #000;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{ text-decoration: none; }
.someclass{ //class to apply to your scroller(s) if desired }

.rankgroups { font-weight: bold; text-align: left; color:#6F88CE; }
.fleettitle { text-align:center; font-weight: bold; }
.marinetitle { text-align:center; font-weight: bold; }