html, body{
margin:0;
padding:0;
}

body{
margin:0 auto;
text-align:center;
width:800px;
background:#39dafe url(../images/bg5.jpg)repeat top center;
font-family:"Century Gothic", Verdana, "Arial Black";
font-size:10pt;
}

#header{
width:688px;
margin:0 auto;
margin-bottom:20px;
height:67px;
background:url(../images/header.png) no-repeat left;
text-align:right;
line-height:75px;
}

fieldset.search {
	border: none;
	width: 270px;
	padding: 6px 0 0 30px;
	overflow: hidden;
	margin: 20px 0 0 0;
	display: inline;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {

	color:#333;
	font-size: 8pt;
	width: 190px;
	height: 25px;
	padding: 5px;
	border:1px #CCC solid;
	background:#d6f6fd ;
	margin-right: 5px;
	-moz-border-radius:  0.6em;
	-webkit-border-radius:  0.6em;
	border-radius:  0.6em;
}

.search button.btn {
	width: 75px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(../images/search-button.gif) no-repeat top right;
}


#container{
padding:0;
margin:0 auto;
padding:0;
width:688px;
background: #d6f6fd repeat-y center;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-opera-border-radius:12px;
-khtml-border-radius:12px;
border-radius:12px;
-khtml-box-shadow:rgba(0,0,0,0.5) 0px 3px 12pxx;
-moz-box-shadow:rgba(0,0,0,0.5) 0px 3px 12px;
box-shadow:rgba(0,0,0,0.5) 0px 3px 12px;
position:relative;
}

#navbar{
	width:688px;
	color::black;
	padding:0;
	margin:0 auto;
	height:45px;
	font-family:"century gothic";

}

#navbar ul{
	background: #d6f6fd;
	margin:0 auto;
	padding:0px;
	padding-top:20px;
	width:668px;
	list-style:none;
	text-align:center;

}

#navbar li{
	
		display:inline;
		padding:0px;
}

#navbar li a:link{
	font-size:11pt;
	color:black;
	margin:0px;
	padding:0px;
	text-align:center;
	text-decoration:none;	
	}


#navbar li a:visited{
	font-size:11pt;
	color:black;
	margin:0px;
	padding:0px ;
	text-align:center;
	text-decoration:none;	
}

#navbar li a:hover{
	font-size:11pt;
	color:orange;
	margin:0px;
	padding:0px ;
	text-align:center;
	text-decoration:none;	
}



#navbar a.selected:link{
	color:#15c0e8;
	font-weight:bold;
}

#navbar a.selected:visited{
	color:#15c0e8;
	font-weight:bold;
}

#navbar a.selected:hover{
	color:orange;
	font-weight:bold;
}

#slide-content{
	background:#afd7e2; 
	height: 250px; 
	overflow: hidden;
	position: relative; 
	margin:0; 
}
								  
							  
#mover{
	margin:15px 0;
	width: 2880px; 
	position: relative; 
}

.slide{
	padding: 40px 30px; 
	width: 900px; 
	float: left; 
	position: relative;
	text-align:left;

}
.slide h1{
	font-family:verdana;
	font-weight:bold;
	font-size: 12pt; 
	letter-spacing: -1px;
	color: black; 
	width:300px;
}
.slide p{
 	font-family:arial;
	color: black; 
	font-size: 9pt; 
	line-height: 22px; 
	width: 300px; 
}

	
 
.slide img{
	position: absolute; 
	top: 20px; 
	left: 400px; 
}

#slider-stopper{
	position: absolute; 
	top: 0px; 
	right: 20px; 
	background: white;
	font:arial;
	color: black;
	padding: 3px 8px; 
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase; 
	z-index: 1000; 
	-moz-border-radius-bottomright: 0.6em;
	-moz-border-radius-bottomleft:  0.6em;
	-webkit-border-bottom-left-radius:  0.6em;
	-webkit-border-bottom-right-radius:  0.6em;
	border-bottom-right-radius:  0.6em;
	border-bottom-left-radius:  0.6em;
}

#gallery-preview2{
	width:200px;
	float:left;
	margin:0 25px;

}

#gallery-preview2 p{
	width:200px;
	margin-top:10px;
}

