/* locked 23rd May 2013 */
/* supports MWCMS engine */

html {
	width:57em;
	margin: auto; 
	background-color:#444;
	}
body {
 	font-size: 1em;
	font: 1em "trebuchet ms", "arial", sans-serif;
	margin: auto;   
	}

#content_area{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: -2px 2px 8px  black;
	line-height:1.5em;
	width:45.5em;
	min-height:53em;
	}

#main{
	font-size:1.1em;
	padding-left:2em;
	padding-right:2em;
}

#supplemental{
	font-size:.9em;
	padding:2em;
	padding-top:0em
}

#ad_leaderboard{
	width:728px;
	height:90px;
	margin:1em;
	margin-left:0em;
	background:black;
}

#ad_wideskyscraper{
	width:160px;
	height:600px;
	margin-top:0;
	background:black;
	float:right;
}

#header{
 	margin-bottom:1em;
 	padding:1em 0em 1em 0em;
	box-shadow: -2px 2px 8px  black;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

 #header h1,#header h2{
	text-shadow: -3px 3px black;
	text-align:center;
}


#illustration{
	float:right;
	padding:2em;
	position:absolute;
	left:20em;
	top:32em;
	z-index:-1;
	opacity:0.2;
}

#footer{
	height:6em;
	width:45.5em;
 	background:#488164;
	margin-top:1em;
	padding-top:1em;
	margin-bottom:2em;
	padding-bottom:4em;
	text-align:center;
	line-height:1.5em;
	box-shadow: -2px 2px 8px  black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
} 

#menu {
	padding: 0em;
	margin: 0em;   
	list-style-type: none;
}

#menu ul {
	line-height: normal; 
	}

#menu li {
	width: 100%;
	margin-bottom:.3em;
}

#menu a {
	display: block; 
	font-weight: bold; 
	background:#cdd7c3;
	margin:0em;	
	padding: 1em; 
	padding-bottom: 0.4em; 
	padding-top: 0.4em; 
	text-decoration: none;
	border:2px solid black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	min-height:30px;
}

#menu a:hover {
 	color: #687ae9;
	background:#cdd7c3;
	box-shadow: 0px 0px 6px 6px #687ae9;
}

//content layout

.size0{
	width:23%;	//25%
}
.size1{
	width:31.3%; //33%
}
.size2{
	width:48%;	//50%
}
.size3{
	width:64.6%;	//66%
}
.size4{
	width:100%; 	//100%
}

img.illus{
	width:100%;
}

.imagebox{
	margin-right:2%;
}

.imagebox p{
	line-height:1.2em;
	font-size: .7em; 
	color:black;
	width:100%;
	padding:0em;
	margin-top:-.4em;
}

#privacy{
	cursor:pointer;
}