html, body
{
	width: 100%;
	height: 100%;
}
                         
body
{
  background: rgb(00, 153, 255);
  /*background: rgb(211, 226, 195);*/
  margin: 0;
  padding: 0;
  line-height: 150%;
  text-align: left;
}

*
{
  font-size: 10pt; 
  font-family: Verdana, Tahoma, sans-serif; 
    color: black;
  text-align: left;
}

.list
{
  margin: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}


.errors {
	font-weight: bold;
}

/* === Containers === */



#first_container
{
	width: 100%;
	height: 100%;
	vertical-align: left;
}

#second_container
{
  vertical-align: middle;
  width: 800px;
  margin-left:auto; margin-right:auto;
}

#third_container
{
	width: 800px;
	height: 600px;
	
}



/* === Menu === */



#menu
{
  height: 98px;
  padding-right: 2px;
  margin: 0;
  list-style: none;   
}

#menu li
{
  float: right;
  display: block;
  padding-top: 67px;
  width: 82px;  height: 31px;  
}

#menu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 31px;
  text-align: center;
  font-size: 90%;
}

#menu a:link, #menu a:visited
{
  color: #FFFFFF; 
  background-color: #0099FF;
}

#menu a:hover, #menu a:active
{
  background-image: url('images/taba2b.jpg');
color: #FFFFFF;
}

#menuselected
{
  display: block;
  width: 82px;  height: 31px;  
  background-image: url('images/taba.jpg');    
  text-decoration: none;
  line-height: 31px;
  color: #ffffff;
  background-color: #ffffff;
  font-size: 90%;
  text-align: center;
}





/* === Language menu === */



#submenu
{
  float: right;
  height: 31px;
  /*width: 600px;*/
  padding-left: 140px;
  margin: 0;
  list-style: none;   

}

#submenu a
{
  display: block;
  width: 82px;  height: 31px;  
  background-color: inherit;
  text-decoration: none;
  line-height: 25px;
  text-align: center;
}

#submenu li
{
  float: left;
  display: block;
   padding-top:0px;
  width: 82px;  height: 31px;  
}


#submenu a:link, #submenu a:visited
{
  color: #FFFFFF; 
  background-color: #0099FF;
}

#submenu a:hover, #submenu a:active
{
   background-image: url('images/taba2.jpg');
color: #FFFFFF;
}

#submenuselected
{
 
  display: block;
  width: 82px;  height: 31px;  
  background-image: url('images/tabbc.jpg');    
  text-decoration: none;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
}


/* === Other Divs === */
 

/* === content width === */
.border
{
  background-color: #ffffff;
  padding: 0 0 0 100px;
  height: 454px;
  background-image: url('images/back_new.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
}


	/* NOTE: these are the backgrounds for various different pages.
	In order to add more pages, just add new CSS entries.
	The `background-image` attribute of `.border` is the default background
	image. */
	.lineUp
	{
	background-image: url('images/pixel.jpg');
	}
	.border.home
	{
	  background-image: url('images/back_new.jpg');
	}
	.border.feedback
	{
	  background-image:url('images/back_feedback.jpg');
	}
	
	.border.about
	{
	  background-image: url('images/back_feedback.jpg');
	}
	
	.border.equipment
	{
	  background-image: none;
	  padding: 0 0 0 0;
	  margin: 0;
	}
	
		.border.equipment .movie
		{
		  position: relative;
		  height: 450px;
		  top: 2px;
		}
		
		.border.equipment #submenu
		{
		}
	
	.border.shop
	{
	  background-image: none;
	  padding: 0 0 0 0;
	  margin: 0;
	}
	
		.border.shop .movie
		{
		  position: relative;
		  height: 450px;
		  top: 2px;
		}
	
	.border.habitats
	{
  
	  background-image: url('images/back_new.jpg');
	}
	
	.border.members
	{
	  background-image: url('images/back_feedback.jpg');
	}
	
	.border.feedback
	{
	  background-image: url('images/back_feedback.jpg');
	}
	
	.border.partners
	{
	  background-image: url('images/back_new.jpg');
	}
	
	.border.taf
	{
	  background-image: url('images/back_new.jpg');
	}


/*.title
{
  position: absolute;
  margin-left: 15px;
  margin-top: 15px; 
  width: 32px;
  height: 232px;
  background-image: url('images/vanero.gif');
}*/
#menuselected
{
  display: block;
  width: 82px;  height: 31px;  
  background-image: url('images/taba.jpg');    
  text-decoration: none;
  line-height: 31px;
  color: #ffffff;
  background-color: #ffffff;
  font-size: 90%;
  text-align: center;
}
.content
{
  position: relative; top: 2px;
  height: 450px;
  overflow: auto;
}

.content_container
{
  padding-top: 50px;
}

.slogan
{
  clear: both;
  margin-top: 0px;
  text-align: right;
  font-size: 9px;
  color: #ffffff;
  background-color: inherit;
}

/* This is for the newsletter signup at the bottom of every page. */
.newsletter
{
  margin-top: 1em;
  float: right;
  width: 14em;
  color: #ffffff;
}

.newsletter_inner
{
  color: #ffffff;
}

.newsletter_signup
{
  margin-top: 0px;
  text-align: right;
  font-size: 9px;
  background-color: inherit;
}

.newsletter_signup ul {
	font-size: 9px;
	display: inline;
	padding: 0;
	margin: 0;
}
.newsletter_signup ul li {
	font-size: 9px;
	display: inline;
}

.newsletter_input
{
  border: none;
}



/* === Inline Text Styles === */



h1
{
  margin: 10px 0px -40px 10px;
  padding: 0 10px 40px 9px;
  font-size: 18px;
  color: #ffffff;
  background-color: inherit;
  /*border-left: 5px solid rgb(211, 226, 195);*/

}

.details
{
  display: none;
  font-size: 9px;
  color: #6E7468;
}

.text
{
  display: block;
  margin: 5px 5px 20px 12px;
}

.text a
{
  color: #666F53;
  text-decoration: none;
  font-weight: bold;
}

.text a:hover, .text a:active
{
  color: #000000;
}

blockquote
{
  margin: 3px 0 3px 0;
  padding: 5px 10px 5px 10px;
}

.note
{
  	display: block;
	margin: 10px 15px 10px 15px;
	color: #FFFFFF;
}

.bold
{
  font-weight: bold;
}

#habitats_submenu
{
  position: relative;
  /*left: -215px;*/
  left: 15px;
  top: -21px;
}

.submenu_page_container {
	background-image: url('images/back4.jpg');
	width: 800px;
	height: 450px;
	position: absolute; top: 0px;
	padding-top: 50px;
}

	.submenu_page_container.aqua {
		background-image: url('images/back4.jpg');
	}
	
	.submenu_page_container.natura {
		background-image: url('images/back3.jpg');
	}
	
	.submenu_page_container.orbit {
		background-image: url('images/back2.jpg');
	}

.submenu_page_content {
	padding-left: 200px;
}
#habitats_submenu a
{
  text-decoration: none;
  color: #749942;
  font-family: Verdana,Tahoma,sans-serif;
  font-size: 10pt;
  background: #bdbdbd;
  margin-right: 5px;
  padding: 5px 10px;
}

#habitats_submenu a:hover
{
 background-image: url('images/taba2.jpg');
color: #000000;
}

.habitats .content_container.hidden
{
  display: none;
}