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

body {margin:0; padding:0; font-family: arial, verdana, sans-serif; font-size: 12px; color: #333333; background-color: #C3C3C3;}
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; padding:5px; width: 760px; height:auto; background: url(../../images/header_bg.gif) repeat-x top #ffffff;}
#header {margin: 0; padding:0; width: auto; height:110px;  background-image:url(../../images/header_bg.jpg); background-position: top center; background-repeat: no-repeat;}

#main_left {margin:0 1px 10px 0; padding:0; float:left; width:210px; height:auto;}
#main_right {margin:0 0 10px 0; padding:0; float:left; width:549px; height:auto; border-bottom:5px solid #666666; padding-bottom:1px;}

#content_left {margin:0; padding:0; float:left; width:210px; height:auto;}
#content_right {margin:0; padding:0 10px 10px; float:left; width:520px; height:auto;}

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

/* Navigation Styles
----------------------------------------------- */
#navcontainer {margin:0; width: 210px; border-bottom:15px solid #666666;}
#navcontainer ul{margin: 0; padding: 0; list-style-type: none; font-family: verdana, Arial, Helvetica, sans-serif;}
#navcontainer a {display: block; margin:0; padding: 10px 0 10px 20px; width: 190px; background-color: #E7E7CF; border-bottom: 1px solid #CCCC99; border-right: 1px solid #CCCC99;}
#navcontainer a:link, #navlist a:visited {color: #000000; text-decoration: none;}
#navcontainer a:hover {background-color: #F02A10; color: #fff;}
#navcontainer a.active:link, #navlist a.active:visited {background-color: #F02A10; color: #ffffff; text-decoration: none;}
#navcontainer a.active:hover {background-color: #F02A10; color: #fff;}

/* Site Elements
----------------------------------------------- */
.two-col {margin:0; padding:0; float:left; width:250px; height:auto; text-align:center;}

.height-spacer {height: 200px;}
/* Generic Styles
----------------------------------------------- */

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

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

/* regular text */
.text-l {font-size:14px; font-weight:normal;}
.text-m {font-size:12px; font-weight:normal;}
.text-s {font-size:11px; font-weight:normal;}
.text-xs { font-size:10px; font-weight:normal;}
.text-xxs { font-size:9px; font-weight:normal;}

/* bold text */
.btext-l {font-size:14px; font-weight:bold;}
.btext-m {font-size:12px; font-weight:bold;}
.btext-s {font-size:11px; font-weight:bold;}
.btext-xs {font-size:10px; font-weight:bold;}
.btext-xxs {font-size:9px; font-weight:bold;}

/* colors */
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color: #000099;}
.yellow {color: #FFFF00;}
.orange {color: #FF9900}

/* 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;}