/* 
Title:			Title
Description:	Description of page
Created:		8/xx/2007
Modified:		10/10/2008
*/


/* redefine xhtml selectors
---------------------------------------------------------- */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-size: 13px;
	margin:0;
	padding:0;
}

body {

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2;
}


p {

}

ul {
	margin: 0;
	padding: 0;
}

dl {

}

dl dt {
	
}
		
dl dd {
	
}

blockquote {

}
	
blockquote p {
	
}

em {font-style: italic;}

strong {font-weight: bold;}


address {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* links
---------------------------------------------------------- */

a:link, a:visited { text-decoration:none; color: #ff0069;

}

a:hover {

}

a.selected {

}

a img {border: none;}

/* 
Title:			H2O Layout
Created:		9/13/2007
Modified:		
*/

/* page structure
---------------------------------------------------------- */

#container {
	position: relative;
	margin: 0 auto;
	padding:0;
	width: 760px;
}

/* header
---------------------------------------------------------- */

#header {
	position: relative;
	padding: 0;
	width: 560px;
	height: 151px;
	z-index: 1;
}

#logo {
	position: absolute;
	top: 45px;
	left: 195px;
	width: 95px;
	height: 105px;
	text-indent: -999em;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#logo_center {
	position: relative;
	top: 15px;
	left: 0;
	width: 120px;
	height: 120px;
	text-indent: -999em;
	background: url(../img/logo.png) no-repeat 0 0;
}

#logo a {
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
}

#header #signup{
	position: absolute;
	top: 80px;
	right: 0;
	width: 75px;
	height: 25px;
	text-indent: -999em;
	overflow: hidden;
/*	background: url(../img/btn_signupEN.gif) no-repeat 0 0;*/

}


#header .arrow {
	position: absolute;
	top: 130px;
	right: 0px;
	width: 200px;
	height: 30px;
	overflow: visible;
	z-index: 100;
	text-align: right;
}

#header #account-go {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -999em;
	background: url(../img/bg_sidebar_arrow.png) no-repeat 0 0;
}

/* navigation
---------------------------------------------------------- */

#nav {
	position: absolute;
	top: 160px;
	padding:0;
	list-style: none;
	width: 180px;
	margin:0;
	font-size: 12px;
	line-height:130%;
	z-index: 150;
}
#nav #issue {
	padding: 10px;
}
#nav #issue p {
	margin: 5px 0 10px 0;
	padding: 0;
}

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
	font-size: 105%;
}
#sitemap{padding:10px;}
#sitemap li{margin:1px 0;
	line-height:160%;
	float:left;
	width:100%; background-color:#d8eff8; list-style:none;	display:inline;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{	}

#sitemap li a{padding-left:5px; margin-left:20px; color:#333333; cursor:pointer;}
#sitemap li a:hover { display:block;	background-color:#BEE4F3;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;height:10px;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{} 
#sitemap li span.expanded{}


/* etc. */

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:none;}

/* main
---------------------------------------------------------- */

#main {
	float:right;
	position: relative;
	width: 565px;
	z-index: 101;
}

/* content
---------------------------------------------------------- */

#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.95em;
	line-height:18px;
	position: relative;
	margin: 0;
	width: 297px;
	color: #50697B;
	background-image: url(../img/home_top.png);
	background-repeat: no-repeat;
	background-position: Top left;
	padding: 0 20px;
	background-color: #457AFF;
	z-index: 100;
}
#content-base{
	position: relative;
	width: 337px;
	color: #50697B;
	background-image: url(../img/home-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 46px;
	padding:0;
	z-index: 105;
}


#content h2 {
	font-size: 1.15em;
	color: #50697B;
	line-height: 1.5em;
	font-weight: bold;
}

#content p {
	margin: 10px 0 20px 0;
	font-size: 14px;
}

#content-image {
	position: absolute;
	top: 36px;
	left: 0;
}

#content a {
	font-weight: bold;
	color: #50697B;

}
/* page
---------------------------------------------------------- */
#mainPage {
	float:right;
	position: relative;
	width: 590px;
	z-index: 101;
}

#mainPage #page {background-color:#ffffff;
	padding: 10px; margin:40px 20px;
}

#page h2 {
	font-size: 1.15em;
	color: #50697B;
}

#page p {
	margin: 10px 0 20px 0;
/*	font-size: .95em;*/
}

#page a {
	font-weight: bold;
	color: #50697B;

}
leftmc {
	font-size: 12px;
	line-height:130%;
	width:250px;
	margin: 0;
	float: left;
}

/* content -> box area
---------------------------------------------------------- */

#content-box {
	padding: 20px 0;
	font-style:italic;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1.2em;
}
#content-cloud {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #BBD9EA;
	color: #d3f7f0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
#content-box ul {
	padding: 36px 0 0 0;
	list-style: none;
	list-style-position: outside;
}


