@import url(stylesheet_main_v12.css);
@import url(stylesheet_insidepages_v3.css);
@import url(stylesheet_main.css);

body {
    background: url("images/global_background.gif") repeat-x scroll left top #F2F0E4;
    color: #797979;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 16px;    
	margin : 0px;
	line-height: 23px;
	text-align:center;
}

H1  {
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 25px;
	font-weight : normal;
	line-height: 20pt;
	color : #C66005;
	margin:0px;	
	text-align: left;
    font-weight: 100;    
    top: auto;
    width: auto;
}

H2  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	font-weight : bold;
	color : darkgray;
}

/************************/
/* Home Styles */
/************************/
div#mainContent {
	background: none;		
}

div#flashContainer {
	/*height: 337px;*/
	height: 300px;
	width: 677px;
}
div#col1container {
	margin-bottom: 0px;
}
div#col2container {
	float: left;
	margin-bottom: 0px;
}
DIV#siteContainer {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 952px;
}

DIV#siteContainer DIV.noBG {
    background: none repeat scroll 0 0 #FFFFFF;
}


div#mainNav form#cse-search-box div input {
    width:54px;
    height:12px;
    /*background: transparent;*/
    font-size:10px;
    color: #949B93;
    /*padding: 0 4px 2px;*/
}

div#mainNav form#cse-search-box div input image {
  width:11px;
  top-margin:10px;
}
div#siteFooter a:link, div#siteFooter a:visited {
    color: #4E472C;
    text-decoration: none;
}
div#siteFooter a:hover, div#siteFooter a:active, div#siteFooter a.hLight:link, div#siteFooter a.hLight:visited {
    color: #4D75B7;
    text-decoration: none;
}
div#siteFooter {
    clear: both;
    color: #4E472C;
    font-size: 12px;
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
    width: 952px;
}
div#siteFooter ul {
    list-style: none outside none;
    margin: 0 35px;
    padding: 0;
    text-align: center;
    width: 875px;
}
div#siteFooter li {
    border-right: 1px solid #4E472C;
    float: left;
    margin: 0 4px 0 0;
    padding: 0 4px 0 0;
}
div#siteFooter li.lastItem {
    border: medium none;
    margin: 0 2px 0 0;
    padding: 0;
}
div#siteFooter p {
    clear: both;
    padding-top: 5px;
}

a:link, a:visited {	
	color: #4d75b7;
}
a:hover, a:active {
	color: #cc9900;
} 

a2  {
	color : #000000;
}

a2:visited  {
	color : #000000;
	font-weight : normal;
}

a.linkBld  {
	color : #669900;
	font-weight : bold;
}

a.linkBld:visited  {
	color : #669900;
	font-weight : bold;
}

td  {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	line-height: 12pt;
	color : #666666;
}

.headerText  {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 9px;
	color : #FFFFFF;
	text-decoration : none;
}

.headerText:visited  {
	color : #FFFFFF;
}

.mainNavHeader  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	line-height: 23px;
	color : #AB540C;
	text-decoration : none;
	margin-left : 8px;
	margin-right : 0px;
}

a.navList  {
	color : #333333;
	text-decoration : none;
	font-size : 14px;
	line-height: 23px;
}

a.navList:visited  {
	color : #333333;
	text-decoration : none;
	font-size : 14px;
	line-height: 23px;
}

a.navList:hover  {
	color : #AB540C;
	text-decoration : none;
	font-size : 14px;
	line-height: 23px;
}


/************************/
/* Header Styles */
/************************/
/** container for header **/
.siteHeader {
	height: 78px;
}
.siteHeader ul {
	list-style: none;
}
.siteHeader .lastItem {
	border: 0;
}
/** accessbility features for keyboard navigation **/
#skipNav {
	position: absolute;
	left: -9999em;
}
#skipNav:focus, #skipNav:active {
	left: 90px;
	top: 10px;
}
#mainContentBegins {
	display: none;
}
/** logo **/
#tabLogo {
	display: block;
	width: 83px;
	height: 95px;
	background: url(images/wwf_logo.png) no-repeat;
	position: absolute;
	left: -9px;
	z-index: 100;
}
#tabLogo span {
	display: none;
}

