/*** GENERAL STYLES ***/

body {background: #e1e1e1; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: trebuchet, "trebuchet ms", arial, helvetica, sans-serif; font-size: 13px; color: #666;}
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: #076a6e;}
a:hover {color: #7bb3b7;}
a.arrowlink {padding-right: 17px; background: url(../images/arrowlink.gif) right center no-repeat; text-decoration: none;}
a.arrowlink:hover {text-decoration: underline;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 12px;}
.large {font-size: 14px;}
.nowrap {white-space: nowrap;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
.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: #ccc; margin: 2em 0;}
.homehr {float: none; clear: both; height: 3px; overflow: hidden; background: #e2e2e2; margin: 1.5em -5px;}
.clear {float: none; clear: both;}

.half {width: 48%;}
.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: 988px; margin: 0 auto; text-align: left; background: #fff; border: 1px solid #fff;}

#top {height: 87px;}
#printlogo {display: none;}
#logo {position: absolute; left: 0; top: 0; width: 300px; height: 87px; text-align: center; line-height: 87px; font-size: 23px; color: #000; text-transform: uppercase; text-decoration: none; overflow: hidden; font-weight: normal;}
#logo .ir {background: url(../images/logo.gif);}
#top h2 {float: right; font-size: 15px; color: #959595; font-weight: normal; padding: 40px 20px 0; line-height: 19px;}
#top h2 strong {font-size: 19px; color: #7bb3b7; font-weight: normal;}


/*** NAV STYLES ***/

#nav {height: 35px; line-height: 35px; background: #076a6e url(../images/nav.gif); font-size: 14px; margin-bottom: 4px;}
#nav li {float: left; border-right: 1px solid #3c858a;}
#nav a {display: block; width: 10px; white-space: nowrap; padding: 0 30px; color: #fff; text-decoration: none;}
	html>body #nav a {width: auto;}
#nav li.on a, #nav a:hover {background: #7bb3b7 url(../images/nav.gif) 0 -35px;}


/*** STRUCTURAL STYLES ***/

#main {float: right; width: 680px; padding-right: 30px;}
	body.index #main {float: none; width: auto; padding: 0;}
#headline {font-size: 30px; color: #7bb3b7; line-height: 30px; padding: 30px 0 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
	body.index h1#headline {padding: 0; border: 0;}
#headline b, #headline strong {color: #000;}
#content {float: left; width: 420px; padding-bottom: 40px;}
	#content.wide {float: none; width: auto;}
	body.index #content {width: 390px; padding-left: 25px;}
#sidebar {float: right; width: 240px;}
	body.index #sidebar {width: 525px; padding-right: 10px; padding-bottom: 40px;}


/*** LEFT COLUMN STYLES ***/

#leftcol {float: left; width: 250px; background: url(../images/leftcol.gif) repeat-x; min-height: 360px; height: 360px;}
	html>body #leftcol {height: auto;}
	body.index #leftcol {display: none;}
#leftnavh2 {padding: 25px 15px 10px; font-size: 15px; text-transform: uppercase; color: #076a6e;}
#leftnav {border-top: 1px solid #ddd;}
#leftnav li {border-bottom: 1px solid #ddd;}
#leftnav a {display: block; width: 220px; padding: 5px 15px; color: #666; text-decoration: none;}
#leftnav li.on a {background: #7bb3b7; color: #fff;}
#leftnav a:hover {background: #076a6e; color: #fff;}

#leftsidebar {padding: 25px;}


/*** CONTENT STYLES ***/

#main h1 {font-size: 20px; color: #076a6e; margin-bottom: 15px;}
#main h2 {font-size: 16px; margin-bottom: 15px;}
	body.index h1#headline, body.index #main h2 {font-size: 19px; margin-bottom: 15px; color: #333; font-weight: normal;}
#main h3 {margin-bottom: 8px;}

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

#content #thephoto {float: right; margin: 0 0 20px 30px;}
#sidebar #thephoto {margin: 0 0 1.5em 0;}

blockquote {margin: 0 0 1.5em 0; font-style: italic;}
blockquote p {font-size: 14px; color: #076a6e; line-height: 20px; margin-bottom: 1em;}
blockquote cite {font-size: 11px; color: #666;}


/*** TABLE STYLES ***/

table {border-collapse: collapse; margin-bottom: 1.5em;}
th, td {border: 1px solid #ccc; padding: 5px 10px;}
thead th, thead td, .thead th, .thead td, td.thead, th.thead {font-weight: bold; background: #eee;}


/*** FORM STYLES ***/

form div {clear: left; padding-top: 5px;}
form label {position: relative; float: left; width: 150px; 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: 130px;}
form .checkbox input {vertical-align: middle; width: auto !important;}
form .button input {margin-left: 170px;}
form .button input:hover {cursor: pointer;}


/*** HOME STYLES ***/

#homeflash {height: 255px; margin-bottom: 30px;}
.homepromo {float: left; width: 150px; padding-right: 25px;}
.homepromo h3 {font-size: 14px; padding: 10px 10px 0 0;}
.homepromo h3 a {text-decoration: none;}
.homepromo h3 a:hover {text-decoration: underline;}
.homepromo p {font-size: 12px;}


/*** FOOTER STYLES ***/

#footer {clear: both; border-top: 1px solid #ccc; background: url(../images/footer.gif) repeat-x; line-height: 60px; color: #464646; font-size: 10px; padding: 0 20px;}
#footer ul {float: right;}
#footer li {float: left; padding: 0 0 0 10px;}
#footer p {margin: 0;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}