@charset "utf-8";
/* CSS Document */


#banner {position: relative;}
#photoGallery {position: absolute; top: 79px; left: 641px; width: 233px ;}
#photoGallery a {color: #fff; text-decoration: none;}
#photoGallery a:hover {text-decoration: underline}
#photoGallery p {font-size: 75%; color: #DBD7D2}

/*Style for generated javascript gallery navigations*/
#photoNav a.activeSlide {background: url(/images/home/slideshow/active.gif);color: #A05804; }
#photoNav {position: absolute; top: 39px;left: 209px; width: 24px}
#photoNav a {outline: 0; margin-bottom: 4px; text-align: center; padding-top: 3px;display: block; height: 18px; width: 22px; background-color: black; font-weight: bold;padding-right: 1px; font-size: 87%; background: url(/images/home/slideshow/nav.gif)}
#photoNav a:hover {text-decoration: none}


.imageContainer {position: absolute; top: 40px; left: 2px;}



#centerCol {float: left;width: 378px; margin-right: 15px;}
#rightCol {float: left;width:284px }
#centerCol h1 {background-position:10px 5px;   background-repeat: no-repeat; background-color: #e0d9d2; text-indent: -9999px; height: 23px;margin-bottom: 3px;}
#centerCol p {font-size: 75%;}
#centerCol p a {font-size: 100%;color:#2F7DB7; font-weight: bold;}
#centerCol p a:visited {color:#919BB4}
#centerCol p a:hover {color: #E25E4A;}

#centerCol hr {color: #DBD7D2; border: 0; height: 5px ;background-color: #dbd7d2}
.textBecomeMember {background-image: url(/images/home/text/becomeamember.gif) ;}
.textKidsFamilies {background-image: url(/images/home/text/kidsnfamilies.gif) ;}
#centerCol h3.textLoveAnimals {background: url(/images/home/text/weknowyouloveanimals.gif) no-repeat; text-indent: -9999px; height: 26px ;margin-bottom: 3px;}
#centerCol img {border: 1px solid #dbd7d2; margin-bottom: 10px;}
.clearLeft {clear: left;}
.kfCol {margin-bottom: 7px;}
.kfLeftCol {float: left; width: 160px}
.kfLeftCol img{ border: 1px solid #dbd7d2}
.kfRightCol {padding-left: 10px; float: left; width: 186px;}
.shadowBox {background: url(/images/home/shadowbox-top.gif) no-repeat; padding-top: 10px; margin-bottom: 2px}
.shadowBox .inner {background: url(/images/home/shadowbox-bottom.png) 0 100%  no-repeat; padding: 0 10px 18px 10px;}
.shadowBox ul {margin-bottom: 5px}
.shadowBox p {margin-bottom: 8px;}
.shadowBox li {font-size: 75%; line-height: 160%}
.shadowBox li a {color: #000; background: url(/images/icons/homelist-bg.gif) 0 50% no-repeat; padding-left: 21px; }
.shadowBox li a:visited {color: #919BB4}
.shadowBox li a:hover {color: #E25E4A}

#conservationLink, #photoLink {color:#2F7DB7; font-weight: bold; background-repeat: no-repeat; padding-left: 61px ; font-size:75%; display: block; margin-bottom: 3px; height: 37px; padding-top: 7px;}
#conservationLink:visited , #photoLink:visited {color: #919BB4}
#conservationLink:hover, #photoLink:hover {color: #E25E4A}

#conservationLink {background-image: url(/images/home/conservationsnapshot.jpg) }
#photoLink {width: 70px; background-image: url(/images/home/photocontest.jpg)}

#connectMag h2 {background: url(/images/home/text/connectmagazine.gif) no-repeat; text-indent: -9999px; margin-bottom: 5px; height:14px;}
#connectMag {background: url(/images/home/connect-top.gif) no-repeat;}
#connectMag .inner {background: url(/images/home/connect-bottom.png) 0 100% no-repeat;padding: 27px 0 61px 24px; }
#connectMag img {border: 1px solid #91867e; position: absolute; z-index: 2; height: 148px; width: 114px; }
#connectMag .imgShadow {position: relative;}
#connectMag .innerShadow {z-index: 1; position: absolute; top: 3px; left: 3px; width: 116px; height: 150px; background-color: #cbc5bf;}
.connectContent {margin-left: 135px;}
#connectMag h3 {font-size: 81%; font-weight: bold; color: #756B65; margin-bottom: 8px ;}
#connectMag li {margin-bottom: 10px;background: url(/images/icons/connectbullet.gif) 0 5px no-repeat; padding-left: 13px ;font-size: 75%; line-height: 100%; width:85%;}
#connectMag ul {margin-bottom: 5px;}

.textWhatsNew {background-image: url(/images/home/text/whatsnewformembers.gif)}
.textMemberCalendar {background-image: url(/images/home/text/membercalendar.gif) }
.textNews {background-image: url(/images/home/text/news.gif)}

#calendarBox h4 {width: 55px;float: left; color: #625954; font-size: 81%}
#calendarBox p {width: 202px; float: left; line-height: 140%}
#calendarBox div {clear: left; background-color: #ede8e4 ; margin-bottom: 3px;padding: 6px 10px 6px 9px;}
#calendarBox div:after {content: "."; height: 0; visibility:hidden; display: block; clear: left;}