/* ----------------------------------------------------------------------------- */
/* html */
html {
background: #E9E7E7;
margin: auto;
height: 100%;
min-height: 100%;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 20px;
}

/* ----------------------------------------------------------------------------- */
/* body */
body {
background: #E9E7E7;
font-family: arial, helvetica, sans-sherif;
font-size: 12px;
line-height: 20px;
text-align: center;
margin: auto;
min-height:100%;
}

/* container */
#container {
text-align: left;
margin: auto;
width: 932px;
position: relative;
}

/* ----------------------------------------------------------------------------- */
/* banner */
#banner {
background: #E9E7E7 url(../interface/banner_bg.png) no-repeat;
width: 932px;
height: 143px;
}

#earth_banner {
background: #E9E7E7 url(../interface/earth_banner.png) no-repeat;
width: 932px;
height: 143px;
}

#air_banner {
background: #E9E7E7 url(../interface/air_banner.png) no-repeat;
width: 932px;
height: 143px;
}

#snow_banner {
background: #E9E7E7 url(../interface/snow_banner.png) no-repeat;
width: 932px;
height: 143px;
}

#water_banner {
background: #E9E7E7 url(../interface/water_banner.png) no-repeat;
width: 932px;
height: 143px;
}

#others_banner {
background: #E9E7E7 url(../interface/others_banner.png) no-repeat;
width: 932px;
height: 143px;
}

/* ----------------------------------------------------------------------------- */
/* menu */

#topmenu {
background: #E9E7E7 url(../interface/top_menu_bg.png) no-repeat;
width: 932px;
height: 22px;
text-align: center;
}

#topmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 330px;
}

#topmenu ul li { 
float: left;
}
#topmenu li a {
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 11px;
font-weight: bold;
text-align: center;
padding-right: 20px;
margin-top: 5px;
}
#topmenu li a:hover {
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 11px;
padding-right: 20px;
margin-top: 5px;
}

/* ----------------------------------------------------------------------------- */
/* content */
#content {
width: 932px;
text-align: left;
margin-top: 3px;
}

/* ----------------------------------------------------------------------------- */
/* main content */
#main {
text-align: left;
padding: 5px;
}

/* ----------------------------------------------------------------------------- */
/* earth */
#earth ul {
text-align: left;
}
#earth li {
list-style-type: none;
}
#earth li a {
color: #4E2116;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
padding-top: 5px;
}
#earth li a:hover {
color: #4E2116;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
font-weight: bold;
padding-top: 5px;
}

/* ----------------------------------------------------------------------------- */
/* air */
#air ul {
text-align: left;
}
#air li {
list-style-type: none;
}
#air li a {
color: #132E38;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
padding-top: 5px;
}
#air li a:hover {
color: #132E38;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
font-weight: bold;
padding-top: 5px;
}

/* ----------------------------------------------------------------------------- */
/* snow */
#snow ul {
text-align: left;
}
#snow li {
list-style-type: none;
}
#snow li a {
color: #132E38;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
padding-top: 5px;
}
#snow li a:hover {
color: #132E38;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
font-weight: bold;
padding-top: 5px;
}

/* ----------------------------------------------------------------------------- */
/* others */
#others ul {
text-align: left;
}
#others li {
list-style-type: none;
}
#others li a {
color: #132E38;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
padding-top: 5px;
}
#others li a:hover {
color: #132E38;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
text-align: left;
font-weight: bold;
padding-top: 5px;
}

/* ----------------------------------------------------------------------------- */
/* language bar */
#language {
width: 180px;
height: 15px;
position: absolute;
margin-top: 0px;
}
#language ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#language ul li { 
display: inline; 
}
#language li a {
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, sans-sherif;
padding-left: 10px;
}
#language li a:hover {
color: #6E2511;
text-decoration: none;
}

/* ----------------------------------------------------------------------------- */
/* rightpanel */
#rightpanel {
	background-color: #DED7B8;
	border: 1px solid #C0BFBF;
	width: 188px;
	margin-top: 30px;
	margin-left: 0px;
	text-align: center;
}

/* ----------------------------------------------------------------------------- */
/* newsletter */
#newsletter {
	background: #DED7B8 url(../interface/newsletter_bg.png) no-repeat;
	margin: 0 auto;
	width: 177px;
	height: 140px;
	margin-top: 10px;
	margin-left: 5px;
}

#newsletter h1 {
	font-size:16px;
	color:#CECECE;	
	font-family: Arial, Helvetica, Sans-sherif;
	font-weight:bold;
	padding-top: 10px;
	margin-bottom: 30px;
}

#newsletterinput{ 
	background-color: #9A3B21;
	margin: 4px;
	padding: 2px 0;
	border:1px solid #CCCCCC;
	color: #FFFFFF; 
	width: 160px;
}
	
#newslettersubmit{ 
	background-color: #823621;
	border:1px solid #823621;
	color: #FFFFFF; 
	width: 160px;
}

/* ----------------------------------------------------------------------------- */
/* contact */

