html {
overflow-y: scroll;
}

body {
margin: 0px;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #404040;
background-image: url(/images/lines.gif);
}

p, ul, ol {
margin: 0px;
margin-bottom: 14px;
}

h2 {
margin: 0px;
margin-bottom: 2px;
font-size: 16px;
line-height: 18px;
font-weight: normal;
color: #912E13;
}

h3 {
padding-bottom: 2px;
border-bottom: 1px solid #912E13;
margin: 0px;
margin-bottom: 6px;
font: 14px/15px "Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
color: #912E13;
}

a {
color: #3C6B9F;
}

a.button {
display: block;
float: left;
height: 14px;
padding: 2px 5px;
font: 11px/14px "Century Gothic", Futura, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: #FFFFFF;
background-color: #545454;
}

table {
border-collapse: collapse;
border-width: 2px;
}

ul {
padding-left: 15px;
list-style-type: disc;
}

ol {
padding-left: 23px;
}

li {
margin: 6px 0px;
}

td.label {
font-weight: bold;
}

*.left {
float: left !important;
}

*.right {
float: right !important;
}

*.grey {
color: #64686B;
}

a img {
border: none;
}

form {
float: left;
margin: 0px;
}

input, textarea {
float: left;
width: 130px;
height: 14px;
padding: 2px;
border: 0px;
margin: 0px;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #404040;
}

textarea {
width: 360px;
height: auto;
}

#ramp {
position: absolute;
left: 0px;
width: 100%;
height: 146px;
border-bottom: 1px solid #545454;
background: url(/images/ramp.gif) top repeat-x;
}

#wrapper {
position: relative;
width: 990px;
margin: 0px auto;
}

#container {
float: left;
width: 990px;
margin-top: 20px;
background: #9A9A9A url(/images/container.gif) left repeat-y;
}

#header {
position: relative;
right: 5px;
float: left;
width: 995px;
height: 126px;
background: url(/images/header.jpg) bottom right no-repeat;
}

* html #header {
right: 0px;
margin-left: -5px;
}

#topmenu {
position: absolute;
right: 0px;
bottom: 0px;
font: 13px/14px "Century Gothic", Futura, Arial, Helvetica, sans-serif;
background-color: #9A9A9A;
z-index: 1;
}

#topmenu a {
display: block;
float: left;
width: 149px;
height: 14px;
padding: 4px 0px;
text-align: center;
text-decoration: none;
color: #545454;
background-color: #FFFFFF;
}

#topmenu a.divider {
border-left: 1px solid #545454;
margin-left: 1px;
}

#topmenu a:hover, #topmenu a.active, #topmenu a.current {
color: #FFFFFF;
background-color: #912E13;
}

#topmenu img {
float: left;
}

#topmenu div {
display: none;
position: absolute;
top: 22px;
float: left;
width: 149px;
background-color: #912E13;
}

#topmenu div a {
width: 129px;
height: auto;
padding: 4px 10px;
border-top: 1px solid #A75842;
color: #FFFFFF;
background-color: #912E13;
}

#topmenu div a:hover, #topmenu div a.current {
background-color: #531A0B;
}

#left {
float: left;
width: 232px;
padding-bottom: 5px;
background: #4682B6 url(/images/menu.gif) left repeat-y;
}

#sidemenu {
position: relative;
float: left;
margin-bottom: 10px;
font: 13px/14px "Century Gothic", Futura, Arial, Helvetica, sans-serif;
z-index: 2;
}

#sidemenu a {
display: block;
clear: both;
float: left;
width: 207px;
height: 14px;
padding: 8px 10px;
margin-left: 5px;
border: 0px solid #7DABD4;
border-bottom-width: 1px;
text-decoration: none;
color: #FFFFFF;
}

* html #sidemenu a {
display: inline;
clear: none;
padding-left: 15px;
margin-left: 0px;
}

#sidemenu a:hover, #sidemenu a.active, #sidemenu a.current {
background-image: url(/images/menubutton.gif);
}

#sidemenu div {
display: none;
position: absolute;
left: 232px;
clear: both;
float: left;
background-color: #386AA4;
}

* html #sidemenu div {
clear: none;
}

#sidemenu div a {
width: 227px;
border-top-width: 1px;
border-bottom-width: 0px;
margin-left: 0px;
}

#sidemenu div a:hover, #sidemenu div a.current {
background: #27507F;
}

div.box {
float: left;
width: 202px;
padding: 9px;
border: 1px solid #8FB9DC;
margin: 5px 0px 0px 5px;
background-color: #7FA7C9;
}

* html div.box {
display: inline;
}

div.box table {
width: 202px;
border: none;
}

div.box input {
float: right;
}

div.box a {
float: right;
}

div.box img {
float: right;
margin-right: -5px;
}

div.box h5 {
margin-bottom: 5px;
font-size: 14px;
line-height: 18px;
color: #404040;
}

div.box p {
margin-bottom: 10px;
}

#search input {
width: 128px;
}

#search a {
padding: 2px 0px;
width: 25px;
}

#subscribe p {
float: left;
width: 100%;
margin: 0px;
}

#subscribe td {
padding-top: 5px;
}

#subscribe input {
width: 153px;
}

#subscribe a {
margin-top: 5px;
}

#right {
float: left;
width: 748px;
min-height: 487px;
padding-bottom: 10px;
margin: 5px;
background-color: #FFFFFF;
}

* html #right {
display: inline;
height: 487px;
}

#footer {
float: left;
width: 950px;
height: 14px;
padding: 6px 20px;
font-size: 11px;
color: #FFFFFF;
background-color: #3A3A3A;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

div.column {
float: left;
width: 448px;
margin-top: 10px;
margin-left: 10px;
}

