/* main styles for Animal landing pages */
* {margin:0; padding:0; border:none; background:transparent; }

/* --------------------------- PNG FIX for IE5.5 + */
h2#adopthere a { behavior: url(style/iepngfix.htc) }

iframe { position: absolute;} 
#adopt_an_animal {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-weight:normal;}
#apb_container {width:935px; text-align:left; margin:0 auto; }
#headerWrapper h2 {
	background:transparent url('../images/wwf_logo.gif') no-repeat scroll -10px top;
	display:block;
	font-size:2em;
	height:103px;
	margin:0 0 15px 28px;
	overflow:hidden;
	padding:0;
	position:absolute;
	left:0;
	text-indent:-9999px;
	width:227px;
	z-index:100;
}
#headerWrapper h2 a {
display:block;
height:103px;
width:227px;
z-index:102;
}
p {margin-bottom:10px; }
a:link, a:visited {text-decoration:none; }

/* header */
#adopt_an_animal div#headerWrapper {
	background:#333333;
	border-bottom:10px solid #E8510A;
	margin:0 auto;
	width:935px;
	position:relative;
	height:158px;
}
#adopt_an_animal div#headerWrapper #header {
border-bottom:1px solid white; height:100%; position:relative; top:1px; /*z-index:80;*/ }
img.logo { position: absolute; top: 0; left: 0; display:none; visibility:hidden; }
div#siteWideTools {height:160px; margin:0 auto; max-width:908px; overflow:hidden; padding-right:5px; position:absolute; top:0; left:0; text-align:right; width:99%; }
div#siteWideTools ul#complementaryNav {float:right; margin-right:-6px; padding-bottom:10px; list-style-type:none; }
div#siteWideTools ul#complementaryNav li {display:block; float:left; margin-top:10px; padding:0; }
div#siteWideTools ul#complementaryNav li a {color:#fff; border-right:1px solid #FFFFFF; display:block; font-size:0.75em; padding:0 6px; }
div#siteWideTools ul#complementaryNav li a:hover {color:#e8510a; text-decoration:underline; }
ul#topNav {position:absolute; bottom:0; left:0; z-index:1; height:42px; padding-left:28px; width:380px; }
ul#topNav li {float:left; padding:0; line-height:1.3em; list-style-type:none; list-style-position:outside; }
ul#topNav li#navWe a, ul#topNav li#navYou a, div#siteWideTools a#donateNav {
	background:transparent url('../images/nav_what-we-do.gif') top left no-repeat;
	border-bottom:1px solid #FFFFFF;
	display:block;
	height:41px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	width:150px;
}
ul#topNav li#navYou a {background-image:url('../images/nav_how-you-can-help.gif'); margin-left:8px; width:209px; }
ul#topNav li#navWe a:hover, ul#topNav li#navWe a.active, ul#topNav li#navYou a:hover, ul#topNav li#navYou a.active, div#siteWideTools a#donateNav:hover, 
div#headerWrapper div#siteWideTools a.active, body#whatwedo ul#topNav li#navWe a, body#howyoucanhelp ul#topNav li#navYou a {
	background-position:left bottom;
	border-bottom:1px solid #E85109;
	color:#E85109;
}
a#donateNav {
	background:url('../images/btn_adoptbear2.gif') no-repeat top left;
	border-bottom:1px solid #FFFFFF;
	display:block;
	height:35px;
	margin:0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:25px;
	text-align:left;
	text-indent:-9999px;
	width:227px;
}
a#donateNav:hover {background-position:bottom left; border-bottom:1px solid #E85109; }

a#adoptionpackNav {
	position:absolute; 
	height:231px; 
	width:220px; 
	right:0px; 
	display:block;
	text-indent:-9000px;
}

