/*** GENERAL STYLES ***/

body {background: #e7ebd0 url(../images/bkg.gif) left top repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 12px; color: #2a2b1b;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
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: #5896a6;}
a:hover {color: #5896a6;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 30px 0;}
.imgright {float: right; margin: 0 0 30px 30px;}
.imgborder {border: 1px solid #2a2b1b;}
.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;}
.dots {float: none; clear: both; height: 1px; overflow: hidden; background: url(../images/dots.gif); margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}
.fifth {width: 20%;}
.sixth {width: 17%;}
.seventh {width: 15%;}
.eighth {width: 12%;}

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


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 980px; margin: 0 auto; text-align: left; border: 5px solid #fafcec; border-top: 0; background: #fafcec;}

#main {clear: both; padding: 20px 0 30px 0; border-bottom: 1px solid #2a2b1b; margin-bottom: 2px; min-height: 0; height: 10px;}
	html>body #main {height: auto;}
	body.home #main {padding-top: 30px;}
	#homemain {background: url(../images/dots.gif) 308px 0 repeat-y;}
#right {float: right; width: 675px; padding-right: 30px;}
	body.home #right {width: 610px;}
#left {float: left; width: 245px;}
	body.home #left	{width: 250px; padding-left: 25px;}


/*** TOP STYLES ***/

#top {height: 97px; border-bottom: 1px solid #2a2b1b; margin-bottom: 2px; background: #fafcec;}
#printlogo {display: none;}
#logo {float: left; width: 443px; height: 97px; font-size: 25px; font-weight: normal; text-decoration: none; line-height: 97px; text-indent: 20px;}
#tagline {float: right; width: 394px; height: 97px; font-size: 17px; font-weight: normal; line-height: 97px; color: #5896a6;}
#logo .ir {background: url(../images/logo.gif);}
#tagline .ir {background: url(../images/tagline.gif);}

#eyebrow {position: absolute; right: 0; top: 10px; overflow: hidden; font-size: 11px; line-height: 1.2em;}
#eyebrow li {position: relative; float: left; border-right: 1px solid #2a2b1b; left: 1px;}
#eyebrow a {padding: 0 7px; text-decoration: none; color: #2a2b1b;}
#eyebrow a:hover {text-decoration: underline;}


/*** MAIN NAV AND SUBNAV STYLES ***/

#navbar {background: #2a2b1b; height: 30px; min-height: 30px;}
	html>body #navbar {height: auto;}

#searchform {float: right; padding: 4px 5px 0 0;}
#searchform input {vertical-align: middle; margin: 0 0 0 5px !important; padding: 0 5px !important; height: 22px !important; line-height: 22px; border: 0 !important;}
#searchword {width: 160px;}
#searchbutton {background: #fafcec;}

#navbar ul {height: 30px; line-height: 30px;}
#nav {float: left;}
#navbar li {float: left;}
#navbar a {display: block; padding: 0 20px; color: #fff; text-decoration: none; white-space: nowrap;}
#nav a:hover, #nav li.on a {background: #d5e4ad; color: #2a2b1b;}

#subnav {clear: left; background: #d5e4ad;}
	body.home #subnav {display: none;}
#subnav a {color: #7ead1a;}
#subnav a:hover, #subnav li.on a {color: #2a2b1b;}


/*** CONTENT STYLES ***/

#crumbs {font-size: 10px; color: #686959;}
#crumbs li {float: left;}
#crumbs a {display: block; padding-right: 15px; background: url(../images/crumbs.gif) right center no-repeat; text-decoration: none;}
#crumbs a:hover {text-decoration: underline;}

#content {clear: left; padding-top: 10px;}
	body.home #content {padding-top: 0;}
#content h1 {font-size: 24px; font-weight: normal; color: #7ead1a; margin-bottom: 1em; padding-top: 1.5em;}
	body.home #content h1 {padding-top: 0;}
#content h2 {font-size: 18px; font-weight: normal; color: #5896a6; margin-bottom: .8em; padding-top: .5em;}
#content h3, body.home #left h3 {font-size: 14px; color: #333; margin-bottom: .8em; padding-top: .5em;}
#content ul {margin: 0 0 1.5em 20px;}
#content ul li {padding-left: 12px; background: url(../images/bullet.gif) 0 5px no-repeat; margin-bottom: 5px;}

.thumbgrid {margin-right: -25px; height: 10px; min-height: 10px;}
	html>body .thumbgrid {height: auto;}
.thumbgrid a {float: left; border: 1px solid #2a2b1b; background: #2a2b1b; margin: 0 25px 25px 0; color: #fff; text-decoration: none;}
.thumbgrid a img {display: block; margin-bottom: 1px;}
.thumbgrid a span {display: block; padding: 3px 10px;}
.thumbgrid a:hover span {background: #5896a6;}

table {border-collapse: collapse;}
th, td {border: 1px solid #2a2b1b; padding: 5px 8px;}
thead th, thead td {background: #5896a6; color: #fff; font-weight: bold;}


/*** FORM STYLES ***/

#content form h2 {padding-top: 0;}
form div {clear: both; padding-top: 3px; line-height: 18px;}
form div.hr {padding: 0;}
form div.spacer {height: 12px;}
form div.noclear {clear: none;}
form label {padding-right: 5px;}
form label.floatleft, form span.floatleft {padding-right: 10px; line-height: 22px;}
form input {vertical-align: middle;}
form input.textlg, form input.textmd, form input.textsm {margin-right: 5px;}
form input.textlg {width: 300px;}
form input.textmd {width: 150px;}
form input.textsm {width: 50px;}
form textarea {width: 550px; height: 140px;}
form textarea.textlg {width: 300px;}
form #submitbutton {background: #5896a6; font-weight: bold; color: #fff; font-size: 14px; border: 1px solid #2a2b1b; cursor: pointer;}


/*** LEFT COLUMN STYLES ***/

#leftnav {border: 1px solid #2a2b1b; background: #d5e4ad; margin-bottom: 10px;}
#leftnav a {display: block; width: 203px; padding: 5px 20px; color: #2a2b1b; text-decoration: none;}
#leftnav a:hover, #leftnav li.on a {background: #2a2b1b; color: #7ead1a;}

#leftnav ul {display: none; background: #fafcec;}
#leftnav li.on ul {display: block;}
#leftnav li.on ul a {background: transparent; color: #7ead1a; padding-left: 25px; width: 198px;}
#leftnav li.on ul a:hover, #leftnav li.on ul li.on a {color: #2a2b1b;}

.module {border: 1px solid #2a2b1b; background: #d5e4ad; margin-bottom: 10px; padding: 10px;}
	body.home .module {height: 118px; overflow: hidden;}
.module h3 {background: #2a2b1b; padding: 5px 10px; margin: -5px -10px 10px -10px; color: #7ead1a; text-align: left; font-size: 13px;}
.module .imgleft {margin: 0 15px 0 0;}

.module .imgright {margin: 0 0 0 15px;}
.module a {text-decoration: none;}
.module a:hover {text-decoration: underline;}


/*** HOME STYLES ***/

#hometop {padding-top: 5px;}
#homeflash {float: left;}
#homemodules {float: right; width: 295px;}
#homemodules .module {margin-bottom: 5px;}


/*** FOOTER STYLES ***/

#footer {background: #2a2b1b; padding: 10px; color: #fff; font-size: 11px; line-height: 1.2em;}
#footer ul {position: relative; float: right; overflow: hidden;}
#footer li {position: relative; float: left; border-right: 1px solid #a7a898; left: 1px; padding: 0 7px;}
#footer p {margin: 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}