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

*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

h2{
	color:#71674B;
	border-bottom:2px solid #D0C7B2;
}

/************************* Header Area **************************/

#header{
	padding:10px 0 10px 0;
	background-color:#FFF;
	width:100% !important;
}

#top-nav{
	width:60% !important;
	font-weight:normal !important;
	list-style:none !important;
	float:left !important;
	margin:0;
	padding:4px 0 0 0;
}

#top-nav li{
	float:left;
	list-style:none !important;
	border-left:1px solid #DDDDDD;
	margin:0;
	padding:0 4px 0 4px;
}

#top-nav li.first{
	border-left:none;
	padding-left:10px;
}

#top-nav a{	
	font-weight:normal !important;
}

/************************* Search Area **************************/

#search{
	position:absolute;
	width:300px !important;
	margin-left:240px;
	background-color:transparent !important;
	
}

#search form{
	padding-right:10px;
	
}

#search form label, #search form input{
	color:#797955 !important;
	font-size:1.1em;
	font-weight:normal;
	
	
}


#search form input#btn_search{
		width:auto !important;
		height:auto !important;
		margin:0 0 -7px !important;
		padding:0 !important;
		z-index:19;
		
}

#search form input#search_box{
	width:130px;
	
}

/*********************** Social Media **************************/

#socialMediaLinks{
	
	width:138px;
	height:28px; 
	float:right;
	background-color:#ffffff;
	margin-top:0px;
	margin-right:5px;
	
}

#socialMediaLinks img{
	border:0px;
}

#socialMediaLinks a{
	display:block;
	float:left;
	height:28px;
	line-height:27px;
	padding-left:6px;
	z-index:100;
	text-decoration:none;
	border:0px;
}

#socialMediaLinks a:hover{
	margin-top:1px;
}

/************************* Primary Nav Area **************************/

#nav_panel{
	width:174px;
	overflow: hidden;
}

.nav-box{
	display: inline;
	float:left;
	width:150px;
	border-top:1px solid #C5C5B9;
	background-color:#FFF3DB;
	margin:0 0 15px 10px;
}

.nav-box ul {
	font-size:1em;
	list-style:none;
	padding:0;
	margin:0;
}

.nav-box ul li{
	border-bottom:1px solid #FFF;
}

.nav-box ul li a{
	display:block;
	color:#72694C;
	padding:5px 7px 5px 20px;
	background:transparent url(../images/pri_nav.gif) 0 0.75em no-repeat;
}

.nav-box ul li.selected span.current{
	display:block;
	color:#DE772A;
	font-weight:bold;
	padding:5px 7px 5px 20px;
	background:#FFF url(../images/pri_nav_selected.gif) 0 0.75em no-repeat;
}

.nav-box ul li.selected a{
	color:#DE772A;
	background:#FFF url(../images/pri_nav_selected.gif) 0 0.75em no-repeat;
}

.nav-box ul ul{
	font-weight:normal;
	border-top:1px solid #E1E2DC;
	border-bottom:1px solid #E1E2DC;
	background-color:#FFF;
}

.nav-box ul ul li {
	border-bottom:1px solid #E1E2DC;
}

.nav-box ul li.selected ul li a{
	background:transparent url(../images/pri_nav_sub.gif) 0 0.75em no-repeat;
	font-weight:normal;
	padding-left:30px;
}

.nav-box ul li.selected ul li.selected span.current{
	display:block;
	color:#FFF;
	font-weight:bold;
	padding:5px 7px 5px 30px;
	background:#FEC045 url(../images/pri_nav_sub_selected.gif) 0 0.75em no-repeat;
}

.nav-box ul li.selected ul li.selected a{
	display:block;
	color:#FFF;
	font-weight:bold;
	padding:5px 7px 5px 30px;
	background:#B8AC92 url(../images/pri_nav_sub_selected_grey.gif) 0 0.75em no-repeat;
}

.nav-box ul ul ul{
	font-weight:normal;
	border:none;
	background-color:#B8AC92;
}

.nav-box ul ul ul li {
	border-top:1px solid #FFF3DB;
	border-bottom:none;
}

.nav-box ul ul ul li a{
	background:transparent url(../images/pri_nav_sub_sub.gif) 0 0.75em no-repeat !important;
	font-weight:normal;
	padding-left:30px;
}

