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

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

#wrapper {margin: 0px auto; width: 800px; height:auto; background: url(../../images/body_bg2.jpg) no-repeat #C3C3C3;}
#wrapper-gutter {margin: 0px 30px; width: auto; height:auto;}

#left {margin:0; padding:0; float:left; width:495px; height:auto;}
#right {margin:0; padding:0; float:left; width:245px; height:auto; background: url(../../images/header_right_bg.jpg) no-repeat;}
#right-gutter{margin: 40px 20px 0 20px; width: auto; height:auto;}

#logo {margin: 0; padding:0; width: 300px; position:relative; float: left;}
#login {margin: 0; padding:30px 0 0 0; width: 200px; text-align:right; position:relative; float: right;}

#body {margin: 0; width: auto; height:650px; background: url(../../images/content_bg.jpg) repeat-y #FFFFFF;}

#footer {padding:10px 0; width: 100%; background-color: #CCCCCC; text-align:center; float:left;}
#bottom-cap {padding:0; width: 100%; background-color: #FFFFFF; text-align:center; float:left;}

#header-display {margin: 0; width: 495px; height:115px; background: url(../../images/header_left_bg2.jpg) no-repeat; border-bottom:1px solid #FFF;}
#header-nav {margin: 0; width: 495px; height:34px;}

/* Navigation Styles
----------------------------------------------- */
div#navcontainer{background-color: #000066; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF;}
div#navcontainer ul{font-family: Arial, Helvetica, sans-serif;font-weight: bold; color: white; text-align: center;margin: 0; padding-bottom: 5px; padding-top: 5px;}
div#navcontainer ul li {display: inline; margin-left: -3px;}
div#navcontainer ul li a {padding: 5px 10px 5px 10px; color: white; text-decoration: none; border-right: 1px solid #fff;}
div#navcontainer ul li a:hover {background-color: #000033; color: white;}
#active a { background-color: #000033;}

/* Site Elements
----------------------------------------------- */
#content-top { margin: 10px 0; padding-bottom: 10px; width: 100%; height:auto; border-bottom:1px solid #CCCCCC}
#content-left {margin:0; padding:0; position:relative; float: left; width:240px; height:auto;}
#content-right {margin:0; padding:0; position:relative; float: right; width:240px; height:auto;}

/* Site Elements
----------------------------------------------- */
#testimonial {margin-bottom:10px; padding:0 8px 0 8px; width:200px; height:auto; background-color:#F9F9F9; border:1px solid #D3D3D3; float:left;}


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

/* tags */
p {margin:0; padding-bottom:10px;}
h1 {margin:0; padding:10px 0; font-size:12px; font-weight:bold; color:#000033;}
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:#173456;}
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;}
.white {color: #FFFFFF;}

.copyright {padding-top:10px; font-size:11px; color:#ffffff;}

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

/* lists */
ul {padding-left: 10px; margin: 0 10px;}
li {margin: 0 0 2px 0; padding:0; list-style: url(../../images/bullets/sm_grn_arrow.gif) circle; font-weight: normal;}

/* borders */
img {margin: 0; padding: 0;}

/* table styles */
.tablehead {color: #000; font-style: normal; font-size: 11px; background-color:#FFFFFF; vertical-align:top; width: 100%; margin:0 0 15px 0;}
.packagehead {background:#0D6BB3; color: #fff; font-weight: bold; font-size: 14px;}
.colhead {background:#62778A; color: #fff; font-weight: bold; font-size: 14px;}
.evenrow {padding: 5px 0; background-color: #FFF; font-size: 11px; width: 15%; text-align:center;}
.oddrow {padding: 5px 0; background-color: #F0F0F0; font-size: 11px; width: 15%; text-align:center;}
.evenrow-label {padding: 0; background-color: #FFF; font-size: 12px; font-weight: bold; width: 30%; text-align:right;}
.oddrow-label {padding: 0; background-color: #F0F0F0; font-size: 12px; font-weight: bold; width: 30%; text-align:right;}

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