.photo-alignleft{
	font:"Century Gothic";
	font-size:11pt;
	color:black;
	float:left;
	font-weight:normal;
	background:url(../images/photo-icon.gif) no-repeat left;
	padding:0 0 0 20px;

}



.alignright{
	font-family:"Century Gothic";
	font-size:8pt;
	color:#666;
	float:right;
	line-height:23px;

}

.alignright a:link, .alignright a:visited{
	font-family:"Century Gothic";
	font-size:8pt;
	color:#666;
	float:right;
	line-height:23px;
	text-decoration:none;

}

.alignright a:hover{
	font-family:"Century Gothic";
	font-size:8pt;
	color:orange;
	float:right;
	line-height:23px;
	text-decoration:none;

}

#homegallery-left a:link img, #homegallery-left a:visited img{
	width:90px;
	float:left;
	margin: 0 4px 0 0;
	border:3px white solid;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 1px 3pxx;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
}

#homegallery-left a:hover img{
	width:90px;
	float:left;
	margin: 0 4px 0 0;
	border:1px white solid;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 1px 3pxx;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
}

#homegallery-right a:link img, #homegallery-right a:visited img{
	width:90px;
	float:right;
	margin: 0 0 0 4px;
	border:3px white solid;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 1px 3pxx;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	
}

#homegallery-right a:hover img{
	width:90px;
	float:right;
	margin: 0 0 0 4px;
	border:1px white solid;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 1px 3pxx;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	
}


#clear{
	clear:both;
	width:200px;
	height:8px;
}

#species-news2{
	width:200px;
	float:left;
	margin:0 25px;
}

#species-news2 p{
	width:200px;
	margin-top:10px;
}

#species-news2 li a:link, #species-news2 li a:visited{
	color:#333;
	text-decoration:none;
}

#species-news2 li a:hover{
	color:orange;
	text-decoration:none;
}

.news-alignleft{
	font:"Century Gothic";
	font-size:11pt;
	color:black;
	float:left;
	font-weight:normal;
	background:url(../images/rss-icon.png) no-repeat left;
	padding:0 0 0 20px;

}

.subscribe-alignleft{
	font:"Century Gothic";
	font-size:11pt;
	color:black;
	float:left;
	font-weight:normal;
	background:url(../images/heart-icon.png) no-repeat left;
	padding:0 0 0 20px;

}

#species-news2 ul{
	width:200px;
	text-align:left;
	margin:0;
	padding:0;
}

#species-news2 li{
	
	list-style:none;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	background:url(../images/note-icon.png) no-repeat top left;
	padding: 0 0 0 20px;
}

#contact2{
	width:200px;
	float:left;
	margin:0 25px;
	margin-bottom:30px;
}

#contact-email{
	width:200px;
	margin:0 25px;
	margin-bottom:30px;
}

#network{
	width:200px;
	margin:0 25px;
	margin-bottom:30px;
	text-align:left;
}


fieldset.contact-email {
	border: none;
	width: 200px;
	padding: 0;
	overflow: hidden;
	margin: 5px 0 0 0;
	display: inline;
	text-align:left;
	font-size:8pt;
}
.contact-email input, .contact-email button {
	border: none;
	
}
.contact-email input.box {

	color:#333;
	font-size: 8pt;
	width: 200px;
	height: 25px;
	padding: 5px;
	border:1px #CCC solid;
	background:#d6f6fd ;
	margin: 5px 5px 5px 0;
	-moz-border-radius:  0.6em;
	-webkit-border-radius:  0.6em;
	border-radius:  0.6em;
}


.contact-email textarea.msg-box {

	color:#333;
	font-size: 8pt;
	width: 200px;
	height: 200px;
	padding: 4px;
	border:1px #CCC solid;
	background:#d6f6fd ;
	margin: 5px 5px 5px 0;
	-moz-border-radius:  0.8em;
	-webkit-border-radius:  0.8em;
	border-radius:  0.8em;
	overflow-y:auto;
	overflow-x:hidden;
	
}

.contact-email button.submit {
	width: 75px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	margin: 5px 0 0 0;
	background:  url(../images/submit-button.gif) no-repeat top left;
}


