/********************************************************/

SEOTemplate V1 - a free SEO Optimized xhtml/css website 
template by Peter Claridge - http://www.peterclaridge.com/ 

*********************************************************/

/* Top Elements */
* { margin: 0; padding: 0; border: 0px none;  }

body {
	font-family: verdana;
	font-size: 12px;
	background: #F8F8F8;
	margin-top: 5px;
}

p {
	text-align: justify;
}

ul, ol {
	margin: 5px 10px;
	padding: 0 10px;
}
ul li {
	list-style-image: url('images/bullet.gif');
}



/** Layout **/

#wrap {
	position: relative;
	width: 800px;
	background: #FFF url('images/bg.gif') repeat-y center top;
	margin: 0 auto;
	text-align: left
}

#top-bg {
   position: absolute;
	width: 800px;
	height: 30px;
	background: #F8F8F8 url('images/top.gif') repeat-y center top;	
	top: 0; left: 0;
	z-index: 2	
}

#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 770px;	
	padding-left: 15px; 		
	display: inline;
}

#header {
	width: 800px;
	position: relative;
	height: 95px;
	padding-top: 10px;
	background: #CCC url('images/header.gif') no-repeat center top;
	padding: 0;	
	color: #FFF	
}

#header h1 {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 36px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #AEAAAA;
	text-transform: none;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
}
#header h1#logo-text span {
	color: #838181;
}

/* Main Column */
#main {
	float: left;
	width: 68%;
	padding: 0 0 0 0; 
	margin: 10px 0 0 20px;
	display: inline;
}
#main h2 {
	margin-top: 10px;
	font: normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #00A1CF; 
	padding: 5px 0 0px 0px; 		
}
#main ul li {
	list-style-image: url('images/bullet.gif');
	padding-bottom: 4px;
}

#main ul li a {
	color: #00A1CF;
	font-weight: bold;
	text-decoration: none; 
}

#main ul li a:hover {
	text-decoration: underline; 
}


/** Sidebar **/	
#sidebar {
	float: right;
	width: 27%;
	padding: 0 0 0 0; 
	margin: 10px 0 0 0;		
}	
#sidebar h2 {
	margin-top: 10px;
	padding: 5px 5px; 
	font: Normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #8C9F0D; 		
}

/** Menu **/

ul.menu {
	width:170px;
	margin:0 0 58px;
	padding:0;
	list-style:none;
}

ul.menu li {
	width:170px;
	padding:0;
	line-height:1.4em;
	display:inline;
}

ul.menu li a {
	background-color:#f4f4f4;
	color:#505050;
	font-weight:bold;
	width:170px;
	float:left;
	margin-bottom:5px;
	padding:5px 1px 5px 5px;
	border-left:4px solid #cccccc;
	text-decoration:none;
}

ul.menu li a:hover, ul.menu li a.current {
	background-color:#eaeaea;
	border-left:4px solid #00A1CF;
	color:#505050;
}


/** footer **/
#footer-wrap {
	clear: both;
	width: 800px;
	font-size: 95%;	
	background: url('images/footer.gif') no-repeat center bottom;	
	}

/** bottom **/

#footer-bottom {
	clear: both;
	color: #666;	
	height: 25px;
	margin: 0 auto; 
	width: 800px;
	padding: 10px 0;
	text-align: center;
}
