html {
	height: 100%;
}

body {
	margin:0;
	font-family:Tahoma, arial, helvetica;
	background-color:#fff;
}

#intro_container{
	width:100%; border:1px solid;
	height:100%;
	background: url("imgs/bg.gif") no-repeat center center;
	margin:0 auto;
}
#intro_table {
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	background: url("imgs/bg.gif") no-repeat center center;
}
#table_wrapper  td{
	vertical-align:top;
	text-align:center;
}
.wrapper {
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	width:740px; 
	margin:0 auto
}
.logo {
	text-align:left;
	width:740px;
	margin:0 auto;
	padding:0 0 0 0px;
	margin-bottom:2px;
}
* html .logo {
	text-align:left;
	width:740px;
	margin:0 auto;
	padding:0 0 0 15px;
	margin-bottom:2px;
}
.enter {
	text-align:center;
	width:740px;
	margin:0 auto;
}
.enter p {
	padding:8px;
	/*background-color:#30764c;*/
	margin:2px 0 0 0;

}
.enter a, .enter a:active, .enter a:hover, .enter a:visited {
	color:#30764c;
	font-size:0.75em;
	font-weight:bold; 
}
.bgtd1 {
	background: url("imgs/bgtd1.jpg") repeat-y top left;
	width:270px;
}
.bgtd0 {
	padding:0 2px 0 2px;
	/*background-color:#003333;*/
}
.bgtd2 {
	background: url("imgs/bgtd2.jpg") repeat-y top left;
	width:270px;
}
.bgtd2 p{
	font-size:0.75em;
	font-weight:bold; 
	color:#fff;
	text-align:left;
	padding:15px;
	margin:0;
}
img {
	border:none;
}
/* main page*/
#top_l {
	width:100%;
	border-bottom:1px solid #fff;
	background: url("imgs/top_bg.jpg");
	background-repeat: repeat-y;
	background-color:#296b48;
}

#menu_wrapp {
	width:900px;
	background-color:#003333;
	height:1.6em;
	text-align:right;
	border-right:1px solid #003333;
}
#intro {
	width:860px;
	background-color:#003333;
	padding:10px 40px 20px 0;
	border-bottom:1px solid #fff; 
	border-right:1px solid #003333;
}
#intro h4 {
	font-size:0.85em;
	color:#9ccf9b;
	margin:10px 0 0 0;
	padding:0px 0 15px 15px;
}
#intro p {
	font-size:0.75em;
	color:#fff;
	margin:0;
	padding:0px 20px 10px 15px;
	font-family: arial, tahoma, sans-serif;
	text-align:justify;
}
#intro a {
	font-weight:bold;
	color:#9ccf9b;
}
#intro ol {
	color:#9ccf9b;
	padding:0;
	margin:0 0 0 40px;
}
#intro ol li{
	font-size:0.7em;
	padding:0;
	margin:0;
	padding:2px 0 0 0;
}
#intro ol li a:hover{
	color:#eee;
}
#faq_answer {
	margin:15px 0 15px 25px;
	font-family: arial, tahoma, sans-serif;
	background-color:#ededed;
	padding:15px 10px 15px 0;
}
#faq_answer  p{
	color:#003333;
}
#faq_answer  a {
	font-weight:bold;
	color:#003333;
	font-size:100%;
}
#faq_answer ul {
	margin:0 0 15px 30px;
	padding:0;
}
#faq_answer ul li{
	margin:0;
	padding:2px 0 0 0;
	color:#003333;
	font-size:0.75em;
}
#faq_answer ol li{
	margin:0;
	padding:5px 0 0 0;
	color:#003333;
	font-size:0.75em;
}
#introZone {
	width:900px;
	background: url("imgs/introZone.jpg");
	background-repeat: repeat-x;
	background-color:#236546;
	padding:0 0 10px 0;
	height:0.8em;
	padding-top:6px;
}
#introZone div {
	margin:0 0 0 15px;
	padding:0px 0 0 0;
	color:#fff;
	font-size:0.75em;
	font-family: arial, tahoma, sans-serif;
}
#zoneTable {
	width:900px;
	background-color:#fff;
	border-right:0px solid #003333;
	border-bottom:2px solid #003333;
}
#zoneTable td {
	vertical-align:top;
	padding:15px 0 15px 0;
	text-align:left;
}
.zone_wrapp {
	float:left; 
	clear:both; 
	margin:0 0 0 0px; 
	padding:5px 0 0 15px;
	width:230px;
}
#footer {
	width:885px;
	height:auto;
	padding:3px 0 18px 15px;
	color:#eee;
}
#footer span{
	color:#fff;
	font-size:0.7em;
}
#footer b{
	color:#fff;
	font-size:0.7em;
	font-weight:normal;
}
#footer a{
	color:#eee;
	text-decoration:underline;
	font-size:0.7em;
}
#moreInfo {
	width:900px;
	background-color:#003333;
	border-right:1px solid #003333;
	height:auto;
	padding:10px 0 0 0;
	text-align:center;
}

