/* ##### LAYOUT ##### */

body {
 margin: 25px 10px 10px 10px;
}

#container {
 text-align: left;
 width: 800px;
 border: 2px solid #ffffff;
 margin: 0 auto;
 padding: 0;
}

#bnr img {
 vertical-align: bottom;
}
#bnr h1 {
 padding: 0;
 margin: 0;
}

#headerImg { vertical-align: bottom; }

#navTop {
 color: #C0C0C0;
 background: #5D88B2 url('/images/menu_bg.jpg') top repeat-x;
 width: 100%;
 border: 1px dashed #336699; border-left: 0; border-right: 0;
 overflow: hidden;
}

#navTop a {
 display: block; float: left;
 text-align: center;
 width: 100px;
 background: url('/images/nav_border.gif') center right no-repeat;
 padding: 4px 0;
}

.nav_sub ul {
 list-style-image: url('/images/arrow_l.gif');
 padding: 2px 0;
 margin: 2px 2px 2px 18px;
}
.nav_sub li {
 padding: 2px 0 2px 0px;
 padding-left: 5px
}
.nav_sub li strong {
 margin-left: -5px;
}

#bodyL {
 width: 20%;
 float: left;
}

#contentL {
 font-size: 1.2em;
 padding: 0 2px 0 4px;
}

#bodyR {
 width: 78%;
 float: right;
 border-left: 1px dotted #336699;
}

#contentR {
 padding: 0 10px 5px 10px;
}

div.announcements,
div.important-announcements
{
color:#333333;
background:#CCCCFF;
border:1px solid #0099FF;
width:80%;
padding:5px;
}

div.important-announcements
{
	background: #df6c6c !important;
	border: 1px solid #900 !important;
	margin: 5px 0;
}

div.important-announcements a
{
	color: #000 !important;
}

div.important-announcements a:hover
{
	color: #FC6 !important;
}

div.announcements span.date,
div.important-announcements span.date
{
color: #999999;
background: inherit;
padding: 0 20px 0 0;
}

div.important-announcements span.date
{
	color: #fff !important;
}

/*
div.menuItem { font-family: Arial, Verdana, sans-serif; font-size: 12px;
               color: #C0C0C0; background-color: transparent;
               text-align: center;
               width: 120px; height: 20px;
               overflow: hidden; float: left; z-index: 1000; }

#containerLeft { width: 175px; padding: 0; float: left; }

#containerMain { padding: 0; border-left: 1px dotted #336699; float: left; }

div.content { margin-left: 5px; }
*/

#footer { width: 100%; /*margin-left: 5px;*/ }

#footnote { width: 800px; margin: 3px auto; }

/*
div.container {
 width: 800px;
 background-color: #FFFFFF;
 border: 2px solid #ffffff;
 margin-left: auto; margin-right: auto;
}
*/

/*
div.container_2 {
 width: 800px;
 background-color: #333333;
 border: 1px dashed #336699;
}

td.header {
 height: 64px;
}
*/

div.menu {
          height: 20px;
          background-color: #6FB8E3;
          background-image: url('/images/menu_bg.jpg');
          border-top: 1px dashed #336699;
          border-bottom: 1px dashed #336699;
         }

/*
td.content_left {
 vertical-align: top;
 width: 140px;
 border-right: 1px dotted #336699;
}
*/

div.title_bar {
 font-weight: bold;
 width: 98%;
 color: #333;
 background-color: #ccccff;
 padding: 3px;
 margin: 3px auto;
 overflow: hidden;
}

div.footer_border {
 font-size: 10px;
 background-color: #6FB8E3;
 width: 98%;
 padding: 5px 0;
 margin: 0 auto;
 overflow: hidden;
}

td.footer_bottom {
 height: 6px;
}

td.vspace {
 width: 5px;
}

div.vspace { height: 5px; overflow: hidden; }

.clr { clear: both; }

div#notice {
 text-align: center;
 padding: 4px 50px;
 opacity: 0.9;
 margin: 0 auto;
 z-index: 1000;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
}