/* version 7 Screen Display */

/* OVERALL PAGE STYLES */
html { background-color: #000000; }

body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 76%; line-height: 120%; margin: 0px 20px 0px 20px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #FFFFFF; background-color: #642b2b; min-width: 800px; }

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

/* General Link Color */
a:link { color: #4a536e; text-decoration: underline; font-weight: bold; }
a:active { color: #642b2b; text-decoration: underline; font-weight: bold; }
a:visited { color: #4a536e; text-decoration: underline; font-weight: bold; }
a:hover, a:focus { color: #642b2b; text-decoration: underline; font-weight: bold; }

/* Type Style Tags */
h1 { color: #000000; font-size: 140%; font-style: normal; font-weight: normal; line-height: 140%; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #4a536e; }
h2 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 120%; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; border-width: 2px 0px 2px 0px; border-style: solid; border-color: ##4a536e; background-color: #c8cbd6; }
h3 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 120%; margin: 0px 0px 10px 10px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #b3b8a1; }
h4 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h5 { color: #ffffff; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h6 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; }
p { margin: 0px 0px 10px 10px; }
strong, bold {  }
em, i {  }
abbr, acronym { font-style: normal; text-decoration: none; }
ul, ol { list-style-position: outside; margin: 0px 0px 10px 45px; padding: 0px; }
li { line-height: 100%; margin: 0px 0px 5px 0px; }

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

/* MASTHEAD LAYER */
#mastband {  }
#columnLogo { float: left; height: 60px; width: 146px; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #FFFFFF; background-color: #4a536e; }
#columnLogo a.linkHome { display: block; height: 60px; width: 146px; background-image: url(/files/structure/logo.gif); background-repeat: no-repeat; background-position: 5px 5px; }
#columnLogo a.linkHome:link { }
#columnLogo a.linkHome:active { }
#columnLogo a.linkHome:visited { }
#columnLogo a.linkHome:hover, #columnLogo a.linkHome:focus { }

#rowLinks { height: 60px; padding: 0px 0px 0px 15px; }
#rowLinks .subLink1, #rowLinks .subLink2, #rowLinks .subLink3, #rowLinks .subLink4, #rowLinks .subLink5, #rowLinks .subLink6, #rowLinks .subLink7 { display: none; }
#rowLinks p { float: left; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
#rowLinks p a { display: block; }
#rowLinks p a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 20px 20px 0px 20px; background-image: url(/files/structure/pawprintLink.gif); background-repeat: no-repeat; background-position: center top; }
#rowLinks p a:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; padding: 20px 20px 0px 20px; background-image: url(/files/structure/pawprintLinkOver.gif); background-repeat: no-repeat; background-position: center top; }
#rowLinks p a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 20px 20px 0px 20px; background-image: url(/files/structure/pawprintLink.gif); background-repeat: no-repeat; background-position: center top; }
#rowLinks p a:hover, #rowLinks p a:focus { ccolor: #FFFFFF; font-weight: bold; text-decoration: underline; padding: 20px 20px 0px 20px; background-image: url(/files/structure/pawprintLinkOver.gif); background-repeat: no-repeat; background-position: center top; }

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

/* Lefthand Navigation Menu */
#columnlink { float: left; height: 490px; width: 146px; background-color: #4a536e; }
#columnlink p.subLink1, #columnlink p.subLink2, #columnlink p.subLink3, #columnlink p.subLink4, #columnlink p.subLink5 { display: none; }

/* Nav Link Props */
#columnlink p { font-size: 92%; line-height: 100%; margin: 0px; padding: 0px; }
#columnlink p a { font-weight: bold; display: block; padding: 5px 15px 5px 15px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #929cbb; }
#columnlink p a:link { color: #FFFFFF; text-decoration: none; background-color: #4a536e; }
#columnlink p a:active { color: #FFFFFF; text-decoration: underline; background-color: #929cbb; }
#columnlink p a:visited { color: #FFFFFF; text-decoration: none; background-color: #4a536e; }
#columnlink p a:hover, #columnlink p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #929cbb; }

#columnlink p a.secondary:link { margin: 0px 0px 0px 10px; text-decoration: none; }
#columnlink p a.secondary:active { margin: 0px 0px 0px 10px; text-decoration: underline; }
#columnlink p a.secondary:visited { margin: 0px 0px 0px 10px; text-decoration: none; }
#columnlink p a.secondary:hover, #columnlink p a.secondary:focus { margin: 0px 0px 0px 10px; text-decoration: underline; }

#columnlink p.linkLogo { margin: 0px; }
#columnlink p.linkLogo a.logoLink { font-weight: bold; display: block; height: 200px; width: 146px; padding: 0px 0px 0px 0px; background-image: url(/files/structure/logo.gif); background-repeat: no-repeat; background-position: 5px -60px; }
#columnlink p.linkLogo a.logoLink:link { color: #CC0000; text-decoration: none; background-color: #4a536e; }
#columnlink p.linkLogo a.logoLink:active { color: #ff0000; text-decoration: underline; background-color: #4a536e; }
#columnlink p.linkLogo a.logoLink:visited { color: #660000; text-decoration: none; background-color: #4a536e; }
#columnlink p.linkLogo a.logoLink:hover, #columnlink p.linkLogo a.logoLink:focus { color: #ff0000; text-decoration: underline; background-color: #4a536e; }

/* Main Content Body */
#columnbody { margin: 0px 0px 0px 146px; padding: 20px 20px 10px 20px; }

/* Float Window Information */
#containerSpecial { float: right; width: 250px; display: block; margin: 0px 0px 0px 10px; border-width: 2px 0px 0px 0px; border-style: solid; border-color: ##4a536e; }
#containerSpecial img { vertical-align: bottom; margin: 0px; padding: 0px; display: block; }
#containerSpecial h2 { color: #000000; font-size: 100%; line-height: 100%; font-weight: bold; display: block; padding: 5px 10px 5px 10px; margin: 0px 0px 10px 0px; border-width: 2px 0px 2px 0px; border-style: solid; border-color: ##4a536e; background-color: #c8cbd6; }
#containerSpecial p { line-height: 100%;  }
#containerSpecial ul { line-height: 100%;  }
#containerSpecial li { line-height: 100%;  }

#containerText { height: 1%; display: block; margin: 0px 270px 0px 0px; }
#containerText:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
div.memberSection { height: 75px; margin: 0px 0px 10px 0px; }
div.memberSection img { float: left; margin: 0px 10px 0px 0px; }


/* Styles for MultiColumn Formats */
div.containercolumns { height: 1%; display: table; width: 98%; }

/* Styles for the Two Column Formats */
div.twocolumnleft { float: left; width: 49%; }
div.twocolumnright { margin: 0px 0px 0px 51%; }

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

/* FOOTER LAYER */
#footer { border-width: 1px 0px 0px 0px; border-style: solid; border-color: #FFFFFF; }
#footer p { font-size: 92%; line-height: 100%; color: #ae8383; margin: 0px 0px 5px 0px; padding: 5px 10px 5px 10px; }
#footer p a:link { color: #ae8383; }
#footer p a:active { color: #FFFFFF; }
#footer p a:visited { color: #ae8383; }
#footer p a:hover, #footer p a:focus { color: #FFFFFF; }


/* 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;  }