.nav-box ul li.selected ul li.selected ul li.selected span.current,
.nav-box ul li.selected ul li.selected ul li.selected a{
	display:block;
	color:#FFF;
	font-weight:bold;
	padding:5px 7px 5px 30px;
	background:#FEC045 url(../images/pri_nav_sub_sub_selected.gif) 0 0.75em no-repeat;
}
/************************* Bradcrumb **************************/
#breadcrumb{
	clear:both;
	background-color:#DF762A;
	color:#FDD999;
	padding:7px 15px 7px 15px !important;
	font-weight:bold;
	font-size:0.9em;
	margin-bottom:10px;
	margin-top:0 !important;
}

#breadcrumb a:link{
	color:#FFF;
	text-decoration:underline;
	font-weight:normal;
}

#breadcrumb a:active{
	color:#FFF;
	text-decoration:underline;
	font-weight:normal;
}

#breadcrumb a:visited{
	color:#FFF;
	text-decoration:underline;
	font-weight:normal;
}

#breadcrumb a:hover{
	color:#FFF;
	text-decoration:underline;
	font-weight:normal;
}
/************************* Content Area **************************/

#main_panel{
	padding:15px 13px 13px 13px;
	background:#FFF url(../images/main_panel_bg.gif) left top repeat-x;
	overflow: hidden;
}

#mid_panel{
	float:right;
}

#content_panel p,
#content_panel ul,
#content_panel ol,
#content_panel h2,
#content_panel h3,
#content_panel h4,
#content_panel h5,
#content_panel h6{
	margin-left:0 !important;
	margin-right:13px !important;
}

/******************* Highlight boxes **********************/

#mid_panel .inner {
	width: 170px;
}
.highlight_yellow{
	background:#FFC145 url(../images/highlight_yellow_bg.gif) left top repeat-x;
	padding-bottom:10px;
}

.highlight_yellow .inner{
	margin:0 10px 10px 10px;
	overflow:hidden;
	color:#000;
	height:auto;
}

.highlight_yellow .inner h3{
	font-size:1.5em;
	color:#FFF;
	margin-top:10px;
}

.highlight_yellow .more{
	background:#A25720 url(../images/highlight_yellow_more_arrow.gif) right center no-repeat;
	padding:10px 31px 10px 10px;
	margin:10px;
}

.highlight_yellow .more a:link{
	color:#FFF;
	text-decoration:none;
}

.highlight_yellow .more a:active{
	color:#FFF;
	text-decoration:none;
}

.highlight_yellow .more a:visited{
	color:#FFF;
	text-decoration:none;
}

.highlight_yellow .more a:hover{
	color:#FFF;
	text-decoration:none;
}
.highlight_orange{
	background:#DE762A url(../images/highlight_orange_bg.gif) left top repeat-x;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.highlight_orange .inner{
	margin:0 10px 10px 10px;
	overflow:hidden;
	color:#FFF;
	height:auto;
}

.highlight_orange .inner h3{
	font-size:1.5em;
	color:#FFF;
	margin-top:10px;
}

.highlight_orange .more{
	background:#6C7858 url(../images/highlight_orange_more_arrow.gif) right center no-repeat;
	padding:10px 31px 10px 10px;
	margin:10px;
}

.highlight_orange .more a:link{
	color:#FFF;
	text-decoration:none;
}

.highlight_orange .more a:active{
	color:#FFF;
	text-decoration:none;
}

.highlight_orange .more a:visited{
	color:#FFF;
	text-decoration:none;
}

.highlight_orange .more a:hover{
	color:#FFF;
	text-decoration:none;
}

/******************************** Footer ******************************/

#footer{
  height: auto !important;
}

#footer a, #footer span{
  color: #FFFFFF !important;
}

#footer p{
  margin:0 !important;
  padding:0 10px 0 10px !important;
  color:#FFECD0 !important;
}

#footer .panel{
  width:154px;
}

#footnote{
  padding:10px 0 10px 0;
  font-size:1em;
  color:#FFEDD0;
  height:auto !important;
  width:626px !important;
  background-color:#000 !important;
}

#footer .rcn{
  float:right;
}

/*************************** Meet our animals ***************************/
.animal-teaser{
	float:left;
	width:33%;
	font-size:0.9em;
	margin-top:10px;
}

.animal-teaser h3{
	color:#71684B !important;
	background-color:transparent !important;
	padding:3px 3px 3px 0 !important;
	margin:0 !important;
	border-bottom:2px solid #D0C7B2;
	text-transform:none !important;
	font-size:1.2em !important;
}