fieldset.network-login {
	border: none;
	width: 200px;
	padding: 0;
	overflow: hidden;
	margin: 5px 0 0 0;
	display: inline;
	text-align:left;
	font-size:8pt;
}
.network-login input, .network-login button {
	border: none;
	
}
.network-login input.box {

	color:#333;
	font-size: 8pt;
	width: 200px;
	height: 25px;
	padding: 5px;
	border:1px #CCC solid;
	background:#d6f6fd ;
	margin: 5px 5px 5px 0;
	-moz-border-radius:  0.6em;
	-webkit-border-radius:  0.6em;
	border-radius:  0.6em;
}



.network-login button.submit {
	width: 75px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	margin: 5px 0 0 0;
	background:  url(../images/login-button.gif) no-repeat top left;
}

#subscribe{
	width:200px;
	float:left;
	margin:0 25px;
	margin-bottom:30px;
}


.contact-alignleft{
	font:"Century Gothic";
	font-size:11pt;
	color:black;
	float:left;
	font-weight:normal;
	background:url(../images/contact-icon.gif) no-repeat center left;
	padding:0 0 0 20px;

}

 .network{
	font:"Century Gothic";
	font-size:11pt;
	color:black;
	float:left;
	font-weight:normal;
	background:url(../images/network-icon.gif) no-repeat center left;
	padding:0 0 0 20px;

}

.network-details a:link, .network-details a:visited{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

.network-details a:hover{
	color:orange;
	font-weight:bold;
	text-decoration:none;
}

#contact2-p{
	width:200px;
	margin-top:10px;
}



.contact-details{
	margin:0;
	padding:0;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	text-align:left;
}

.contact-details span{
	font-weight:bold;	
}


.network-details{
	margin:0;
	padding:0;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	text-align:left;
}

.network-details span{
	font-weight:bold;	
}

#contact2 ul{
	width:200px;
	text-align:left;
	margin:0;
	padding:0;
}

#subscribe ul{
	width:200px;
	text-align:left;
	margin:0;
	padding:0;
}

#subscribe .rss{
	margin:0;
	height:15px;
	text-align:left;
	list-style:none;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	background:url(../images/rss-icon.png) no-repeat center left;
	padding: 0 0 0 20px;
}

#subscribe .rss a:link, #subscribe .rss a:visited{
	font-family:"Century Gothic";
	font-size:8pt;
	color:#333;
	line-height:15px;
	text-decoration:none;

}

#subscribe .rss a:hover{
	font-family:"Century Gothic";
	font-size:8pt;
	color:orange;
	line-height:15px;
	text-decoration:none;

}


#subscribe .email{
	margin:0;
	height:16px;
	text-align:left;
	list-style:none;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	background:url(../images/mail-icon.gif) no-repeat center left;
	padding: 0 0 0 20px;
}


fieldset.subscribe {
	border: none;
	width: 180px;
	padding: 0;
	overflow: hidden;
	margin: 5px 0 0 20px;
	display: inline;
}
.subscribe input, .subscribe button {
	border: none;
}
.subscribe input.box {

	color:#333;
	font-size: 8pt;
	width: 170px;
	height: 25px;
	padding: 5px;
	border:1px #CCC solid;
	background:#d6f6fd ;
	margin-right: 5px;
	-moz-border-radius:  0.6em;
	-webkit-border-radius:  0.6em;
	border-radius:  0.6em;
}

.subscribe button.submit {
	width: 75px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	margin: 5px 0 0 0;
	background:  url(../images/submit-button.gif) no-repeat top left;
}




#subscribe li{
	margin:0;
	height:15px;
	text-align:left;
	list-style:none;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	background:url(../images/globe-icon.png) no-repeat center left;
	padding: 0 0 0 15px;
}

#footer{
	width:688px;
	margin:0 auto;
	margin-top:20px;
	background:black;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;

}

#footer ul{
	width:688px;
	text-align:center;
	margin: 0;
	padding:7px 0 0 0;
}

#footer li{
	list-style:none;
	display:inline;
	font-size:7.5pt;
	margin: 0 2px;
}

#footer a:link, #footer a:visited{
	color:white;
	text-decoration:none;
}

#footer a:hover{
	color:orange;
	text-decoration:none;
}

