/* Default Styles
----------------------------------------------- */

body {margin:0; padding:0; font-family: arial, verdana, sans-serif; font-size: 12px; color: #333333; background-color: #F0F0F0;}
html>body { font-size: 12px; }

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #wrapper {text-align: left;}

#wrapper {margin: 0px auto; width: 780px; height:auto; background: url(../../images/nav_bg.gif) repeat-y top left #ffffff;}
#header {width: auto; height:125px; background: url(../../images/logo_v1.gif) no-repeat top left #ffffff; border-bottom:5px solid #677CBD;}
#nav {margin: 0; padding-bottom:5px; width: auto; height:auto;}

#content_left {margin-right:15px; padding:0; float:left; width:200px; height:auto;}
#content_right {margin:0; padding:15px 0; float:left; width:550px; height:auto;}

#footer {padding:15px 0; width: 780px; height:auto; color:#ffffff; font-size:11px; text-align:center; background-color: #677CBD;}

/* Navigation Styles
----------------------------------------------- */
#navcontainer {width:200px;}
#navcontainer ul{margin-left:0; padding-left:0; list-style-type:none;}
#navcontainer a{display:block; padding:5px; width:190px; background-color:#036; border-bottom:1px solid #eee;}
#navcontainer a:link, #navlist a:visited{color: #EEE; text-decoration:none;}
#navcontainer a:hover{background-color:#677CBD; color:#fff;}
#active a.active {background-color: #677CBD; color: #ffffff; font-weight:bold;}

/* Site Elements
----------------------------------------------- */
.msgBox {margin-bottom:15px; border: 1px solid #000000; background-color:#f0f0f0; padding:10px; text-align:center; font-size:18px; font-weight:bold; color: #CC0000;}

/* Generic Styles
----------------------------------------------- */

/* tags */
p {margin:0; padding-bottom:10px;}
h1 {margin:0; padding:10px 0; font-size:18px; font-weight:bold; color: #CC0000;}
h2 {margin:0; padding:10px 0; font-size:16px; font-weight:bold; color:#677CBD;}
h3 {margin:0; padding:10px 0; font-size:12px; font-weight:bold; color:#000000;}

/* links */
a, a:link, a:visited, a:active{text-decoration: none; color:#677CBD;}
a:hover{text-decoration: underline;}

a.footer, a.footer:link, a.footer:visited, a.footer:active{text-decoration: none; color:#ffffff;}
a.footer:hover{text-decoration: underline;}

/* regular text */
.text-l {font-size:16px; font-weight:normal;}
.text-m {font-size:14px; font-weight:normal;}
.text-s {font-size:10px; font-weight:normal;}

/* bold text */
.btext-l {font-size:16px; font-weight:bold;}
.btext-m {font-size:14px; font-weight:bold;}
.btext-s {font-size:10px; font-weight:bold;}

/* colors */
.grey {color:#666666;}
.red {color:#CC0000;}
.blue {color: #677CBD;}

/* borders */
.border {border:1px solid #666666;}
.border-bottom {padding: 2px; border-bottom:1px solid #cccccc;}

/* image styles */
img {margin: 0; padding: 0;}

/* form styles */
.field {padding: 10px 0; clear:both;}
.label {font-weight: bold; font-size:12px; width: 145px; float: left; padding-top:4px;}

/* misc */
.clear {clear:both;}
.inside {padding:3px;}