/*-------------------------------------------------------------------------------------------

	Name: Biodiversity Loss
	by Alex Swanson
	Introduction to Scripting Languages : Final
	
---------------------------------------------------------------------------------------------*/

/* standard elements ----------------------------------------------------------------------- */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #048;}
a:hover {color: #06C;}

body {
	background: #336699 url('img/bg-body.gif') repeat-x center top;
	z-index:100;
	color: #333333;
	font: normal 62.5% Verdana,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}


h1,h2,h3 {padding-top: 6px; color: #336699; margin-bottom: 4px;}
h2 a {color:#336699;}
h2 a:hover {color:#336699;}

/* misc ----------------------------------------------------------------------- */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
a.double {line-height:18px !important; font-size:14px !important; } 

/* structure ----------------------------------------------------------------------- */
.inner-container {
	
	font-size: 1.2em;
	margin: 0 auto;
	width: 653px;
}

.outer-container {
	/*background: #ffffff url(img/bg-main2.jpg) repeat-y center top;*/
	
	z-index:-5; }
	
#bodywrap { background-color:#FFFFFF; 	
border-left:1px solid #2e5782;
border-right:1px solid #2e5782;


}

/* headere & title ----------------------------------------------------------------------- */
.header {
	background: #ffffff url('img/header2-open.jpg') no-repeat;
	height: 161px;

	
}
.header .title {
	color: #cccccc;
	padding-top: 50px;

}

.header img {border:none; }
.header .logo1 {position:relative; top:25px; left:25px;}

/* main ----------------------------------------------------------------------- */
.main {
	background:none;
	padding: 0x 0 0 0;
}

/* content ----------------------------------------------------------------------- */
.mapbox {padding:10px; background-color:#bcd491;text-align:center;margin-top:15px; border:2px solid #84b235;}

.sections {

	width: 575px;
	padding: 0 30px 0 30px;
	color:#333333;
	padding-top:30px;
}
.section { margin: 0 0 40px 0; }
.section-img { margin: 0 0 40px 0; }
.section-img img { margin:5px; padding:2px; }

.sections h2 {
display:block;
width:574px;
font:  1.4em Georgia,Helvitica,serif;
border-bottom: 2px solid #96b75a;
margin: 0 0 15px 0;
padding: 0 0 3px 0px;

}

.sections p {
padding: 0 0 0 15px;
line-height:20px;
}





#features ul{ 
width:400px;
list-style-type:none;
position:relative;

}

#features ul li {
width:356px;
display:block;
background: url(img/li.gif) 0px 0px no-repeat;
padding:0 0 0 20px;
line-height:24px;
font:bold 1.1em Georgia,Helvitica,serif;
color:#336699;
}


#features ul li a {

color:#336699;
}

#features ul li a:hover {

color:#336699;
}


.content {
	float: right;
	width: 400px;
	color:#3333333;
}

.content li {

}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/* navigation ----------------------------------------------------------------------- */
.navigation {
	float: left;
	width: 239px;
	background: #ffffff url('img/bg-nav2.jpg') repeat-y;
	
	
}
.navigation li .last {
	color: #333333;
	font: bold 1.1em Verdana,sans-serif;
	height:21px;
	margin: 0;
	
}
 .navlast {
    font-size:0px;
	color:#336699;
	height:21px;
	margin: 0;
	background: #ffffff url('img/bg-navbottom2.jpg') no-repeat;
	
}


.navigation ul {
	padding: 0;
	padding: 0px 15px;
}
.navigation li {border-bottom: 1px solid #92bad3; }
.navigation li a {
	font:  1.4em Georgia,Helvitica,serif;
	color: #ffffff;
	display: block;
	padding: 5px 0 5px 0px;
	text-align:center;
	text-decoration: none;
	line-height: 13px;
	
	
}
.navigation li a:hover {
	background:none;
	color: #9be90c;	
}

/* footer ----------------------------------------------------------------------- */
.footer {
	background: #336699 url(img/bg-footer2.jpg) no-repeat;
	color: #333333;
	font: bold 1em sans-serif;
	
	height:40px;
	margin:30px 0 0 0;
	
}

 .text { position:relative; top:-40px; text-align:center;padding: 0 15px; }
.footer a {
	color: #color: #048;;
	text-decoration: none;
	
}
.footer a:hover {color: #06C;}