#footer p{
	text-align:center;
	margin:0;
	padding:0 0 7px 0;
	font-size:7.5pt;
	color:white;
}

#gallery{
	background:#afd7e2; 
	width:688px;
	overflow: hidden;
	position: relative; 
	margin:0 auto;
	padding:0 0 10px 0 ;
}

#gallery a:link, #gallery a:visited{
	color:black;
	font-size:10pt;
	text-decoration:none;
}

#gallery a:hover{
	color:orange;
	font-size:10pt;
	text-decoration:none;
}



#polarbear-info p{
	width:200px;
	margin-top:30px;

}

.info-alignleft{
	font:"Century Gothic";
	font-size:11pt;
	color:black;
	float:left;
	font-weight:normal;
	background:url(../images/info-icon.png) no-repeat left;
	padding:0 0 0 20px;

}

#polarbear-info ul{
	width:180px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

#polarbear-info li{
	list-style:none;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	padding: 0;
}



.info-details img{
	margin:0 auto;
	padding:0;
	border:3px white solid;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 1px 3pxx;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
}

#polarbear-info li span{
	font:"Century Gothic";
	font-size:8pt;
	font-weight:bold;
	color:#333;
	padding: 0;
}


#two-columns{
	width:688px;
	margin:0px auto;
	padding:0;
	background:#afd7e2; 
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft:  12px;
	-webkit-border-bottom-left-radius:  12px;
	-webkit-border-bottom-right-radius:  12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius:  12px;
}

#left-content{
	width:360px;
	float:left;
	margin:10px 20px 10px 10px;
	padding:0;
	padding-left:20px;
	text-align:left;
}
#signup-form{
	width:360px;
	margin:0;
	padding:0;
	padding-left:0;
	text-align:left;
}


#slider-leftcontent{
	width:360px;
	float:left;
	margin:10px 20px 10px 10px;
	padding:0;
	padding-left:20px;
	text-align:left;
}
#left-content p{
	width:360px;
	margin-top:0;
	font-size:10pt;
}

#left-content a:link, #left-content a:visited{
	text-decoration:none;
	color:black;
}

#left-content a:hover{
	text-decoration:none;
	color:#e3ab15;
}

#left-content .news-link{
	width:360px;
	margin-top:0;
	padding:0;
	font-size:10pt;
	text-align:center;
}

#left-content .news-link .news-left a:link,#left-content .news-link .news-left a:visited{
	float:left;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#left-content .news-link .news-left a:hover{
	float:left;
	color:orange;
	font-weight:bold;
	text-decoration:none;
}

#left-content .news-link .news-right a:link,#left-content .news-link .news-right a:visited{
	float:right;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#left-content .news-link .news-right a:hover{
	float:right;
	color:orange;
	font-weight:bold;
	text-decoration:none;
}

#left-content .news-link a:link, #left-content .news-link a:visited{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

#left-content .news-link a:hover{
	color:orange;
	font-weight:bold;
	text-decoration:none;
}

#slider-leftcontent p{
	width:310px;
	margin-top:0;
	font-size:10pt;
}

.special-detail{
	font-size:8pt;
	color:#333;
	font-style:italic;
}


.bold-text{
	font-weight:bold;
}

#left-content ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:10pt;
}

#left-content h1{
	font-size:18pt;
	font-weight:bold;
}

#left-content h2{
	font-size:12pt;
	font-weight:bold;
}

#left-content img{
	border:4px white solid;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 2px 12pxx;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 2px 12px;
	box-shadow:rgba(0,0,0,0.5) 0px 2px 12px;
}

#left-content .overviewspan li{
	margin:0;
	background:url(../images/bullet_blue_arrow.png) no-repeat center left;
	height:16px;
	line-height:16px;
	padding:0 0 0 20px;
}

#left-content li a:link,#left-content li a:visited{
	text-decoration:none;
	font-size:10pt;
	color:black;
}

#left-content li a:hover{
	text-decoration:none;
	font-size:10pt;
	color:orange;
}
	
#left-content .overviewspan{
	font-weight:bold;
}

#left-content .overviewul li{
	list-style:none;
	background:none;
	margin:0;
	padding:0;
}

