body
{
border: 0;
 margin:0;
 padding:0;
 font-family: verdana, arial, helvetica, sans-serif;
 background-color:  #c5deea;
}
#wrapper{
  margin:2px auto;
  padding:0;
}
#content{
 width: 80%;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	background-image:url('header.jpg');
	background-position: -160px 0;
	background-repeat:repeat-x;
	height:110px;
	background-color: #066dab;
}
#header  h1,
#header  a
{
	color: #fff;
    text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
    font: 80px 'ChunkFiveRegular';
	margin:5px;
	padding:5px;
}
#header a{
  text-decoration: none;
}
#nav{
	border-bottom:1px solid #369;
	clear:both;
	float:left;
	width:100%;
	background: rgb(87,101,140);
	background: -moz-linear-gradient(top,  rgba(87,101,140,1) 0%, rgba(197,222,234,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,101,140,1)), color-stop(100%,rgba(197,222,234,1)));
	background: -webkit-linear-gradient(top,  rgba(87,101,140,1) 0%,rgba(197,222,234,1) 100%);
	background: -o-linear-gradient(top,  rgba(87,101,140,1) 0%,rgba(197,222,234,1) 100%);
	background: -ms-linear-gradient(top,  rgba(87,101,140,1) 0%,rgba(197,222,234,1) 100%);
	background: linear-gradient(to bottom,  rgba(87,101,140,1) 0%,rgba(197,222,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57658c', endColorstr='#c5deea',GradientType=0 );
}
#nav ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#nav ul li {
	list-style:none;
	margin:0;
	padding:0;
}
#nav ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#nav ul li a:hover {
	background:#066dab;
	color:#fff;
}
#nav ul li a.active,
#nav ul li a.active:hover {
	color:#FFF;
	background:#369;
	font-weight:bold;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;	
	overflow:hidden;
}
/* common column settings */
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;
}
.leftmenu .colleft {
	right:75%;	
	background:#f4f4f4;
}
.leftmenu .col1 {
	width:71%;
	left:102%;
}
.leftmenu .col2 {
	width:21%;
	left:6%;		
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #369;
	
}
#footer p {
	padding:10px;
	margin:0;
}