/*
Original design: Variant Mobile (v1.1 - Sep 15, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-mobile/

colors used
#1e3044  very dark blue-gray --for bg
#303030 very dark gray
#20526a steel blue --for links on white bg
#ffffff white
#eee light gray   --for letters on blue background


*/



body {
	padding:0; 
	margin:0; 
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 90%;
	background:#1e3044 url(images/background2001000.jpg) top left repeat-x; 
	color:#eee; 
	text-align:center; 
	line-height:1.6em;
	}
	
#wrap {
	width:95%; 
	max-width:960px; 
	text-align:left; 
	margin:0 auto;
	}

#header {
	float:left; 
	text-align:center; 
	width:40%; 
	background:transparent; 
	border:1px solid #aaa; 
	margin:20px 0;
	}
	
#header h1 {
	margin:0 auto; 
	padding:15px 0 0; 
	font-size:3em; 
	color:#303030; 
	letter-spacing:-1px; 
	line-height:1.2em;
	}
	
#header h1 a {
	color:#eee; 
	font-weight:700; 
	text-decoration:none;
	}
	
#header h1 a:hover {
	color:#eee; 
	text-decoration:none;
	}
	
#header h2 {
	border:0; 
	color:#eee; 
	font-size:1.4em; 
	font-weight:400;
	}

#menu {
	text-align:left; 
	margin:10px 0 20px 0;
	}

#menu ul {
	text-align:right; 
	font-size:1.1em; 
	line-height:1.4em; 
	color:#303030; 
	background:#eee;
	border:1px solid #aaa;
	float:right;
	width:25%;
	margin:0;
	}

#menu li {
	list-style:none; 
	margin:0; 
	margin:0 20px 10px 0;
	}
	
#menu a {
	padding:8px; 
	font-weight:400; 
	font-size:1.4em; 
	margin:0 10px 0 0; 
	color:#303030;
	}
	
#menu a.active {
	color:#dbd579; 
	text-decoration:underline;
	}

#content {
	clear:both; 
	background-color:#fff; 
	width:100%; 
	max-width:960px; 
	overflow:hidden; 
	border:1px solid #333; 
	margin:0 0 20px 0;
	color:#111;
	padding:30px;
	}
	
#content h2 {
	margin:0; 
	padding:10px; 
	border:0; 
	font-size:1.6em; 
	color:#111;
	}
	
#content p {
	font-size:1em; 
	margin:10px 10px 20px 10px;
	}
	

#footer {
	clear:both; 
	text-align:center; 
	margin:0 0 20px 0; 
	font-size:0.8em; 
	width:100%; 
	max-width:960px; 
	line-height:1.4em; 
	color:#aaa; font-weight:400;
	}
	
#footer p {
	margin:0 10px 0 0;
	}
	
#footer a {
	color:#333; 
	font-weight:400; 
	text-decoration:underline;
	}
	

a {
	text-decoration:none; 
	font-weight:700; 
	color:#20526a;
	}
	
a:hover {
	text-decoration:underline;
	}
	
a img {
	border:0;
	}
	
h2 {
	clear:both; 
	margin:0 0 12px 0; 
	padding:10px 0; 
	color:#eee; 
	font-size:1.4em; 
	font-weight:700; 
	border-bottom:1px solid #aaa;
	}
	
h2 a {
	font-weight:700;
	}
	
h3 {
	clear:both; 
	font-size:1.4em; 
	font-weight:400; 
	margin:0 0 10px 10px;
	}
	
p {
	margin:0 0 15px 0;
	}
	
ul {
	margin:0 0 15px 20px; 
	padding:0;
	}
	
li {
	margin:0; padding:0 0 0 5px;
	}
	

.icon {
	float:right; 
	margin:10px;
	}
	
.left {
	float:left; 
	width:48%;
	}
	
.right {
	float:right; 
	width:48%;
	}
	
.centered {
	text-align:center;
	}
	
.hide {
	display:none;
	}
	
.clear {
	clear:both; 
	width:980px; 
	visibility:hidden;
	}