#content-box ul li {
	margin-bottom: 5px;
	font-size: 1.3em;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}

#content-box li a {
	float:left;
	text-decoration: none;
	color: #A6CDE0;
	padding-left: 30px;
	background: url(../img/bg_item_arrow.gif) no-repeat 0 0;
}

#content-box li.selected a {
	float:left;
	padding-left: 30px;
	color: #fff;
	background: url(../img/bg_item_arrow_selected.png) no-repeat 0 0;

}

#content-box h1 {
	margin: 25px 0 0 0;
	height: 30px;
	text-indent: -999em;
}

#content-box p {
	margin: 15px 0 0 0;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4em;
	color: #FFFFFF;
}

#formuleir input, #formuleir select
{
	padding: 1px 2px;
	font-size: .85em;
	line-height: 14px;
	height: 18px;
	border: 1px solid #507080;
}




/* sidebar
---------------------------------------------------------- */

#sidebar {
	position: absolute;
	right: 1px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:130%;
	z-index: 50;
	width:250px;
	margin: 0 auto;
	top: -20px;
	float: right;
}
/* en : corner styel blue, This DIV also acts as a container*/
.upperleft{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	background-color : #BEE4F3;
	background-image : url('../img/upperleft.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('../img/upperright.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('../img/lowerleft.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('../img/lowerright.png');
	background-repeat : no-repeat;
	background-position : bottom right;
}
/* en : corner styel green*/
.upperleftG{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	background-color : #8ED349;
	background-image : url('../img/upperleftG.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperrightG{
	background-image : url('../img/upperrightG.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleftG{
	background-image : url('../img/lowerleftG.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerrightG{
	background-image : url('../img/lowerrightG.png');
	background-repeat : no-repeat;
	background-position : bottom right;
}
/* en : corner styel Blue*/
.upperleftB{
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	background-color : #457aff;
	background-image : url('../img/upperleftB.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperrightB{
	background-image : url('../img/upperrightB.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleftB{
	background-image : url('../img/lowerleftB.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerrightB{
	background-image : url('../img/lowerrightB.png');
	background-repeat : no-repeat;
	background-position : bottom right;
}




/* sidebar -> account login
---------------------------------------------------------- */

#sidebar #account {
	padding: 10px 10px 10px 35px;
	position: relative;
}

#sidebar #ir-my-account {
	height: 22px;
	text-indent: -999em;
}

#sidebar #account ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

#sidebar #account ul li {
	margin: 0 0 10px 0;
}

#sidebar #account ul li label {
	margin: 0 0 0 10px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	text-transform: lowercase;
}

#sidebar #account ul li .field {
	float: left;
	padding: 1px 2px;
	font-size: .85em;
	line-height: 15px;
	width: 146px;
	height: 16px;
	border: 1px solid #689551;
}

#sidebar #btn-login {
	float: left;
	margin: 0 20px 0 0;
	line-height: 27px;
}

#sidebar #account-forgot {
	color: #fff;
	text-decoration: none;
	line-height: 23px;
}

#sidebar #search {
	position: absolute;
	top: -40px;
	width: 250px;
}
#sidebar #search  form{ 
	height:22px; display:inline; float:right;
}



/* sidebar -> news
---------------------------------------------------------- */

#sidebar #news, #nav #news {
	margin-top:20px;
	position: relative;
}
#sidebar #AMNH {
	background-image:url();
	background-repeat: no-repeat;
	background-position: 180px top;
	padding : 10px 40px 10px 35px;
	line-height: 130%;
}
#nav #AMNH {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	line-height: 1.3;
}


#sidebar #newsbase, #nav #newsbase {
	background-image: url(../img/cornerB_lr.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 10px;
	position: relative;
	text-align: left;
	margin-bottom:0;
}

#sidebar .arrow {
	position: absolute;
	top: 7px;
	right: 5px;
	padding: 0;
	width: 27px;
	height: 27px;
}

#sidebar .arrow a {
	display: block;
	width: 27px;
	height: 27px;
	text-indent: -999em;
	overflow: hidden;
}

#sidebar #news h4 {
	margin: 10px 0 0 0;
	font-size: 1em;
	color: #34383B;
}

#sidebar #news p {
	margin: 5px 0 10px 0;
	padding: 0;
}

#sidebar #news .readmore {
	color: #50697B;
}

#sidebar #news .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 311px;
	height: 15px;
	background: url(../img/bg_sidebar_bottom.gif) no-repeat 0 0;
}


/* footer
---------------------------------------------------------- */

#footer {
	font-size: 10px;
	color: #000000;

	text-align: center;
	top: 10px;
	margin:30px auto;
	}
#footer a {
	color:#333333;	text-decoration: none;
}

/*stay H2O stuff
---------------------------------------------------------- */
#contactformform input, #contactformform select, #contactformform submit{
	font-size: 12px;
	color: #565C5C;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #2582c7;
	font-size: 12px;
	
	}