/*
Design by rooeh.net
http://www.rooeh.net
Released for free under a Creative Commons Attribution 3.0 License
*/

body {
padding:0;
background-color:#eaeaea;
color:#000000;  
text-align:justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.7em;
}
#container{
width:750px;
height:100%;
margin:0 auto;
padding:5px;
border: 1px solid #999;
background-color:#fff;}

#header{
width:750px;
height:115px;
margin:0 auto;
background-color:#e1e1e1;
}

#header h1 {
	margin: 0 1em 0 0;
	padding: 35px 0 0 0;
	text-align: center;
	letter-spacing: -1px;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

#header h2 {
	margin: 0 1em 0 0;
	padding: 0 0 0 0;
	text-align: center;
	letter-spacing: 2px;
	font-size: .8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

#content { 	
margin:5px 0 0 6px;
width:740px;
float:right;
padding:0;
text-align:left;
vertical-align: middle;	
background-color:#fff;
}

#sidebar {
float:left;
width:150px;
font-size:.9em;
background-color:#fff;
}

#footer {
height:180px;
clear:both;
bottom:0;
margin:0;
padding:0;
text-align:left;
font-size:.9em;
color:#000;
background-color:#ccc;
}

#footer h4{
padding:0 3px;
margin:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;}

#footercol1{
width:240px;
padding:2px;
margin:12px 0 0 2px;
float:left;}

#footercol2{
width:240px;
padding:2px;
margin:12px 0 0 10px;
float:left;}

#footercol3{
width:240px;
float:right;
margin:14px 0 0 0;}

#footercol1 p, #footercol2 p, #footercol3 p{
padding:5px;
margin:0;}


#navigation {
margin: 15px 0 0 0;
background-color: #eaeaea;
width:750px;
color: #333;
float:right;
	}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
border: none;}
		
#navigation li {
margin: 0;
float: left;}

#navigation li a {
display: block;
background: transparent;
text-align: center;
color: #333;
padding:9px;}

	html>body #navigation li a {
		width: auto;
		}

	#navigation li a:hover {
		background-color: #fff;
color:#ccc;
		}

h1{
margin:0;
padding:1em 0 .4em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}


#content h2{
margin:0 0 -.5em 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#666;
}
#content h3{
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}
h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight: bold;
text-align:left;
line-height:1.6em;
color: #000;
margin:0;}


ul
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-weight:bold;
list-style-type: none;
padding: 0;
margin: 0;
}

a {
color:#666;
text-decoration:none;
}

a:hover {
color:#ddd;
text-decoration:none;
}