/*** GENERAL STYLES ***/

body {background: #fff url(../images/bkg.jpg) 8px 8px no-repeat; margin: 0; padding: 8px;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000;}
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: #069;}
a:hover {color: #f93;}

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

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.quarter {width: 25%;}

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


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 900px; height: 768px;}
#content ul, #sidebar ul {margin: 1.5em 0;}
#content ul li, #sidebar ul li {position: relative; padding-left: 15px; background: url(../images/bullet.gif) 0 7px no-repeat; margin-bottom: 3px;}

#printlogo {display: none;}

#logo a {position: absolute; left: 592px; top: 367px; width: 160px; height: 115px; text-decoration: none; text-align: center; font-size: 18px; font-family: arial, sans-serif; line-height: 115px; color: #069;}
#logo .ir {background: url(../images/logo.jpg) left top no-repeat;}

#nav {position: absolute; left: 600px; top: 511px;}
#navlast {margin-top: 28px;}
#nav a {display: block; padding-left: 18px; text-decoration: none; font-weight: bold; line-height: 14px; color: #f93; width: 120px;}
	html>body #nav a {width: auto;}
#nav li.on a {color: #069;}
#nav li a:hover {background: url(../images/nav.gif) 0 0 no-repeat !important; color: #069;}

#newslettersignup {position: absolute; right: 0; top: 680px; width: 368px;}

#subnav {position: absolute; left: 359px; top: 0; width: 161px; height: 361px;}
#subnav ul {position: absolute; left: 8px; bottom: 27px;}
#subnav h3 {color: #999;}
#subnav li a {display: block; padding-left: 18px; text-decoration: none; font-weight: bold; line-height: 14px; margin-top: 6px; color: #6b7501; width: 120px;}
	html>body #subnav li a {width: auto;}
#subnav li.on a {color: #f90;}
#subnav li a:hover {background: url(../images/subnav.gif) 0 0 no-repeat !important; color: #f90;}

#sidebar {float: right; width: 368px;}
#sidebar h1 {font-size: 32px; margin-bottom: 5px; font-weight: normal;}
#sidebar h2 {font-size: 20px; color: #999; margin-bottom: 19px; font-weight: bold;}
#sidebar p {font-size: 11px; color: #666; line-height: 24px; width: 300px; margin-top: auto;}

#main {position: relative; float: left; width: 359px;}
#content {padding: 30px 42px 30px 15px; line-height: 16px; font-size: 12px; background: url(../images/bkg.jpg);}
#content h1 {font-size: 17px; margin-bottom: 1em;}
#content h2 {font-size: 15px; margin-bottom: 1em;}
#content h3 {font-size: 13px;}
#content a {color: #6b7501;}
#content a:hover {color: #069;}
#flash {position: relative; left: -9px; width: 320px; height: 280px; margin-bottom: 30px;}
#icon {position: absolute; left: 338px; top: 420px; width: 76px; height: 90px;}

.reels #content h3 {margin-bottom: 10px;}

.team {padding-top: 20px;}
.team h3 strong {font-size: 20px;}
.team h4 {font-size: 12px; font-style: italic; margin-bottom: 5px;}
.team p {margin: 0;}

body.news #content {border-bottom: 8px solid #fff;}
.news .newsphoto {margin: 0 -10px 0 -9px; width: 321px; background: #000; text-align: center;}
.news .photochoice {margin: 0 -10px 15px -9px; width: 321px; background: #6b7501; text-align: center; font-weight: bold; line-height: 20px;}
#content .photochoice a {color: #c8cf5b; padding: 0 8px; cursor: pointer; cursor: hand; text-decoration: none;}
#content .photochoice a:hover {background: #000; color: #c8cf5b;}
.news h3 {font-size: 15px; margin-bottom: 3px;}
.news h4 {font-size: 13px; font-weight: normal;}
.news .story {margin: 20px 0;}
.news .toplink {font-size: 11px; font-weight: bold;}

#middle {position: absolute; right: -161px; top: 0; width: 141px; padding: 30px 10px 0;}
#middle ul li {padding-top: 10px;}

#moreInfoForm {width: 300px;}
#moreInfoForm .clear {padding-top: 3px; clear: left;}
#moreInfoForm p.clear {margin: 1em 0 0 0;}
#moreInfoForm p.small {font-size: 11px; line-height: 14px;}
#moreInfoForm label {float: left; width: 120px; padding-top: 3px; font-weight: bold;}
#moreInfoForm label.required {background: url(../images/required.gif) right 6px no-repeat;}
#moreInfoForm input {border: 1px solid #6b7501; width: 170px;}
#moreInfoForm textarea {border: 1px solid #6b7501; width: 295px; height: 80px;}
#thumbbox {float: left; width: 50px;}
.thumbnail {cursor: pointer;}
#dragto {position: relative; float: right; width: 220px; height: 280px; border: 1px solid #6b7501; background-color: #dee379;}
#DropZone {width: 100%; height: 250px;}
#DropZone img {margin: 5px; cursor: pointer;}
.hoverDropZone {border-color: #f90;}
#droppedIcon {position: absolute; left: 0; bottom: 0; width: 100%; font-size: 9px; text-align: center;}
.tcan {float: right; clear: right; width: 75px; height: 75px; background-image: url(../images/contactform/trashcan2.jpg);}
.hoverTrash{}
#moreInfoForm textarea#hideText {visibility: hidden; height: 1px; overflow: hidden;}
#moreInfoForm input#submitForm {font-size: 13px; font-weight: bold; width: auto; background: #069; color: #fff;}
#moreInfoForm .textright {width: 297px;}

#homelogo {position: absolute; left: 221px; top: 130px; width: 98px; height: 555px; background: url(../images/homelogo.jpg);}

#footer {position: absolute; left: 365px; top: 634px; width: 150px; font-size: 9px; line-height: 12px; text-align: center;}
#footer p {margin-bottom: 2.5em;}