#contact {
	background: #DED7B8;
	margin: 0 auto;
	width: 177px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	font-size:12px;
	color:#000000;	
	font-family: Arial, Helvetica, Sans-sherif;
	text-align: left;
}

#contact h1{
	background: #DED7B8 url(../interface/contact_title_bg.png) no-repeat;
	margin: 0 auto;
	width: 176px;
	height: 42px;
	font-size:16px;
	color:#FFFFFF;	
	font-family: Arial, Helvetica, Sans-sherif;
	font-weight:bold;
	padding-top: 10px;
	text-align: center;
}

/* ----------------------------------------------------------------------------- */
/* footer */
#footer {
background: url(../interface/footer_bg.png) repeat-x;
width: 932px;
height: 42px;
margin-top: 10px;
}

/* ----------------------------------------------------------------------------- */
/* copyright */
#copyright {
width: 466px;
height: 42px;
position: absolute;
margin-left: 10px;
color: #6E6E6E;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}

#copyright a {
color: #6E6E6E;
text-decoration: underline;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}

#copyright a:hover {
color: #6E6E6E;
text-decoration: underline;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}

/* ----------------------------------------------------------------------------- */
/* powered by */
#poweredby {
width: 466px;
height: 42px;
position: absolute;
margin-left: 455px;
text-align: right;
color: #6E6E6E;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}

#poweredby a {
color: #6E6E6E;
text-decoration: underline;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}

#poweredby a:hover {
color: #6E6E6E;
text-decoration: underline;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
}

.bordered {
border: 10px solid #D6C392;
width: 510px;
}

h1{
font-size: 22px;
color:#813622;	
font-family: Arial, Helvetica, Sans-sherif;
font-weight:bold;
margin-bottom: 5px;
}

#date{
font-size: 12px;
color:#000000;	
font-family: Arial, Helvetica, Sans-sherif;
margin-bottom: 10px;
font-weight:bold;
}

#imagegallery {
width: 530px;
margin-left: -30px;
}

#imagegallery li{
	width:140px;
	background:#D6C392;
	padding:5px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

#description{
font-size: 12px;
line-height: 22px;
color:#000000;	
font-family: Arial, Helvetica, Sans-sherif;
padding: 5px;
text-align: justify;
}

.link {
font-size: 14px;
line-height: 22px;
color:#000000;	
font-family: Arial, Helvetica, Sans-sherif;
padding: 5px;
text-align: justify;
text-decoration: underline;
font-weight: bold;
}

.link:hover {
font-size: 14px;
line-height: 22px;
color:#000000;	
font-family: Arial, Helvetica, Sans-sherif;
padding: 5px;
text-align: justify;
text-decoration: underline;
font-weight: bold;
}

.img {
border: 10px solid #D6C392;
}

h2{
font-size: 16px;
color:#AA0000;	
font-family: Arial, Helvetica, Sans-sherif;
font-weight:bold;
margin-bottom: 0px;
}

.backmore {
font-size: 12px;
line-height: 22px;
color:#000000;	
font-family: Arial, Helvetica, Sans-sherif;
padding: 5px;
text-align: justify;
text-decoration: underline;
font-weight: bold;
}

.backmore:hover {
font-size: 12px;
line-height: 22px;
color:#000000;	
font-family: Arial, Helvetica, Sans-sherif;
padding: 5px;
text-align: justify;
text-decoration: underline;
font-weight: bold;
}

#separator {
background-color: #D6C392;
width: 540px;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------- */
/* topmenu bar */
#earth_banner ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 500px;
padding-top: 115px;
}

#earth_banner ul li { 
float: left;
}
#earth_banner li a {
background: url(../interface/top_menu.png) no-repeat;
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-right: 5px;
margin-top: 5px;
}
#earth_banner li a:hover {
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
padding-right: 5px;
margin-top: 5px;
}

#air_banner ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 500px;
padding-top: 115px;
}

#air_banner ul li { 
float: left;
}
#air_banner li a {
background: url(../interface/top_menu.png) no-repeat;
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-right: 5px;
margin-top: 5px;
}
#air_banner li a:hover {
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
padding-right: 5px;
margin-top: 5px;
}

#snow_banner ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 500px;
padding-top: 115px;
}

#snow_banner ul li { 
float: left;
}
#snow_banner li a {
background: url(../interface/top_menu.png) no-repeat;
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-right: 5px;
margin-top: 5px;
}
#snow_banner li a:hover {
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
padding-right: 5px;
margin-top: 5px;
}

#water_banner ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 500px;
padding-top: 115px;
}

#water_banner ul li { 
float: left;
}
#water_banner li a {
background: url(../interface/top_menu.png) no-repeat;
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-right: 5px;
margin-top: 5px;
}
#water_banner li a:hover {
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
padding-right: 5px;
margin-top: 5px;
}

#others_banner ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-left: 500px;
padding-top: 115px;
}

#others_banner ul li { 
float: left;
}
#others_banner li a {
background: url(../interface/top_menu.png) no-repeat;
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-right: 5px;
margin-top: 5px;
}
#others_banner li a:hover {
width: 102px;
height: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
padding-right: 5px;
margin-top: 5px;
}