.animal-teaser ul{
	margin:0;
	padding:0;
	list-style:none !important;
}

.animal-teaser ul li{
	margin:0 !important;
}

.animal-teaser a{
	font-weight:normal;
	display:block;
	padding:3px 3px 3px 11px;
	background:transparent url(../images/animal_teaser_bullet.gif) 0 0.75em no-repeat !important;
	border-top:1px solid #E3E2DD;
	color:#DF762A;
}

.animal-teaser .more{
	margin:0 !important;
	padding:0;
}

.animal-teaser .more a{
	background:#A25720 none !important;
	padding:3px;
	border:none;
	color:#fff;
}

#at_amphibians{
	clear:both;
}

/************************** Animal A - Z ***************************/
#animal_a_z{
	clear:both;
	padding-top:25px;
}

#animal_a_z a{
	color:#71684B;
}

#animal_a_z h3{
	background:#DF762A none !important;
	padding:3px 5px 5px 7px !important;
	color:#fff !important;
	font-size:1.3em !important;
	margin-bottom:0 !important;
	margin-right:0 !important;
	width:auto !important;
	border-right:13px solid #fff;
}



#animal_a_z ul{
	list-style:none;
	padding:0;
	margin:0;
	background-color:#FFF3DB;
}

#animal_a_z p{
	padding:5px;
	background-color:#FFF3DB;
	margin:0;
	color:#71684B;
}

#animal_a_z ul li{
	margin:0;
	padding:3px 5px 5px 5px;
	border-bottom:1px solid #fff;
}

#animal_a_z #a-z{
	background-color:#231F20;
	margin:0;
	padding:7px;
	font-size:1.1em;
}

#animal_a_z #a-z a{
	font-weight:bold !important;
	color:#FFC145;
}

#animal_a_z ul#a-z li{
	padding:0;
	border:none;
}
#news {
	filter: none !important;
}

#content_panel {
	width: 400px;
	overflow: hidden;
}

/***** Adopt this animal *****/
a#adopt-me{
  clear:both;
  margin-top:15px;
  width:600px;
  display:block;
  padding:20px 0 20px 0;
}

a#adopt-me:link, a#adopt-me:active, a#adopt-me:visited, a#adopt-me:hover{
  color:#FFFFFF;
  text-decoration:none;
}

#adopt-me-title{
  display:block;
  margin:0 168px 0 140px;
  font-size:2.1em;
}

#adopt-me-blurb{
  margin:0 168px 0 140px;
  display:block;
  font-size:1.2em;
}

/***** Homepage Slide Show CSS *****/

div#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* 
Adopt Animal
*/


#content_panel_lrg {
	float: left;
	margin-left: 7px;
	width: 590px;
}

#content_panel_lrg.adoptsomethingwild p {
	color: #B77B56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}


#adoptpayment-stages {
	width: 590px;
	height: 65px;
	display: block;
}

.adoptpayment-stage-one {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(adoptpaymentstages.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.adoptpayment-stage-two {
    background: url("adoptpaymentstages.png") no-repeat scroll center center transparent;
}

.adoptpayment-stage-three {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(adoptpaymentstages.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#pale-green {
  background-color: #EEEFE8;
  padding: 5px;
  margin-bottom: 2px;
  width: 580px;
}

.titleadopt
 {
	color: #B77B56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

#pale-green span.titlestar {
	font-size: 3em;
	height: 20px;
}

span.alignright {
    float: right;
}

#toychoices,
#wildbasket,
#terms {
	margin-bottom: 20px;
	width: 590px;
}

.toypanel {
	margin-right: 2px;
	width: 146px;
	float: left;
	background-color: #dcdfce;
}



.toypanellast {
	width: 146px;
	float:left;
	background-color: #dcdfce;
}

.toypanel image,
.toypanellast image {
	width: 146px;
	height: 150px;
	margin-bottom:3px;
	background-color: #FFFFFF;
}

.greenpanel {
	padding: 5px;
	background-color: #dcdfce;
	float: left;
	width: 136px;
}

.greenpanel-fullwidth {
	padding: 5px;
	background-color: #dcdfce;
	width: 580px;
	clear: both;
}

#continuebutton {
	float: right;
	padding: 5px;
	color: #FFFFFF;
	font-size: 1.2em;
	background-color: #B77B56;
}

#continuebutton:hover {
	background-color: #000;
}

span.asterix {
	height: 22px;
	width: 22px;
	background-image: url(asterix-icon.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-right: 10px;
}