.info_bg {
	width:100px;
	height:3.5em;
	background-color:#256646;
	border:1px solid #eee;
	color:#fff;
	font-size:0.65em;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
	padding:4px;
}
#moreInfoTable {
	margin:0 auto;
}
#moreInfoTable td {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	width:140px;
}
	.cold, .cont, .dry, .humid, .moist, .rainforest, .polar {
	border:2px solid #ccc; 
	margin:0 5px 0 0;
	float:left; 
	width:14px; 
	height:14px; 
	font-size:0px;
}
.cold {
	background-color:#0000cc; 
}
.cont {
	background-color:#39ceff; 
}
.dry {
	background-color:#ffff39; 
}
.humid {
	background-color:#51ff7d; 
}
.moist {
	background-color:#fe9800; 
}
.rainforest {
	background-color:#ff6b39; 
}
.polar {
	background-color:#fff; 
}

.zone_wrapp a {
	font-size:0.70em;
	font-weight:bold;
	text-decoration:underline;
	color:#000033;
}
.newsletter {
	font-size:0.8em;
	margin:0 15px 0 15px;
	border:1px solid #30764c;
	padding:10px;
}
.newsletter p{
	font-size:0.85em;
	margin:10px 0 0 0;
	padding:0;
}
.newsletter p a{
	color:#003333;
}
form {
	margin:0;
	padding:0;
}
input {
	margin:4px 0 4px 0;
}

.menu {
  font-size:11px; 
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  width:46em; 
  float:right;
  /*border-left:2px solid #9ccf9b;*/
  }
  * html .menu {
	width:47em;

  }
.menu li {
  float:left;
  min-width:30px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:30px; 
  float:left; 
  }
* html .menu a {
  width:50px;
  }
.menu  a span  {
  display:block; 
  color:#fff; 
  background:#003333; 
  border-width:2px 1px; 
  text-align:center; 
  padding:5px 8px; 
  cursor:pointer;
  }
* html .menu a span {
  width:30px; 
  cursor:hand; 
  w\idth:30px;

  }
  
  .project {
  margin-top:2px
  }
  * html .project {
  margin-top:2px
  }
  .menu a b {
  display:block; 
  border-bottom:2px solid #9ccf9b;
  }
.menu #introId a b,
.menu #about a b,
.menu #eco a b,
.menu #zones a b,
.menu #faq a b,
.menu #contact a b,
.menu #links a b {
  display:block; 
  border-bottom:2px solid #9ccf9b;
  }
.menu a em {
  display:none;
  }
.menu a:hover  {
  background:#9ccf9b;
  }
  
.menu #introId a span,
.menu #about a span,
.menu #eco a span,
.menu #zones a span,
.menu #faq a span,
.menu #contact a span,
.menu #links span { 
  color:#003333; 
  background:#9ccf9b;
 }
  
.menu a:hover span {
  color:#003333; 
  background:#9ccf9b;
  }
.menu #introId a em,
.menu #about a em,
.menu #eco a em,
.menu #zones a em,
.menu #faq a em,
.menu #contact a em,
.menu #links a em {
  display:block; 
  overflow:hidden; 
  border:6px solid #9bce9a; 
  border-color:#9bce9a #003333; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }
  
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #9bce9a; 
  border-color:#9bce9a #003333; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }
  
  .house_table div {
	line-height:1.4em;
	font-family:arial, tahoma;
  }
   .house_table {
	border:1px solid #eee;
	margin:0 0 0 15px;
  }
  .house_table td {
	vertical-align:top;
	text-align:left;
	background-color:#fff;
	padding:0 0 5px 10px;
	width:160px;
	
  }
  .house_name {
	font-weight:bold;
	background-color:#9ccf9b;
	padding:3px;
	font-size:0.7em;
	margin:15px 5px 1px 15px;
	width:250px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
  }
  .house_climates {
	color:#003333;
	font-size:0.7em;
	margin:14px 0 0 0;
	border-right:1px solid #99cc99;
	padding:0 0 0 10px;
  }
  #house_climates_links {
	color:#003333;
	margin:14px 0 0 0;
	font-size:0.75em;
	padding:0 0 0 10px;
  }
  #house_climates_links a {
	color:#276a47;
	font-size:0.9em;
  }
  #house_climates_img{
	color:#003333;
	margin:-25px 0 10px 0;
	font-size:0.75em;
	padding:0 10px 0 10px;
	position:relative;
	width:620px;

  }
  #house_climates_img a {
	color:#276a47;
	font-size:0.9em; white-space:nowrap;
  }
  .zone_img {
	padding:5px;
	background-color:#fff;
	margin:0 5px 0 0;
  }