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

body {margin:0 0 15px; padding:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #F0F0F0; background-image:url(../../images/bar_bg.jpg); background-repeat:repeat-x; background-position:top;}
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;}

#container {width:800px; height:auto; margin: 10px auto; padding:0; text-align: left; background-image:url(../../images/body_bg.jpg); background-position: top center; background-repeat: repeat-y;}
#header {margin: 0; padding:0; width: auto; height:92px; background-image:url(../../images/header_bg.jpg); background-position: top center; background-repeat: no-repeat;}
#nav {margin: 0; padding-bottom:1px; width: auto; height:auto;}

#content {margin:0; padding:0 0 0 25px; width:750px; height:auto; background-image:url(../../images/content_bg.jpg); background-position:bottom right; background-repeat:no-repeat;}
#left_col {margin:0; padding:0 0 0 10px; float:left; width:500px; height:auto;}
#right_col {margin:0; padding:0 0 0 25px; float:left; width:170px; height:auto; text-align:center;}

#footer {width: 800px; height:50px; margin:0; padding:0; color:#cccccc; font-size:12px; text-align:center; background-image:url(../../images/footer_bg.jpg); background-position: top center; background-repeat: no-repeat;}



/* Navigation Styles
----------------------------------------------- */
#navcontainer {background-color: #D6CEB6; width:750px; height:30px; margin:0 0 0 25px;}
#navcontainer ul {font-weight: normal; color: white; font-size:12px; text-align: center; margin: 0; padding-bottom: 0px; padding-top: 7px; letter-spacing:4px;}
#navcontainer ul li {display: inline; margin-left: -16px;}
#navcontainer ul li a {padding: 6px 15px 7px 15px; color: #000000; text-decoration: none;}
#navcontainer ul li a:hover { background-color: #ffffff; color: #000000;}
#active a.active {background-color: #ffffff; color: #000000;}

/* Site Elements
----------------------------------------------- */
.two-col {margin:0; padding:0 0 0 25px; float:left; width:220px; height:auto;}
.three-col {margin:0; padding:0; float:left; width:240px; height:auto;}
.one-col {margin:0; padding:0 0 0 25px; float:left; width:400px; height:auto;}

.colorcharts {margin:5px 0; border:1px solid #000000;}
.colorcharts-head {width:350px; text-align:right; padding:20px 5px; float:left;}
.colorcharts-logo {width:100px; float:left; margin-top:5px;}


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

/* tags */
p {margin:0; padding-bottom:10px;}
h1 {margin:0; padding:10px 0; font-size:18px; font-weight:bold; color:#333333;}
h2 {}
h3 {margin:0; padding:10px 0 0 0; font-size:12px; font-weight:bold; color:#000000;}
li {display:block; padding:0 0 0 10px; }
#services{}
#services ul {padding: 0px; margin-top: 0px; margin-left: 60px;}
#services ul li {list-style-type: none; background: url(../../images/bullet_01.gif) no-repeat 2px 2px; margin-left: -10px; padding-left: 20px; margin-top: 0px;}

/* links */
a, a:link, a:visited, a:active{text-decoration: none; color:#000099; font-size:12px;}
a:hover{text-decoration: underline;}
em {font-size:10px;}


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

/* lists */
#content ul li {list-style-type: none; background: url(../../images/bullet_01.gif) no-repeat 14px 2px; margin-left: -40px; padding-left: 35px;}

/* 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;}
#greybar {padding-top:3px; width: 750px; margin: 1px 0 1px 0; background-color:#D6CEB6;}
.bannerimg {margin: 5px 0 0 15px;}
/* QUOTES */
#qborder {padding:8px; margin:10px 0; border:1px solid #cccccc; width:auto; height:auto;}
#quote{
margin:3px;
padding:0 5px 0 5px;
color:#333333;
font-weight:bold;
text-align:center;
font:italic 16px Georgia,arial,verdana,sans-serif;
}
.qfont{
margin:3px;
padding:10px 0 0 0;
color:#333333;
text-align:right;
font:italic 11px verdana,sans-serif;
}
.topq{
margin:10px 10px 0 10px;
padding:8px;
background-color:transparent;
background-image:url(../../images/topq.gif);
background-position:left;
background-repeat:no-repeat;
}
.baseq{
margin:0 0 0 10px;
padding:5px;
background-color:transparent;
background-image:url(../../images/bottomq.gif);
background-position:right;
background-repeat:no-repeat;
}