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

/* Generic css reset styles */
a, p, table, tr,td,th,body, html, ul, li, ol, dl, dd, dt, form, fieldset {font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0;}
a{font-weight: normal}
 
p {line-height: 140%}
th {text-align: left}
a {text-decoration: none}
a:hover {text-decoration: underline}
img {border: 0; display: block}
td td,li li {font-size: 100%}
ul li {list-style: none}

body {background-color:#d9d3cc}


#wrapper {background-color: #fff; border-left: 3px solid #b6aca4;border-right: 3px solid #b6aca4; width: 914px; padding: 0 15px 0 15px; margin: 0 auto;}
.clearAfter:after {content: "."; visibility: hidden; height: 0; display: block; clear: both;}

#header {position: relative; height: 99px;}

#header a,#footer a, #columnCap a {color: #383838}

#header a:active, #footer a:active,#columnCap a:active, #header a:focus, #footer a:focus, #columnCap a:focus {color: #E25E4A;text-decoration: underline;outline: 0}

#utilNavContainer {padding-top: 9px;border-top: 10px solid #e3e0de; width: 488px;float: right; position: relative}
#loginForm p {float: left; text-align:right; font-size: 75%; color:#867C75; font-weight: bold;margin-right: 9px; width: 280px;}
#loginForm a {background: url(/images/icons/headerbullet.gif) 100% 50% no-repeat; padding-right: 12px ; font-weight: normal; }
#utilNav {margin-bottom: 10px}
#utilNav li {font-size: 75%;  float: left; background: url(/images/icons/headerbullet.gif) 0 50% no-repeat; padding-left: 9px; margin-left: 7px; }
#wrapper .listFirst {background: none; padding-left: 0}

#printLink, #emailLink {position:absolute; display: block; text-indent: -9999px; width: 20px; height: 18px;outline: 0; top: 7px}

#printLink {background: url(/images/icons/print.png) 0 0 no-repeat;right:7px }
#emailLink {background: url(/images/icons/email.png) 0 0 no-repeat; right:32px }

#logoLink {background: url(/images/logo.gif); display: block; top: 0; left:0; position: absolute; height: 59px; width:196px ; text-indent: -9999px; left: 12px; top: 19px;}

#loginForm {clear: left;}
#loginForm p { float: left; width:288px; text-align: right; line-height: 100%; padding-top: 3px}
#loginForm .inputText {height: 13px; float: left; display: block; width: 146px ;padding: 2px; border: 1px solid #cbc5bf; margin-right:5px ; margin-left: 7px; font-size: 75%}
#loginForm .loginButton {float: left; display: block; width: 20px; }


#topNav {padding-top: 5px; height: 37px; background: #c73721;z-index: 10;position:relative}
#topNav li {display: block; float: left; margin-left: 3px}

#topNav li a {text-indent: -9999px; display: block; height: 32px; background-position: 0 0; background-repeat: no-repeat}
#topNav li a:hover, #topNav .activeNav a {background-position: 0 -32px;}

#topNav li {height: 32px;}
#topNav li a.activeLink {background-position: 0 -64px} 
#nav1 a{background-image: url(/images/topnav/home.png); width: 55px;  }
#nav2 a{background-image: url(/images/topnav/membership.png); width: 104px ;}
#nav3 a{background-image: url(/images/topnav/accredidation.png); width: 130px;}
#nav4 a{background-image: url(/images/topnav/animalcare.png); width: 130px ;}
#nav5 a{background-image: url(/images/topnav/conservation.png); width: 122px ;}
#nav6 a{background-image: url(/images/topnav/education.png); width: 98px ;}
#nav7 a{background-image: url(/images/topnav/conferences.png); width: 125px ;}
#nav8 a{background-image: url(/images/topnav/professional.png); width: 123px ;}




#topNav li ul {position: absolute; top: 32px; left:-3px;  border-top: 5px solid #C83722; border-right: 3px solid #C83722; border-bottom: 3px solid #C83722; border-left: 3px solid #C83722; display: none; }
#topNav li.listLast ul {left: -73px}

#topNav li.activeNav ul {display: block}
#topNav li {position: relative; border-bottom: 1px solid #c83722 }
#topNav li li {width: 193px;height: auto; float: none; margin-left: 0; position: static;font-size: 75%}
#topNav li li a {width: 171px; padding: 5px  8px 3px 14px; height: auto;background:#F6CDC7;text-indent: 0;color: #002F5D; font-weight: bold; }
#topNav li li a:hover {text-decoration: none; background:#F6E7E4 }

#topNav .membersOnlyNav a, #topNav .membersOnlyNav a:hover {width: 145px;padding-left: 40px; background-image: url(/images/icons/nav-members.gif); background-position: 13px 4px;background-repeat: no-repeat}
#banner {background-repeat: no-repeat; height: 280px ; clear: left; margin-bottom: 24px}
.polarbear {background-image: url(/images/home/banners/polarbear.jpg);}
.frog {background-image: url(/images/home/banners/frog.jpg);}
.turtle {background-image: url(/images/home/banners/turtle.jpg);}
.bird {background-image: url(/images/home/banners/bird.jpg);}
.seal {background-image: url(/images/home/banners/seal.jpg);}



.memberToolTip {position: absolute; left: 0; top: -28px; background: url(/images/home/membersflyover.gif); height: 30px; width: 174px;}

#leftCol {width: 212px; padding: 5px 5px 0 5px;margin-right: 15px; float: left; background: #e0d9d2 ;}
#leftCol hr {height: 1px; border: 0; color: #B6B3AD; background: #B6B3AD; clear: both;display: block;}

#leftCol h2 {text-indent: -9999px;}


#columnWrap {background: url(/images/home/leftcol-bg.gif) 0 0 repeat-y}
#columnCap {position: relative; background:  url(/images/home/leftcol-bottom.gif) bottom left no-repeat; clear: left; height: 39px; margin-bottom: 13px;}
#columnCap a {display: block; padding-left: 16px; font-size: 75%;background: url(/images/icons/backtoarrow.gif) 0 50% no-repeat;position: absolute; bottom: 0; left: 237px;}

#footer {clear: left;}
#quickLinks {margin-bottom: 20px;}
#quickLinks h2 {background: url(/images/home/text/quicklinks.gif) no-repeat;margin-bottom: 1px;height: 20px }


#quickLinks li {background:  url(/images/home/quicklink-top.gif) no-repeat ; margin-bottom: 3px; line-height: 100%}
#quickLinks li a {cursor: pointer; background: url(/images/home/quicklink-bottom.gif) 0 100%  no-repeat; display: block; font-size: 75%; color: #fff; font-weight: bold; padding: 3px 7px 4px 7px }
#quickLinks .hoverClass {background: url(/images/home/quicklinks-top-r.gif) no-repeat top left #FDA97B; }
#quickLinks .hoverClass a {background-image: url(/images/home/quicklink-bottom-r.gif)}
#quickLinks .hoverClass a:hover {text-decoration: none}

#quickLinks .membersOnly {background: url(/images/icons/quicklink-m.gif) no-repeat;display: block; padding-left: 25px;}
#quickLinks #expander {background: url(/images/icons/expand-d.gif) no-repeat;display: block; padding-left: 25px;}
#wrapper #quickLinks .on {background: url(/images/icons/expand-u.gif) no-repeat}

#wrapper #donate h2 {text-indent: 0; margin-bottom: 0;padding-bottom:0;height: 17px; }
#wrapper #donate h2 a {height: 17px; display: block; padding-bottom: 0; margin-bottom: 0; text-indent: -9999px;display: block; background:url(/images/home/text/donatenow.gif) no-repeat; }
#wrapper #donate p {font-size: 69%}

a.supplier_search{text-indent:-9000px; width:212px; height:30px; display:block; background:url(/images/home/supplier_search.gif) no-repeat top left; margin-bottom:10px;}
a.supplier_search:hover{background-position: bottom left;}
#sponsors h2 {background: url(/images/home/text/sitesponsors.gif) no-repeat;}
#sponsors p {font-size: 75%; margin-bottom: 3px;}
#sponsors p.caption {font-size: 69%}
#sponsors img {margin-top: 10px; margin-bottom: 3px;}

#jobs h2 {margin-bottom:3px; background: url(/images/home/text/jobs.png) no-repeat}
#jobs li {margin-bottom: 4px; font-size: 75%}


.greyBox {background: url(/images/home/greycallout-top.gif) no-repeat; margin-bottom: 15px; padding-top: 11px}
.greyBox .inner {background: url(/images/home/greycallout-bottom.gif) 0 100% no-repeat #c7c1ba; padding-left: 7px; padding-right: 7px; padding-bottom: 8px}


.greyBox p a, .greyBox li a {color:#2F7DB7; font-weight: bold;}

.greyBox p a:hover, .greyBox li a:hover {color: #E25E4A;}

#donate {background: url(/images/home/donate-top.gif) no-repeat; margin-bottom: 10px; padding: 8px 0 0 0}
#donate .inner {background: url(/images/home/donate-bottom.gif) 0 100% no-repeat; padding-left: 7px; padding-bottom: 5px}
.adUnit {padding-top: 10px}
.adUnit p {font-size: 69%}
.adUnit img {float: left; margin-right: 7px ;}
.adUnit li {font-size: 75%}
.adUnit div.clearAfter {margin-bottom: 10px}

#rightCol .contentBox {border: 1px solid #cbc5bf; margin-bottom: 15px; padding: 8px 10px 10px 9px}
#rightCol h1 {background-position: 10px 6px ;background-repeat: no-repeat; height: 23px ;text-indent: -9999px;background-color: #e0d9d2; margin-bottom:3px}
#rightCol h2 {/*height: 18px;*/ padding:5px 0 0 7px; background-color: #e0d9d2; margin-bottom:3px; font-size:12px; font-weight:bold}
#rightCol h2 object{margin-bottom:-5px;}
#rightCol h3 {font-size: 81%; color: #695D54; margin-bottom: 12px; }
#rightCol li {background: url(/images/icons/homelist-bg.gif) no-repeat 0 3px; line-height: 140%; padding-bottom:9px; padding-left: 19px; font-size: 75%; }
#rightCol li a, #rightCol #calendarBox a {color: #000; font-weight: normal}
#rightCol li a:visited, #rightCol #calendarBox a:visited  {color:#757E96 }
#rightCol li a:hover, #rightCol #calendarBox a:hover  {color: #E25E4A}

#rightCol p {font-size: 75%;}
#rightCol p a, #rightCol #calendarBox a.viewCalendar {color:#2F7DB7; font-weight: bold;}
#rightCol p a:visited, #rightCol #calendarBox a.viewCalendar:visited  {color: #757E96;}
#rightCol p a:hover, #rightCol #calendarBox a.viewCalendar:hover  {color: #E25E4A;}
#rightCol li p{font-size:100%;}
#footer {border-top: 1px solid #B5B2AC; padding-top: 3px; padding-bottom: 45px;}
#footer p {font-size: 75%; color:#867C75 ;}
#footer ul {float: right; width: 450px; text-align: right;}
#footer li {color: #867C75; display: inline; font-size: 75%}

.print-logo{display:none;}
.EktronAjaxLoading{display: none;}
#FloatBubble{display:none;}
#FloatBubbleT{display:none;}

#theSocial{margin:10px 0; min-height:1%; zoom:1;}
#theSocial #facebook{width:32px; height:32px; float:left; display:block; background:url(/images/icons/facebook.png) no-repeat 0 0; text-indent:-9999px; margin-right:5px;}
#theSocial #twitter{width:32px; height:32px; float:left; display:block; background:url(/images/icons/twitter.png) no-repeat 0 0; text-indent:-9999px; margin-right:5px;}
#theSocial #wordpress{width:32px; height:32px; float:left; display:block; background:url(/images/icons/wordpress.png) no-repeat 0 0; text-indent:-9999px; margin-right:5px;}
#theSocial span {color: #002F5D;display: block;float: left;margin-left: 10px;padding-top: 8px; width: 234px; font-size: 81%;}
#theSocial:after{ content: ""; display: block; height: 0; clear: both;}

span.imageSize{font-weight:bold; color:#E66D5A; font-size:1.1em}