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


body {
background-color: #eaeaea;
color:#000;  
text-align:left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.7em;
}

#logo{
width:800px;
height:100px;
background-color:#999;}

#logo h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
text-align:center;
color: #fff;
margin:0;
padding:30px 0 0 0;
}

#logo h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:normal;
text-align:center;
color: #ddd;
margin:-20px 0 0 0;
padding:0;
}


#container{
width:800px;
height:100%;
margin:0 auto;
padding:4px;
background-color:#fff;
border:1px solid #ccc;}

#header{
padding:0;
width:800px;
margin:0 auto 10px auto;}


#header h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
text-align:center;
color: #33ccff;
margin:10px 0 0 0;
padding:0;
}

#header ul li{
border-bottom: 1px solid #ddd;
list-style:none;
padding:5px;
margin:0 0 0 -40px;}


#headercol1{
background-color:#eaeaea;
width:260px;
padding:2px;
margin:0;
float:left;}

#headercol2{
background-color:#ddd;
width:260px;
padding:2px;
margin:0 0 0 4px;
float:left;}

#headercol3{
padding:2px;
background-color:#ccc;
width:260px;
float:right;
margin:0;}

#headercol1 p, #headercol2 p, #headercol3 p{
padding:5px;
margin:0;}



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


#sidebar {
float:left;
width:200px;
margin:0 2px 0 0;
padding:6px;
background-color:#fff;
}

#footer {
clear:both;
bottom:0;
margin:0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.9em;
color:#000;
background-color:#f5f5f5;
}



#navigation {
padding: 0;
margin-bottom:.5em;
background-color: #f5f5f5;
width:800px;
color: #333;
font-weight:bold;
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: #f5f5f5;
text-align: center;
color: #000;
padding:1em;}

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

	#navigation li a:hover {
		background-color: #e1e1e1;
		color: #6699cc;
		}



#content h2{
margin:0 0 -.5em 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

#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;}

a {
color:#6699cc;
text-decoration:none;
}

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

.clear{
clear:both;}