/* version 7 Screen Display */

/* OVERALL PAGE STYLES */
body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 74%; line-height: 120%; margin: 0px; background-image: url(/files/structure/index-background.jpg); background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; }

/* Specification so fonts display correctly in Internet Explorer */
table { font-size: 100% }

/* General Link Color */
a:link { color: #445c3d; text-decoration: underline; font-weight: bold; }
a:active { color: #6c8464; text-decoration: underline; font-weight: bold; }
a:visited { color: #445c3d; text-decoration: none; font-weight: bold; }
a:hover, a:focus { color: #6c8464; text-decoration: underline; font-weight: bold; }

/* Type Style Tags */
h1 { color: #000000; font-size: 140%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; display: block; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #000000; }
h2 { color: #39575f; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 4px 0px; }
h2 a { padding: 5px 5px 0px 5px; display: block; }
h2 a:link { color: #39575f; text-decoration: none; font-weight: bold; }
h2 a:active { color: #39575f; text-decoration: underline; font-weight: bold; }
h2 a:visited { color: #39575f; text-decoration: none; font-weight: bold; }
h2 a:hover, h2 a:focus { color: #39575f; text-decoration: underline; font-weight: bold; }
p { margin: 0px 0px 10px 0px; }
strong, bold {  }
em, i {  }
abbr, acronym { font-style: normal; text-decoration: none; }
ul, ol { list-style-position: outside; margin: 0px 0px 10px 25px; padding: 0px; }
li { margin: 0px 0px 5px 0px; }

/* ALTERNATE INFORMATION FOR PRINT/HANDHELD/SCREENREADERS */
.screenRead { display: none; }
@media aural { .screenRead { display: block; speak: normal; } }

/* MASTHEAD LAYER */
#mastband { height: 74px; margin: 15px 15px 0px 15px; background-image: url(/files/structure/index-masthead2.jpg); background-repeat: no-repeat; background-position: left top; background-color: #3a4e5c; }
a.linkHome { display: block; height: 100%; width: 100%; }
#mastLinks { height: 26px; margin: 0px 15px 0px 15px; background-image: url(/files/structure/index-tagline2.gif); background-repeat: no-repeat; background-position: 195px 4px; background-color: #8aa7b7; }

/* Lefthand Navigation Menu */
#mastLink { font-size: 92%; height: 27px; margin: 0px 15px 0px 15px; background-image: url(/files/structure/index-taglinelower.gif); background-repeat: no-repeat; background-position: 196px 0px; background-color: #6c8464; }
#mastLink p.subLink1, #mastLink p.subLink2 { display: none; }
/* Nav Link Props */
#mastLink p { line-height: 100%; text-align: right; margin: 0px; float: left; border-width: 0px 0px 3px 0px; border-style: solid; border-color: #FFFFFF; }
#mastLink p a { font-weight: bold; display: block; padding: 8px 10px 8px 10px; }
#mastLink p a:link { color: #FFFFFF; text-decoration: none; }
#mastLink p a:active { color: #FFFFFF; text-decoration: underline; background-color: #db6942; }
#mastLink p a:visited { color: #FFFFFF; text-decoration: none; }
#mastLink p a:hover, #mastLink p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #db6942; }

/* PAGE CONTENT LAYER */
#containercontent { height: 1%; display: block; margin: 15px 15px 15px 15px; background-image: url(/files/structure/index-links.gif); background-repeat: repeat-y; background-position: left top; background-color: #FFFFFF; }


/* Lefthand Navigation Menu */
#columnlink { float: left; width: 200px; background-color: #6c8464; }
#columnlink p.subLink1, #columnlink p.subLink2 { display: none; }

/* Nav Link Props */
#columnlink p { font-size: 92%; line-height: 100%; text-align: right; margin: 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #FFFFFF; }
#columnlink p.category { color: #bacbb5; font-weight: bold; padding: 8px 10px 8px 10px; }
#columnlink p a { font-weight: bold; display: block; padding: 8px 10px 8px 10px; }
#columnlink p a:link { color: #FFFFFF; text-decoration: none; background-color: #849a7d; }
#columnlink p a:active { color: #FFFFFF; text-decoration: underline; background-color: #db6942; }
#columnlink p a:visited { color: #FFFFFF; text-decoration: none; background-color: #849a7d; }
#columnlink p a:hover, #columnlink p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #db6942; }

/* Main Content Body */
#columnbody { margin: 0px 0px 0px 203px; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 3px; }


/* Float Window Information */
#containerSpecial { background-color: #CCCCCC; border: 1px solid #39575f; float: right; width: 250px; display: block; margin: 15px 0px 0px 10px; }
#containerSpecial img { vertical-align: bottom; margin: 0px; padding: 0px; display: block; }
#containerSpecial h2 { clear: both; font-size: 100%; line-height: 100%; font-weight: bold; color: #ffffff; background-color: #39575f; display: block; padding: 10px; margin: 0px; }
#containerSpecial h3 { clear: both; font-size: 100%; line-height: 100%; margin: 5px 10px 5px 10px; color: #000000; font-style: normal; font-weight: bold; display: block; }
#containerSpecial p { clear: both; margin: 5px 10px 5px 10px; color: #000000; font-size: 100%; line-height: 110%; font-style: normal; font-weight: normal; }
#containerSpecial ul { clear: both; margin: 5px 10px 5px 10px; padding: 0px 0px 0px 25px; color: #000000; font-size: 100%; line-height: 110%; font-style: normal; font-weight: normal; display: block; }
#containerSpecial li { margin: 5px 0px 5px 0px; }

#containerText { height: 1%; display: block; margin: 0px 0px 0px 0px; padding: 10px }
/* Fix to get right hand column to go all the way down */
#containerText:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

div.houseLayer { margin: 0px 0px 10px 0px; }
div.houseLayer p { font-size: 92%; line-height: 100%; margin: 0px 0px 10px 5px; }
div.houseImage { height: 150px; display: block; background-position: center top; background-repeat: no-repeat; background-color: #ebe2d0; }
div.houseImage a { height: 100%; width: 100%; display: block; border-width: 6px 0px 0px 0px; border-style: solid; }
div.houseImage a:link { border-color: #39575f; }
div.houseImage a:active { border-color: #445c3d; }
div.houseImage a:visited { border-color: #39575f; }
div.houseImage a:hover, div.houseImage a:focus { border-color: #445c3d; }



/* Styles for MultiColumn Formats */
.containercolumns { height: 1%; display: block; width: 95%; }
/* Fix to get right hand column to go all the way down */
#containercolumns:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

/* Styles for the Two Column Formats */
.twocolumnleft { float: left; width: 48%; margin: 0px; padding: 0px; }
.twocolumnright { margin: 0px 0px 0px 52%; padding: 0px 0px 0px 15px; }

/* Styles for the three Column Formats */
.threecolumnleft { float: left; width: 32%; margin: 0px; padding: 0px; }
.threecolumnmiddle { float: left; width: 32%; margin: 0px; padding: 0px; margin: 0px 0px 0px 10px; padding: 0px 5px 0px 10px; }
.threecolumnright { margin: 0px 0px 0px 68%; padding: 0px 0px 0px 10px; }

/* FOOTER LAYER */
#footerBand1 { clear: both; height: 12px; margin: 0px 15px 0px 15px; padding: 4px 10px 4px 0px; background-color: #6c8464; }
#footerBand1 p { color: #bacbb5; font-size: 92%; line-height: 100%; text-align: right; }
#footerBand1 p a:link { color: #bacbb5; }
#footerBand1 p a:active { color: #FFFFFF; }
#footerBand1 p a:visited { color: #bacbb5; }
#footerBand1 p a:hover, #footerBand1 p a:focus { color: #FFFFFF; }
#footerBand2 { height: 30px; margin: 0px 15px 0px 15px; background-image: url(/files/structure/index-footer2.jpg); background-repeat: no-repeat; background-position: left top; background-color: #3a4e5c; }

/* FORM CSS */
form { margin: 0px; padding: 0px; width: 300px; }

.formInputBox { clear: both; margin: 0px 0px 5px 20px; }
.formInputBox label { float: left; width: 150px; display: block; }

.formListMenu { clear: both; margin: 0px 0px 5px 20px; }
.formListMenu label { float: left; width: 150px; display: block; }

.formTextArea { clear: both; margin: 0px 0px 5px 20px; }
.formTextArea label { float: left; width: 150px; display: block; }

.formCheckBox { clear: both; margin: 0px 0px 5px 20px; }
.formCheckBox input { float: left; }
.formCheckBox label { margin: 0px 0px 0px 30px; display: block; }

.formRadioButton { clear: both; margin: 0px 0px 5px 20px; }
.formRadioButton input { float: left; }
.formRadioButton label { margin: 0px 0px 0px 30px; display: block; }

.FormSubmit { clear: both; text-align: right; margin: 20px 0px 00px 0px; padding: 10px 0px 0px 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #999999;}

.formHeading { clear: both; font-weight: bold; margin: 0px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999; }
.formSubHeading { clear: both; font-weight: bold; margin: 20px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999;  }