/*******************************
	POSITIONING
*******************************/


#logo	{	position:absolute;	left: 20px;	top:  5%;	z-index:1000;	max-width:100%;	}
#menu	{	position:absolute;	left:  0px;	bottom: 0px;	z-index: 500;	min-height: 3%; width: 100%;	}
#content{	position:absolute;	left: 20px;	top: 33% ;	z-index:  50;	padding:0 0 0 0; margin:0 0 5% 0;}
#loading{	position:absolute;	left: 20px;	bottom:12%;	z-index: 600;	display:none;}
#showPic{	position:absolute;	left:  0px;	top: 0px;	z-index: 100;	background-color: #b1cbda;	display:none;	padding:0 0 50px 20px;}
#scroll	{	position:absolute;	left:  0px;	top:  0px;	z-index:  20;	height: 97%;	width:100%;	 }
#scrollPic{	position:absolute;	left:  0px;	top:  0px;	z-index: 100;	width:100%;		display:none;	}

#logo img	{	margin-top:20px;	}
#showPic img{	margin-top: 0px;	}
.caption	{	
	padding: 10px 20px 0 20px;	
	min-width: 40px;
	white-space : nowrap;
	}


html>body #menu,html>body #logo{	position:fixed;	}

/******************************* MENU *******************************/
/* .m0, .m1, .m2, .mOpen .m1, .mOpen .m2{	
*/

#menu	{	
	background-color: #f5e0eb;	
	padding: 1em;
}

.m0, .m1, .m2{	
	font-weight: bold; 
	float:left;
	white-space: nowrap;
}

.m0{	
	padding: 0 1em 0 1em;
}

/*.m1, .m2{	display:none;	padding: 0;	}*/

.mOpen {	min-width: 30px; float:left;}
.mOpen a {	color: #300; color: #6e1e80;}

/******************************* STYLING *******************************/

body{
	margin:0px;
	background-color: #c8e5e8;
	}

body, td, h1{
	vertical-align:	top;
	font-family:	"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:		11px;
	line-height: 	16px;
}


a	{		color:		black;
			padding:	0px;  
			text-decoration:none;
			-moz-outline-width:0px;
			}

a:active	{	color: black; }
a:hover		{	color: #6e1e80;  }

p	{
	margin:0;
	padding:0 0 .66em 0;
	line-height: 1.33em;
	}


.caption a {
	font-weight: bold; 
	text-decoration:none;
	padding: 2px;
	}

.horContentBlock {
	padding-right:10px;
	}