/*** GENERAL STYLES ***/

body {background: #fff url(../images/bkg.gif) center top repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #333;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 18px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #c33;}
a:hover {color: #c33;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px;}
.fileinfo {font-size: 11px; padding-left: 3px;}
.large {font-size: 13px;}
.nowrap {white-space: nowrap;}
.backlink {font-size: 12px; text-align: right;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
.videoleft {float: left; margin: 0 30px 20px 0; width: 320px; height: 180px;}
.videoright {float: right; margin: 0 0 20px 30px; width: 320px; height: 180px;}
.imgborder {border: 1px solid #ccc; padding: 5px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #cdccc7; margin: 2em 0;}
.clear {float: none; clear: both;}
.contain {overflow: hidden;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

#outer {position: relative; width: 990px; margin: 0 auto; text-align: left;}

#top {position: relative; height: 126px;}
#printlogo {display: none;}
#logo {position: absolute; left: 0; top: 0; width: 275px; height: 126px; text-decoration: none; color: #c33; letter-spacing: 2px; text-align: center; line-height: 20px; font-weight: normal;}
#logo strong {display: block; color: #444; font-size: 50px; letter-spacing: 0; padding-top: 40px; line-height: 40px;}
#logo .ir {background: url(../images/logo.gif) no-repeat;}

#clientlogin {position: absolute; right: 30px; top: 20px;}
#clientlogin input {font-size: 11px;}
#clientlogin input.text {width: 100px;}


/*** TOP NAV STYLES ***/

#nav {position: absolute; right: 16px; bottom: 0; line-height: 32px; font-weight: bold;}
#nav li {float: left; margin-right: 5px;}
#nav a {display: block; white-space: nowrap; background: #bc1812 url(../images/nav.gif); color: #fff; text-decoration: none; text-align: center; width: 194px;}
#nav li.on a, #nav a:hover {background: #9c9b9b url(../images/nav.gif) 0 32px;}

#eyebrownav {position: absolute; right: 20px; top: 60px; overflow: hidden; line-height: 1.2em;}
#eyebrownav li {position: relative; left: 1px; float: left; border-right: 1px solid #999; padding: 0 10px;}
#eyebrownav a {color: #636363; text-decoration: none;}
#eyebrownav li.on a {color: #c33;}


/*** STRUCTURAL STYLES ***/

#main {background: url(../images/main.gif) center top no-repeat; padding: 30px 10px;}
#maindivider {position: relative; background: url(../images/maindivider.gif) 205px 0 repeat-y; overflow: hidden; zoom: 1;}
#maindividerend1, #maindividerend2 {position: absolute; left: 205px; top: 0; width: 1px; height: 30px; overflow: hidden; background: url(../images/maindividerends.gif);}
#maindividerend2 {top: auto; bottom: 0; background-position: 0 -30px;}
	body.home #maindivider {background-position: 650px 0;}
	body.home #maindividerend1, body.home #maindividerend2 {left: 650px;}
#content {float: right; width: 720px; padding: 10px;}
#sidebar {float: left; width: 175px; padding: 10px;}
	body.home #content {float: left; width: 600px; padding: 10px 20px;}
	body.home #sidebar {float: right; width: 275px; padding: 10px 25px;}

/*** CONTENT STYLES ***/

#main h1 {font-size: 28px; color: #c33; line-height: 32px; margin-bottom: 20px; font-weight: normal;}
#main h2 {font-size: 18px; color: #c33; line-height: 22px; margin-bottom: 15px; font-weight: normal;}
#main h2.quote {color: #333;}
#main h2.newsdate {margin: -10px 0 20px; color: #333; font-size: 16px;}
#main h3 {font-size: 14px; margin-bottom: 5px;}

#main ul {margin: 0 0 1.5em 0;}
#main ul li {padding-left: 30px; background: url(../images/bullet.gif) 18px 7px no-repeat; margin-bottom: 8px;}
#main ul ul {margin: .4em 0 1em;}

p.redbutton {overflow: hidden;}
a.redbutton {float: left; margin-right: 10px; padding-left: 3px; background: url(../images/redbutton.gif) left top; line-height: 25px; white-space: nowrap; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px;}
a.redbutton span {display: block; padding: 0 15px 0 12px; background: url(../images/redbutton.gif) right top;}
a.redbutton:hover {color: #fff;}

.partnerlink {padding: 0 20px;}


/*** SIDEBAR STYLES ***/

#main h3#leftnavh3 a {color: #333; text-decoration: none;}
#main h3#leftnavh3 a:hover {color: #c33;}
#main ul#leftnav {margin: 10px 0 2em;}
#main ul#leftnav li {padding: 0; background: none; margin: 0;}
#leftnav a {display: block; padding: 5px 0 5px 15px; width: 160px; background: url(../images/leftnav.gif) 0 10px no-repeat; color: #333; text-decoration: none;}
#leftnav li.on a, #leftnav a:hover {color: #c33; background-position: -300px 10px;}

blockquote {margin: 0 0 1.5em 0; padding: 0; font-size: 16px; color: #c33; line-height: 20px;}
blockquote p {margin-bottom: .5em;}
blockquote cite {display: block; font-size: 13px; font-style: italic; color: #333;}


/*** TABLE STYLES ***/

table {border-collapse: collapse; margin-bottom: 1.5em;}
th, td {border: 1px solid #ccc; padding: 10px 15px; font-size: 12px; line-height: 16px;}
thead th, thead td, .thead th, .thead td, td.thead, th.thead {font-weight: normal; background: #f5f5f5; font-size: 14px;}
td .hr {margin: 1em 0;}
td p {margin: 1em 0;}


/*** FORM STYLES ***/

form div {clear: left; padding-top: 3px;}
form label {position: relative; float: left; width: 100px; padding-right: 20px; text-align: right;}
form .note {display: block; padding-left: 200px; margin-bottom: 5px; font-size: 11px;}
form .req {position: absolute; right: 4px; top: 0; color: #c00; font-size: 30px; line-height: 30px;}
form .text input, form textarea {width: 350px;}
form textarea {height: 100px;}
form .checkbox input {vertical-align: middle; width: auto !important;}
form .button input {margin-left: 120px; background: #c00; color: #fff; font-weight: bold; border: solid #666; border-width: 0 1px 2px 0; font-size: 17px; line-height: 18px;}
form .button input:hover {background: #c00; cursor: pointer;}


/*** HOME STYLES ***/

#homehero {padding: 0 20px 20px;}
#homeheroimg {position: relative; width: 949px; height: 283px;}
#homehero .hr {margin: 20px -10px 0; width: 970px; background: #cdccc7 url(../images/hr.gif);}


/*** FOOTER STYLES ***/

#footer {background: url(../images/footer.gif) center top no-repeat; color: #525251; line-height: 16px; text-align: center; padding: 15px 0; font-family: tahoma, verdana, sans-serif; font-size: 10px;}
#footer p {margin: 0;}
#footer span {padding: 0 5px;}
#footer a {color: #525251; text-decoration: none;}
#footer a:hover {color: #c33; text-decoration: underline;}
#copyright {font-size: 9px; color: #a1a198;}