/* main content */
/*#apb_container h2 {text-indent:-9999px; height:0; overflow:hidden; }*/
#apb_content {
	float:left;
	background:#fff
	color:#454545; 
	padding:22px 26px 22px 28px;
	width:935px;
}
#apb_content .apb_pitch {font-weight:bold; color:#092965; font-size:1.1em; }
#apb_content .col1 {float:left; width:533px; margin-right:32px; }
#apb_content .col2 {float:left; width:316px; }
#apb_content .button {margin:20px 0; }
#apb_content h3 {
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2em;
	color:#092965;
	margin-bottom:5px;
}
#apb_content li {list-style-image:url('../images/li_asterisk.gif'); margin-left:15px; }
.greatgift {color:#454545; background:url('../images/bg_adoptionpack.jpg') top right no-repeat; min-height:231px; }
.greatgift p, .greatgift ul {margin-bottom:10px; width:300px; }
p.postdeadline {color:#092965; font-weight:bold; font-size:1.1em; }
.greathelp {background:url('../images/bg_greathelp_v1.jpg') top left no-repeat; min-height:452px; color:#464646; }
.greathelp h3 span {font-size:1.6em; }
.greathelp .box {padding:0 17px; margin:50px auto 0 auto; width:285px; font-size:.9em; }
.greathelp .box p {}
.greathelp .box ul {margin-bottom:10px; }
.greathelp .box li {margin-bottom:5px; }

.deliveryterms {font-size:.75em; color:#464646; padding:5px; }

.button a {
	display: block;
	width: 290px;
	height: 33px;
	background: url(../images/btn_org_2.gif) top left no-repeat;
	text-indent: -9999px;
}

.button a:hover {
	width: 290px;
	height: 33px;
	background: url(../images/btn_org_2.gif) bottom left no-repeat;
	text-indent: -9999px;
}

#giftText{margin-top:12px;}
#giftText h3{margin-bottom:3px;}
#giftText p{margin-bottom:15px;}

/* footer */
div#footer { clear:both; overflow:hidden; width:935px; margin:0 auto; }
div#footer ul {float:right; margin:20px -5px 20px 0; padding:0; list-style-type:none; }
div#footer li {border-right:1px solid #01673e; float:left; line-height:1.3em; }
div#footer li a {color:#000000; padding:0 5px; font-size:.75em; }
div#footer li a:hover {color:#e85109; text-decoration:underline; }

/* from layout.css */

#adoptnow
{
    min-height: 344px;
    height: auto !important;
	height: 344px;	/* Needed to add in height after these for IE6 */
    background: #fff url(../images/hdr_apb.jpg) top no-repeat;
    overflow: auto;
    margin: 0 !important;
	float:left;
	color:#454545; 
	width:935px;
	font-weight:bold;
	font-size:.88em; 
}


#maincontent
{
    margin: 15px 10px 10px 10px !important;
    float: left;
    width: 654px !important;
    color:#22353F;
    line-height:145%;
}

#maincontent #column1
{
    background-color: #F6F2C7;
    width: 368px;
    margin: 20px 15px 0 0;
	display: inline;
    float: left;
    /*height: 100%;*/
    padding-bottom: 20px;
}

#maincontent #column2
{
    width: 262px;
    float: right;
}

#subcontent
{
    margin: 45px 10px 0 0;
    float: right;
    width: 231px;
    color:#22353F;
    line-height:145%;
}

/* from general.css */

h3
{
    font-size: 1.6em;
    line-height: 1em;
    margin-bottom: 10px;
}

h4
{
    font-size: 1.4em;
    font-weight: bold;
    color: #234B71;
    margin-bottom: 10px;
}


#adoptnow p
{
    font-size: 1.5em;
    color: #FFF;
    line-height: 1.1em;
    width: 370px;
    margin: 70px 0 0 15px;
    float: left;
    display: block;
    padding: 0 0 35px 0;
    overflow: hidden;
}

#adoptnow p span,
#adoptnow p span a
{ 
    color: #F0EAA2;
}

#clearimage
{
     clear: both;
     display: block;
     padding-top: 29px;
     height: 0;
     background: #FFF url(../images/hdr_apb_bottom.jpg) no-repeat;
}
#adoptnow h1
{
    background: none;
		color: #F0EAA2;
    width: 530px;
    padding: 25px 15px 15px 15px !important;
}

#adoptnow h1 span
{
    color: #FFF;
}

h2#adopthere a
{
    background: url(../images/adopt-polar-bear-here-trans.png) no-repeat;
    width: 188px;
    height: 0;
    padding-top: 175px;
    text-indent: -9999px;
    position: relative;
    top: -123px;
    left: 730px;
    overflow: hidden;
    margin-bottom: -170px;
    display: block;
    z-index:99;
}


#maincontent p#picturesby
{
    font-weight: normal;
    color: #7F7F7F;
    clear: both;
    margin: 0;
}
#maincontent #column1 h4
{
    padding: 10px 15px 0px 15px;
}

#maincontent #column1 p
{
    padding: 0 15px;
}

#maincontent #column2 img
{
    margin-bottom: 20px;
}
#maincontent h3
{
    color: #234B71;
    font-size: 1.8em;
}



#subcontent img#polarbearphotos
{
    margin: 0 10px 10px 45px;
}

#subcontent h3
{
    color: #CC0000;
    width: 150px;
}

div#footer p.reg {
clear:both;
overflow:hidden;
width:935px;
text-align:center;
color:#666;
font-size:11px;
padding: 30px 0 20px 0;
}