/** small nav in top right and e-news signup **/
.smallNav {
	float: right;	
	margin: 10px 0 15px;
	line-height: 16px;
	position: relative;
}
.smallNav li {
	float: left;
	border-right: 1px solid #4e472c;
	padding: 0 4px;	
}
.smallNav a:link, .smallNav a:visited , #skipNav{
	color: #4e472c;
}
.smallNav a:hover, .smallNav a:active {
	color: #4D75B7
}

/** e-news subscribe form **/
.smallNav form {
	display: inline-block;	
	margin-top: -3px;
    vertical-align: top;
}
.smallNav .submit {
	position: relative;
	top: 3px;
}

* html .smallNav form { display:inline; margin: -3px 0 0 0;
    vertical-align: top;}  /* for IE 6 */
* + html .smallNav form { display:inline;margin: -3px 0 0 0;
    vertical-align: top; }  /* for IE 7 */

#newsletter {
    border: 1px solid #4E472C;
    color: #797979;
    font-size: 11px;
    height: 14px;
    padding: 2px 3px;
    width: 104px;
}

div#global form div {
     background: url(https://secure.worldwildlife.org/resources/media/images/global/long_newsletter_box.gif) 0px 17px no-repeat;
}
html*div#global form div {
     background: url(https://secure.worldwildlife.org/resources/media/images/global/long_newsletter_box.gif) 0px 20px no-repeat !important;
}

/************************/
/* Main Nav Styles */
/************************/
.navBar{
    position:absolute;
    background:#4e472c;
    height: 37px;
    width: 882px;
    line-height:16px;
    top: 40px;
	padding-left: 70px;
	border-bottom: 1px solid #797558;
}
.navBar form{
    position:absolute;
    right:70px;
    top:8px;
    z-index:100;
    
}

/************************/
/* Drop down menus */
/************************/

/** main navigation **/
.headerNav {
   	position:absolute;
    top:40px;
    left:70px;
    z-index:10;
    display:block;
	width: 882px;
}

.headerNav ul{
    margin: 0;
    list-style-type:none;
    text-transform:uppercase;
    line-height:37px;
    z-index:2;
    clear:none;
    padding:0;
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}

.headerNav li {
    float:left;
    position:relative;   
	border-right: 1px solid #797558;
	height: 38px;
	background: url(images/dropdown-arrow.gif) no-repeat right center;
    padding: 0 22px 0 12px;
}
.headerNav a:link, .headerNav a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}
.headerNav a:hover, .headerNav a:active {
	color: #c90;
}

/** drop-down menus **/
.headerNav .secondLevel {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;    
    border-color: -moz-use-text-color #797979 #797979;  
	display:none;
	text-transform:none;
	position:absolute;
	margin:0;
	top:38px;
	left:-1px;
	height:auto;
	width:310px;
	color:#797979;
	background:#ebe9d6 url(/resources/media/images/global/header/menu-bg.png) repeat-x;
	padding:5px 10px;
	border:1px solid #797979;
	border-top:0;
	list-style:none;
	z-index:99;	
}

.headerNav ul li:hover ul, .headerNav .over ul { /** drop-down on hover **/
	display: block;
}

.secondLevel li {
	background: none;
    float:none;
    clear:both;
	border: 0;
	border-bottom: 1px solid #cbc5b0;
	padding: 8px 0;
	line-height: 18px;	
}

.secondLevel li p a
{
	text-decoration: none;
}

.secondLevel li a:link, .secondLevel li a:visited {
	color: #4e472c;
	font-weight: bold;
	text-transform: none;
	font-size: 16px;
}

.secondLevel li a:hover, .secondLevel li a:active {
    color: #c90;
}

/** third level navigation items **/
.secondLevel li p a:link, .secondLevel li p a:visited {
	font-size: 13px;
	font-style: italic;
	color: #797979;
	font-weight: normal;	
}
.secondLevel li p a:hover, .secondLevel li p a:active {
	color: #c90;
}

