/* Element styles */

body {
	font-family: Arial, Helvetica, Verdana, Geneva, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.3em;
	background: #000000 url(../images/bg_nav.gif) no-repeat fixed top left;
	color: #b2b2b2;
}

h1 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 2.8em;
	color: #ffffff;
}

h2 {
    display: block;
}

h3 {
    font-size: 1.4em;
}

strong {
    font-weight: bold;
}

input, textarea, select {
    font-family: Arial, Helvetica, Verdana, Geneva, Sans-Serif;
    font-size: 1.0em;
}

a:link, a:visited {
    color: #33cc33;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

ol {
    padding-left: 25px;
}

ol li {
    list-style-type: decimal;
}



/* Layout styles */

#wrapper {
    width: 990px;
}

#content {
    width: 827px;
    float: left;
}

#mainColumn {
    width: 532px;
    float: left;
}

#leftColumn {
    width: 275px;
    float: left;
    margin-right: 20px;
    display: inline;
}

#rightColumn {
    width: 275px;
    float: left;
    margin-left: 20px;
    display: inline;
}

#footerRow {
    float: left;
}

.gradientBar {
    background: transparent url("../images/sb_gradient.gif") no-repeat top left;
    padding-top: 30px;
}

.gradientBarLong {
    background: transparent url("../images/sb_gradientlong.gif") no-repeat top left;
    padding-top: 30px;
}

.dividerLine {
    width: 275px;
    height: 1px;
    font-size: 0.001em;
    overflow: hidden;
    background: #333333;
}

.dividerLineLong {
    width: 532px;
    height: 1px;
    font-size: 0.001em;
    overflow: hidden;
    background: #333333;
}

.dividerLineFull {
    width: 827px;
    height: 1px;
    font-size: 0.001em;
    overflow: hidden;
    background: #333333;
}



/* Header styles */

#headerRow {
    float: left;
    width: 827px;
    height: 95px;
    padding-top: 45px;
    background: transparent url("../images/bg_swirl.jpg") no-repeat top right;
}

#headerRow #breadcrumbs {
    padding-top: 10px;
    font-weight: bold;
}

#breadcrumbs a, #breadcrumbs span {
    display: block;
    float: left;
    margin-right: 15px;
    padding-left: 10px;
}

#breadcrumbs .white {
    color: #ffffff;
    background: transparent url("../images/brd_white.gif") no-repeat center left;
}

#breadcrumbs .green {
    color: #33cc33;
    background: transparent url("../images/brd_green.gif") no-repeat center left;
}


/* Footer styles */

#footer {
    float: left;
    clear: both;
    width: 827px;
    margin-top: 20px;
    font-size: 0.8em;
    line-height: 1.3em;
}

#footer .text {
    float: left;
    width: 680px;
    padding-right: 20px;
}

#footer li {
    float: left;
    display: block;
    margin-right: 10px;
}

#footer p {
    clear: both;
}

#footer .subText {
    color: #464646;
}



/* Flash banner styles */

#flashBannerRow {
    float: left;
    width: 827px;
    height: 204px;
    margin-bottom: 40px;
}



/* Left nav styles */

#leftNavWrapper {
    width: 163px;
    float: left;
    line-height: 1.3em;
}

#leftNavWrapper ul.mainNav {
    position: fixed;
    padding: 130px 0 0 10px;
    
}



/* Homepage promo list */

.promoList {
    color: #33cc33;
}

.promoList span {
    color: #b2b2b2;
}


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #leftNavWrapper ul.mainNav {
     position: absolute;
     top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}

#leftNavWrapper ul.mainNav {
    display: block;
    width: 95px;
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
}

#leftNavWrapper ul.mainNav li {
    display: block;
    padding: 14px 0 11px 0;
    background: transparent url("../images/lst_dots.gif") repeat-x top left;
}

#leftNavWrapper ul.subNav {
    display: block;
    padding: 9px 0 0 5px;
    font-size: 0.85em;
    font-weight: normal;
}

#leftNavWrapper ul.subNav li {
    display: block;
    padding: 0 0 7px 12px;
    background-image: none;
    line-height: 1em;
}

#leftNavWrapper a:link, #leftNavWrapper a:visited {
    color: #6f6f6f;
    text-decoration: none;
}

#leftNavWrapper a:hover, #leftNavWrapper a:active, #leftNavWrapper a:focus {
    color: #000000;
}

#leftNavWrapper ul.subNav a:link, #leftNavWrapper ul.subNav a:visited {
    color: #434343;
    text-decoration: none;
}

#leftNavWrapper ul.subNav a:hover, #leftNavWrapper ul.subNav a:active, #leftNavWrapper ul.subNav a:focus {
    color: #000000;
}

#leftNavWrapper a.active {
    color: #000000;
}

#leftNavWrapper ul.subNav li.arrow {
    background: transparent url("../images/nav_arrow.gif") no-repeat top left;
}

/* General styles */

.clearBoth {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.width100 {
    width: 100px;
}

.width200 {
    width: 200px;
}