* html div.column {
display: inline;
}

div.narrow {
width: 270px;
}

div.panel {
float: left;
width: 100%;
border-bottom: 2px solid #6D8E37;
margin-bottom: 10px;
color: #363636;
background-color: #F8F6EE;
}

div.panel *.tab {
display: block;
height: 13px;
padding: 6px 10px;
font: 13px/13px "Century Gothic", Futura, Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #363636;
background-color: #E9E9E2;
}

div.panel a.tab {
background: #FFFFFF url(/images/arrowright.gif) right no-repeat;
}

div.panel a.active {
background: #E9E9E2 url(/images/arrowdown.gif) right no-repeat;
}

div.panel div.content {
float: left;
width: 100%;
border-top: 1px solid #6D8E37;
}

div.panel div.hidden {
display: none;
}

div.panel div.content div {
float: left;
width: 428px;
padding: 10px;
}

div.narrow div.panel div.content div {
width: 250px;
}

div.panel div.content div.item {
border-bottom: 1px solid #DCDBD5;
}

div.panel div.content div.item p {
float: left;
width: 100%;
margin-bottom: 10px;
}

div.panel div.content div.item a.button {
float: right;
}

#title {
float: left;
margin-bottom: 25px;
}

#nav {
float: left;
width: 127px;
min-height: 450px;
padding-right: 11px;
margin: 0px 10px;
font: 13px/13px "Century Gothic", Futura, Arial, Helvetica, sans-serif;
background: url(/images/navline.gif) right top no-repeat;
}

* html #nav {
display: inline;
height: 450px;
}

#nav div, #nav a {
display: block;
float: left;
width: 117px;
padding: 5px;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
background-color: #908F87;
}

#nav div, #nav a:hover, #nav a.current {
background-color: #912E13;
}

#nav.subnav div {
width: 127px;
padding: 0px;
margin-bottom: 5px;
background-color: #FFFFFF;
}

#nav.subnav a {
margin-bottom: 5px;
}

#nav.subnav a:hover, #nav.subnav a.current {
background-color: #545454 !important;
}

#content {
float: left;
width: 570px;
margin-right: 20px;
}

* html #content {
display: inline;
}

#content.narrow {
width: 325px;
}

#image {
float: left;
margin-bottom: 20px;
}

#content div.item {
float: left;
width: 100%;
padding-bottom: 10px;
border-bottom: 1px solid #DEDDDA;
margin-bottom: 10px;
}

#content div.item img {
float: left;
margin-right: 10px;
}

#content div.item p {
/*float: left;
width: 100%;*/
margin-bottom: 10px;
}

#content div.item a.button {
float: right;
}

#details td {
padding-bottom: 14px;
}

#details td.label {
width: 180px;
}

#contact {
margin-bottom: 50px;
}

#contact input, #contact textarea {
border: 1px solid #908F87;
}

#contact td {
padding-bottom: 4px;
}

#contact td.label {
width: 110px;
padding-top: 3px;
}

#contact td.checkbox {
line-height: 18px;
}

#contact td.checkbox input {
position: absolute;
float: none;
width: auto;
height: 14px;
border: none;
margin-top: 2px;
margin-left: 5px;
}

div.link {
clear: both;
float: left;
width: 100%;
margin-bottom: 14px;
}

div.link img {
float: left;
margin-right: 10px;
}

div.link p {
float: left;
width: 480px;
margin-bottom: 0px;
}

p.youtube {
width: 100%;
text-align: center;
}

#chart {
position: relative;
padding: 0px;
border: 1px solid #F0BB0C;
margin-bottom: 24px;
line-height: 15px;
background: #FFFFFF center no-repeat;
}

* html #chart {
height: 286px;
font-size: 14px;
}

#chart.small {
width: 426px;
height: 180px;
font-size: 12px;
background-image: url(/images/charts/small.gif);
}

#chart.large {
width: 574px;
height: 286px;
font-size: 14px;
background-image: url(/images/charts/large.gif);
}

#chart a {
text-decoration: none;
}

#chart.small a, #chart.large div, #chart a.yellow {
position: absolute;
display: block;
padding: 1px;
text-align: center;
color: #FFFFFF;
}

#chart.small a {
width: 172px;
height: 56px;
cursor: pointer;
}

#chart.large div {
width: 232px;
height: 90px;
padding-top: 8px;
}

#chart.small a div, #chart.large div div {
position: absolute;
bottom: 1px;
left: 1px;
text-transform: none;
background-color: #FFFFFF;
}

* html #chart.large div div {
bottom: 0px;
}

#chart.small a div {
width: 166px;
height: 34px;
padding: 3px;
font-size: 10px;
line-height: 11px;
}

#chart.large div div {
width: 212px;
height: 46px;
padding: 10px;
font-size: 12px;
text-align: left;
}

#chart *.red {
top: 98px;
left: 10px;
background-color: #CD392E;
}

#chart div.red {
top: 146px;
left: 15px;
}

#chart a.red div, #chart div.red a {
color: #CD392E;
}

#chart *.green {
top: 15px;
left: 126px;
background-color: #7CA63A;
}

#chart div.green {
top: 15px;
left: 170px;
}

#chart a.green div, #chart div.green a {
color: #7CA63A;
}

#chart *.blue {
top: 98px;
left: 242px;
background-color: #296BA5;
}

#chart div.blue {
top: 146px;
left: 325px;
}

#chart a.blue div, #chart div.blue a {
color: #296BA5;
}

#chart a.yellow {
top: 169px;
left: 98px;
width: 228px;
height: 15px;
padding: 4px 1px;
background-color: #F0BB0C;
}

#chart.large a.yellow {
top: 274px;
left: 172px;
}