/** donate and adopt buttons **/
#donateBtn, #adoptBtn {
	border-left: 1px solid #797558; 
	float: right;
	padding: 0 5px 0 12px;	
}
#donateBtn .secondLevel {
	left: -215px;
}
#adoptBtn .secondLevel {
	left: -177px;
}
#donateBtn li, #adoptBtn li {
	height: auto;
}
#donateBtn a:link, #donateBtn a:visited, #adoptBtn a:link, #adoptBtn a:visited {
	background: url(images/dropdown-white.png) no-repeat right center;
	display: block;
	padding: 0 22px 0 0;
}
#donateBtn a:hover, #donateBtn a:active, #adoptBtn a:hover, #adoptBtn a:active {
	color: #fff;
}
#donateBtn {
	background: url(images/donate-button.png) 0 0 repeat;
}
#adoptBtn {
	background: url(images/donate-button.png) 0 -75px repeat;
}
#donateBtn:hover{
	background-position: 0 -36px;
}
#adoptBtn:hover {
	background-position: 0 -110px;
}
#donateBtn .secondLevel {
	width: 300px;
}
#adoptBtn .secondLevel {
	width: 250px;
}
#donateBtn .secondLevel li, #adoptBtn .secondLevel li {
	padding: 8px 0;
}
#donateBtn .secondLevel a, #adoptBtn .secondLevel a {
	background: none;
}
#donateBtn .secondLevel a:hover, #donateBtn .secondLevel a:active, #adoptBtn .secondLevel a:hover, #adoptBtn .secondLevel a:active {
	color: #c90;
}

/** Search box **/
#cse-search-box {
	background: transparent url(images/search.png) no-repeat;
	width: 175px;
	height: 21px;
	padding: 3px 5px;
	left: 530px;
}

#newsearch { /** have to override google search inline-styles **/
	color: #7c7c7c !important;
	font-size: 12px !important;
	border: 0 !important;
	background: transparent !important;
	width: 155px !important;
	padding: 0 !important;
}

/********************************/
/***     Site Footer          ***/
/********************************/
.footerNav {
    height: auto;
    padding:5px;	
	width:100%;
	margin-left:5px;
}
.footerNav .lastItem {
    border: 0 none;
    padding-right: 0;
}
.footerNav ul{
    float: right;
    list-style: none outside none;
}
.footerNav ul ul {
    width: 783px;
}
.footerNav li {
    border-bottom: 1px solid #D2D1BD;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 11px;
    padding: 10px 0;
    width: 100%;
}
.footerNav a:link, .footerNav a:visited {
    color: #4E472C;
}
.footerNav a:hover, .footerNav a:active {
    color: #CC9900;
}

.footerNav a img {
	border: none;
}

.footerNav  li li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #4E472C -moz-use-text-color -moz-use-text-color;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    font-size: 11px;
    font-weight: normal;
    padding: 0 8px;
    width: auto;	
}

.followIcon {
    display: inline-block;
    margin: -3px 5px 0 0;
    vertical-align: top;
}
* html .followIcon {
    display: inline;
}
* + html .followIcon {
    display: inline;
}

.siteFooter {
    background: url("images/logo-footer.png") no-repeat left 10px;
    clear: both;
    margin: 0 0 20px 15px;
    padding: 10px 15px 0 100px;
}
.siteFooter .lastItem {
    border: 0 none;
    padding-right: 15px;
}
.siteFooter p {
    clear: both;
    padding: 8px 0;
	font-size: 11px;
}
.siteFooter .missionStmt {
    border-bottom: 1px solid #797979;
    color: #000000;
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 5px 0 10px;
}
.siteFooter ul {
    height: 11px;
    list-style: none outside none;
    margin: 0 0 0 -5px;
}
.siteFooter li {
    border-right: 1px solid #4D75B7;
    float: left;
    line-height: 11px;
    padding: 0 5px;
	font-size: 11px;	
}