#left-content .news-date{
	font-style:italic;
	font-size:9pt;
}

#right-content{
	background: #d6f6fd;
	width:250px;
	float:left;
	padding:0;
	margin:20px auto;
	-moz-border-radius:  12px;
	-webkit-border-radius:  12px;
	bordert-radius:  12px;
}

#clear2{
	clear:both;
	width:1px;
	height:1px;
}

.fact-ul li{
	background:url(../images/note-icon.png) no-repeat top left;
	padding: 0 0 0 25px;
	font-size:10pt;
}

#polarbear-info2{
	width:200px;
	float:left;
	margin:0 25px;
	
}

#polarbear-info2 ul{
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
}

#polarbear-info2 li{
	background:url(../images/bullet_blue_arrow.png) no-repeat center left;
	margin:0;
	padding:0 0 0 20px;
}

#polarbear-info2 li a:link, #polarbear-info2 li a:visited{
	text-decoration:none;
	color:black;
	
}

#polarbear-info2 li a:hover{
	text-decoration:none;
	color:orange;
	
}

#polarbear-info2 a.selected-submenu:link,#polarbear-info2 a.selected-submenu:visited{
	color:#15c0e8;
	font-weight:bold;
}
#polarbear-info2 a.selected-submenu:hover{
	color:orange;
	font-weight:bold;
}


#jFlowSlide{ 
	background:#d6f6fd; 
	font-family: "Century Gothic";
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft:  12px;
	-webkit-border-bottom-left-radius:  0.6em;
	-webkit-border-bottom-right-radius:  0.6em;
	border-bottom-right-radius:  0.6em;
	border-bottom-left-radius:  0.6em;
	margin-bottom:30px;
}  
#myController { 
	font-family: "Century Gothic"; 
	padding: 2px 0;  
	width:350px;
	margin-top:12px;
	background:#7abed1;
	text-align:center;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius:  10px;
	-webkit-border-top-right-radius:  10px;
	border-top-right-radius:  10px;
	border-top-left-radius:  10px;
}  
#myController span.jFlowSelected { 
	background:#43A0D5;
	margin-right:0px; 
}  

.slide-wrapper { 
	padding: 20px;
}  



.slide-details { 
	width:280px; 
	float:rightright; 
	margin-left:0px;
}  

.slide-details h2 { 
	font-size:12pt; 
	font-weight:bold; 
	line-height: 1;
	margin:0; 
}  
.slide-details .description {
	margin-top:10px; 
} 

.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#FFF; 
	cursor:pointer; 
	padding:2px 5px;
}  
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { 
	background: #43A0D5; 
}  
#polarbear-info3 {
	width:200px;
	float:left;
	margin:0 25px;
}

#polarbear-info3 p{
	width:200px;
	margin-top:10px;

}

.info-alignleft{
	font:"Century Gothic";
	font-size:11pt;
	color:black;
	float:left;
	font-weight:normal;
	background:url(../images/info-icon.png) no-repeat left;
	padding:0 0 0 20px;

}

#polarbear-info3 ul{
	width:180px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

#polarbear-info3 li{
	list-style:none;
	font:"Century Gothic";
	font-size:8pt;
	color:#333;
	padding: 0;
}



.info-details img{
	margin:0 auto;
	padding:0;
	border:3px white solid;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 1px 3pxx;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
	box-shadow:rgba(0,0,0,0.5) 0px 1px 3px;
}

#polarbear-info3 li span{
	font:"Century Gothic";
	font-size:8pt;
	font-weight:bold;
	color:#333;
	padding: 0;
}

.form-alignleft{
	font:"Century Gothic";
	font-size:10pt;
	color:black;
	float:left;
	font-weight:normal;
	padding:0;
	margin:0;
	height:22px;
	line-height:22px;
	width:130px;

}

.form-alignright{
	font:"Century Gothic";
	font-size:10pt;
	color:black;
	float:left;
	font-weight:normal;
	padding:0;
	margin:0;

}

select.selectbox{
	background:black;
}

.form-p{
	clear:both;
}

.form input.box{
	width:220px;
}

button.signup{
	width: 60px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(../images/signup-button.gif) no-repeat top right;
	border:none;
	
}

.signup-button{
	text-align:center;
}