/* 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: #cc9900; text-decoration: underline; font-weight: normal; }
a:active { color: #642b2b; text-decoration: underline; font-weight: normal; }
a:visited { color: #333333; text-decoration: none; font-weight: normal; }
a:hover, a:focus { color: #642b2b; text-decoration: underline; font-weight: normal; }

/* Type Style Tags */
h1 { color: #FFFFFF; font-size: 160%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; }
h2 { color: #FFFFFF; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h3 { color: #000000; font-size: 140%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h4 { color: #000000; font-size: 110%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h5 { color: #ffffff; font-size: 120%; 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 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 {  }
#columnLogo { float: left; height: 275px; width: 146px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #FFFFFF; background-color: #4a536e; }
#columnLogo a.linkHome { display: block; height: 285px; 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; background-image: url(/files/structure/pawprintLink.gif); background-repeat: no-repeat; background-position: center top; }
#rowLinks p a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 20px 20px 0px 20px; }
#rowLinks p a:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; padding: 20px 20px 0px 20px; }
#rowLinks p a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 20px 20px 0px 20px; }
#rowLinks p a:hover, #rowLinks p a:focus { ccolor: #FFFFFF; font-weight: bold; text-decoration: underline; padding: 20px 20px 0px 20px; }

#rowHeading { height: 214px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #FFFFFF; background-color: #4a536e; }

#columnPhoto { height: 214px; width: 365px; float: left; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #FFFFFF; background-image: url(/images/indexRotation/image001.jpg); background-repeat: no-repeat; background-position: left top; }

#columnText { height: 212px; margin: 0px 0px 0px 515px; padding: 0px 20px 0px 20px; background-image: url(/files/structure/pawprint.gif); background-repeat: no-repeat; background-position: right bottom; }
#columnText p { color: #c2c6d4; line-height: 160%; }



#rowDogs { clear: both; height: 60px; padding: 10px 0px 15px 0px; background-color: #917637; text-align: center; }
.dog1 { height: 60px; width: 22%; margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; float: left; background-color: #917637; }
.dog2 { height: 60px; margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; background-color: #917637; }
#rowDogs h2 { color: #FFFFFF; font-size: 92%; font-weight: bold; line-height: 110%; text-align: left; margin: 0px 0px 0px 0px; }
#rowDogs h2 a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#rowDogs h2 a:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
#rowDogs h2 a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#rowDogs h2 a:hover, #rowDogs h2 a:focus { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
#rowDogs p { color: #ebe3d1; font-size: 92%; line-height: 110%; text-align: left; margin: 0px 0px 0px 0px; }


/* PAGE CONTENT LAYER */
#containerContent { height: 1%; display: block; padding: 15px 15px 0px 15px; background-color: #FFFFFF; }
#containerContent:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

/* Float Window Information */
#containerSpecial { float: right; width: 200px; display: block; margin: 0px 0px 0px 10px; }
#containerSpecial h2 { color: #000000; font-size: 100%; line-height: 100%; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #917637; }
#containerSpecial p { margin: 0px 0px 10px 0px; }

#containerSpecial2 { float: right; width: 250px; display: block; margin: 0px 10px 0px 10px; padding: 8px; background-color: #4E5B80; }
#containerSpecial2 h2 { color: #FFFFFF; font-size: 100%; line-height: 100%; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #FFFFFF; }
#containerSpecial2 p { color: #FFFFFF; margin: 0px 0px 10px 0px; }
#containerSpecial2 li { color: #FFFFFF; margin: 0px 0px 4px 0px; }

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

/* FOOTER LAYER */
#footer {  }
#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; }

#siteDesign { display: none; }