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

body { background:url(../images/bg.png) repeat-x #0b9a5d; margin:0px; padding:0px; font-family:arial; font-size:12px; color:#282828 }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px;  font-size:16px; color:#fff; padding:15px 0px 0px 15px; }
h3 { margin:0px; padding:0px; padding-bottom:5px; font-size:14px; font-weight:bold; }
h4 { margin:0px; padding:0px; }
p { margin:0px; padding:0px; }
ul { margin:0px; padding:0px; }
li { margin:0px; padding:0px; }
li { list-style:none; list-style-image:none }
a { color:#282828; text-decoration:underline; }
a:hover { color:#282828; text-decoration:none; font-weight:bold; }

#main { background:url(../images/bgBody.jpg) no-repeat top #9ae6ae; margin:0px auto; padding:0px; width:1000px; margin-top:14px; }
#header { height:141px; width:1000px; }
#flash { height:274px; width:1000px; }
#content { width:1000px; }
#contentInner { width:1000px; }
#footer {height:97px; width:1000px; margin:0px auto; background:#9ae6ae;    }


#innerSideArea { width:168px; padding-top:10px; float:left }
#innerArea { width:832px; float:left }
#titleArea { width:782px; height:35px; background:url(../images/titleBg.png) no-repeat right; padding-left:50px; padding-top:30px; margin-top:10px; }
#titleArea h2 { margin:0px; padding:0px;  font-size:20px; color:#fff; }  
#textArea { width:752px; padding-left:50px; padding-top:20px; padding-right:30px; text-align:justify }
#textArea p { padding-bottom:8px; line-height:18px; }

.innerArea { width:832px; float:left }
.titleArea { width:782px; height:35px; background:url(../images/titleBg.png) no-repeat right; padding-left:50px; padding-top:30px; margin-top:10px; }
.titleArea h2 { margin:0px; padding:0px;  font-size:20px; color:#fff; }  
.textArea { width:752px; padding-left:50px; padding-top:20px; padding-right:30px; text-align:justify }
.textArea p { padding-bottom:8px; line-height:18px; }

a.BuyHabitatDonation  { width:750; height:35px; padding-left:230px; padding-top:30px; background: url(../images/buyHabitatBtnDonation.png) no-repeat right; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; display:block;}
a.BuyHabitatDonation:hover { text-decoration:underline; }
a.BuyHabitatDonationText  { width:750; height:50px; padding-left:160px; padding-top:15px; background: url(../images/buyHabitatBtnDonationText.png) no-repeat right; color:#fff; font-size:16px; font-weight:normal;  text-decoration:none; display:block;}
a.BuyHabitatDonationText:hover { text-decoration:underline; }

#sideMenu { background:#0B9A5D; margin-top:20px; }
#sideMenu ul { padding-top:20px; padding-bottom:20px;  } 
#sideMenu li {  } 
#sideMenu a { color:#fff;padding-left: 20px; display:block; padding-right:30px; padding-top:5px; padding-bottom:5px; text-decoration:none; font-weight:bold; } 
#sideMenu a:hover { color:#fff; background:#2fb47a;  }  
#sideMenu a.selected { color:#fff; background:#2fb47a;  }  


#buyHabitatDiv { height:97px; width:1000px; }
#buyHabitatDiv a { display:block; height:50px; width:169px; background:url(../images/buyHabitatBtn.png) no-repeat right; text-indent:-9999px; float:right;  margin-top:26px; }
#buyHabitatDiv a:hover { background:url(../images/buyHabitatBtnOver.png) no-repeat right; }

#topMenu { width:831px; height:45px;  display:block; float:left; }

#logo { width:169px; height:45px; float:left;  }
#logo a { width:169px; height:45px; display:block; text-indent:-9999px; background:url(../images/TheHabitatTrust.png) no-repeat;  }


/* menu */

.lavaLamp {
    position: relative;
    height: 30px; width: 831px;
    background: url(../images/topMenubg.png) right repeat-y;
    margin: 0;
	padding-top:15px;
    overflow: hidden;
}
.lavaLamp li {
	float: left;
	list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	background: #007333;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
	.lavaLamp li.back .left {
		background: #007333;
		height: 30px;
		margin-right: 9px;
	}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative; overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 14px arial;
	color: #fff; outline: none;
	text-align: center;
	height: 30px; top: 7px;
	z-index: 10; letter-spacing: 0;
	float: left; display: block;
	margin: auto 10px;
}









#OurMissionBox { height:217px; width:437px;  margin:5px 11px 0px 8px; overflow:hidden; float:left; }
.boxHeader { background:#007333; width:228px; height:40px; @height:39px; height:39px !important; }
.boxBody { background:#0b9a5d; width:228px; height:177px; @height:177px;  }
.boxMissionText { float:left; height:150px; width:300px; margin:15px 0px 0px 15px; font-size:14px; line-height:20px;  }
.boxBg { background:url(../images/ourMissionBg.jpg) right no-repeat; width:209px; height:217px; float:right;@height:216px; height:216px !important; } 


#AboutUsBox { height:216px; width:396px;  margin:5px 11px 0px 0px; overflow:hidden; float:left; }
.aboutBoxHeader { background:#007333; width:396px; height:39px;  }
.aboutBoxBody { background:#0b9a5d; width:396px; height:177px;   }
.aboutText { margin:15px 20px 0px 15px; line-height:18px; float:left; }



#buyHabitatBox { height:216px; width:137px; margin:5px 0px 0px 0px; float:left; overflow:hidden; }
#buyHabitatBox a { font-size:12px; font-weight:bold; }

#buyHabitatBox h3 { margin:0px; padding:0px; padding-bottom:5px; font-size:16px; font-weight:bold; color:#fff; margin-top:10px; }

.buyHabitatBoxHeader { background: url(../images/buyHabitatBoxTitle.png) no-repeat; width:137px; height:47px; text-indent:-9999px; }
.buyHabitatBoxBody { background:#007333; width:137px; height:169px;  }
.buyHabitatText { margin:15px 20px 0px 15px; line-height:23px; float:left; font-size:14px; color:#fff; }


a.readMore { background:url(../images/arrR.gif) no-repeat 0px 10px; padding-left:12px; color:#282828; font-weight:bold; padding-top:5px; display:block; width:100px; font-size:12px;  }
a.readMore:hover { text-decoration:none; }

.footerSepHl { height:1px; background: url(../images/fhl.png) center no-repeat; width:1000px; padding-top:13px; padding-bottom:13px; }
#rights { float:left; width:550px; height:80px; margin-left:33px; font-size:10px; }
#rights a { color:#282828; text-decoration:underline; }
#rights a:hover { text-decoration:none;  }

#footerMenu { height:40px; width:400px; float:left; padding-left:180px; padding-top:40px; width:210px; }
#footerMenu a { color:#007333; text-decoration:underline; font-weight:bold; padding-left:5px; padding-right:5px; }
#footerMenu a:hover { text-decoration:none;  }

#donate { 
width:460px; height:360px; background:#99e5ad url(../images/donateBg.jpg) no-repeat bottom right; padding-top:10px;
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
z-index:99;
margin:0px auto;
 }
#donate #titleArea { width:410px; height:45px; background:url(../images/titleBg.png) no-repeat 20px 0; padding-left:50px; padding-top:20px; margin-top:10px; }
#donate #textArea { width:360px; }

#donate .leftSideArea { float:left;  width:270px; height:30px; line-height:15px; }
#donate .rightSideArea { float:left; width:160px; height:30px; line-height:30px; }
#donate .dollar { display:block; background:url(../images/dollar.png) no-repeat; height:30px; width:24px; text-indent:-9999px; overflow:hidden; float:left; display:inline }
#donate .rightSideArea input { margin-top:5px; }



#monthDonation { background:transparent url(../images/arrow.png) no-repeat scroll 0 -2px;color:#FFFFFF; cursor:pointer; display:block; font-weight:bold; letter-spacing:2px; margin: 0; padding:0 25px; }
#monthDonation:hover { text-decoration:underline; }
#oneDonation { background:transparent url(../images/arrow.png) no-repeat scroll 0 -2px;color:#FFFFFF; cursor:pointer; display:block; font-weight:bold; letter-spacing:2px; margin: 0; padding:0 25px; }
#oneDonation:hover { text-decoration:underline; }

#donateClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#3f3f3f;
font-weight:bold;
display:block;
}


#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:97;
}

.InfoMain { margin:0px auto; width:752px; background:#9ae6ae; } 
.InfoTextArea { padding-left:50px; padding-top:20px;  padding-bottom:20px; padding-right:30px; text-align:justify; }
.InfoMain .titleArea { width:702px; height:35px; background:url(../images/titleBg.png) no-repeat 20px 0; padding-left:50px; padding-top:30px; margin-top:30px;}
.InfoMain h3 { padding-top: 20px; text-transform:capitalize; }
.InfoMain p { padding-bottom: 10px; }
.InfoMain li { padding-bottom: 5px; }

.InfoTextArea li { padding-left:20px;  background:url(../images/blt.jpg) no-repeat; }



#floatingDonation { float:right; position:absolute; bottom:0px; left:0px; margin-bottom:0px auto; margin-left:0px auto; padding:0px; background:url(../images/donateBtn.png) no-repeat; height:101px; width:101px; text-indent:-9999px; overflow:hidden; cursor:pointer; z-index:10; }

#credit { margin:0px auto; padding:0px; width:900px; font-size:10px; font-weight:bold; padding-bottom:25px; } 
#credit1 { margin:0px auto; padding:0px; width:700px; font-size:10px; font-weight:bold; padding-bottom:25px; } 

.clearfix:after { content:"."; display:block; height:0; line-height:0; font-size:0; clear:both; visibility: hidden; }
/* End hide from IE Mac */
*html .clearfix { height:1px; }