* {margin:0 auto;padding:0;}
body {margin:0.5em auto; text-align:center;}
#wrap {
    width:94%;
    min-width:40em;
    max-width:70em;
    text-align: left;
    font-family: Tahoma, Arial, sans-serif;
    /* more specific to override imported rule */
    font-size:    x-small;
    /* false value for WinIE5 */
    voice-family: "\"}\"";
    /* trick WinIE5 into thinking rule is over */
    voice-family: inherit;
    /* recover from trick */
    font-size:    small;
    /* intended value for better browsers */
}
#header {height:152px; overflow:hidden; background: #001a99 url(/images/top-logo-fill.jpg) repeat-x left top;}
#header h1, #header h2 {padding:152px 0 0 0; overflow: hidden; height:0 !important; height /**/:152px; /*for IE5/win */ }
#header h1 {background: url(/images/top-logo.jpg) no-repeat left top;}
#header h2 {background: url(/images/top-logo-right.jpg) no-repeat right top; position:relative; top:-152px;}

#topnav { height:36px; border-right: solid 1px #e4e3e3;}
#topnav img {margin-right:1em;}

#today {
     background:#f5f5f5 url(/images/topnav-date.gif) no-repeat left top;
     font-weight:bold;
     float: right;
     height:36px;
     width: 145px;
     text-align:center;
     line-height:36px;
     white-space:nowrap;
}
#home{margin-left:1em;}
#year {color:#e66201;}

#leftbar {width:13em; float:left; border-right: solid 1px #e4e3e3;}
#leftbar h2 {
     background:#fafafa url(/images/left-nav-bg.gif) no-repeat left top;
     font-size:100%;
     height:29px;
     padding-left:32px;
     margin:0 0 0.5em 0;
     line-height:29px;
}
#leftbar img {vertical-align:middle;}
.dots { background: url(/images/navbar-dots.gif) no-repeat top right;}
#leftbar ul {list-style-type:none; margin-left:32px; margin-bottom:2em;}
#leftbar a {text-decoration:none;}
#leftbar a:hover {text-decoration:underline;}

#content {margin-left:13em; padding: 0 0 3em 0; border-left: solid 1px #e4e3e3; background: url(/images/content-vessel.jpg) no-repeat bottom right;}
#content p {margin-top:1em;}
#content ul, #content ol {margin-left:1em; padding-left:2em;}
#content li {margin: 0 1em; padding:0 0.5em;}
.closetoimg {margin-right:7em;}
#content p, #content h2 {padding-left:1em;}


#login {margin: 3em 0 1em 1em; padding-top:4px; width:160px; float:right; color: #4b5671; background: url(/images/color-bar.gif) no-repeat top left;}
#login h4 {background: #e6e6e6; padding:0.2em 0.5em; background: url(/images/login-top.gif) no-repeat top left; font-size:small;}
fieldset {background: #f5f5f5;  border: solid 1px #d0d0d0;}
fieldset label {color: #1139ab;}
fieldset p {padding:0.5em;}
#submit {margin-top:0.5em; width:53px; height:20px;}

#footer{ }
#fright, #fleft {height:3.5em; border-top: solid 2px #c6c6c6;}
#fleft {float:left; width:13em; background: #dadada; margin-top: 4px; padding:1em 0;}
#wrapfr {margin-left:13em; padding-top: 4px; border-left: solid 1px #d0d0d0; background: url(/images/color-bar.gif) no-repeat top left;}
#fright{background: #f6f5f5; padding:1em;}

.orange, #content h2 {color: #f86500;}
.grey {color: #cac9c9;}
.a {list-style-type:lower-alpha;}
img {border:0;}
.clear {clear:both;}
a:link, a:visited {color: #001a99; text-decoration:underline;}
a:hover, a:active {color: #f86500; text-decoration:underline;}