@charset "utf-8";
/* CSS Document */
body {
	font: 84% Verdana, Arial, Helvetica, sans-serif;
	text-indent:0;
	letter-spacing:2px;
	background:#000099;
	margin: 0; 
	padding: 0; 
	text-align: center;
	color: #000000;
}
h1{ 
font: 110% Arial, Helvetica, sans-serif;}
h2{ 
font: 100% Arial, Helvetica, sans-serif;}
h3{ 
font:  90% Arial, Helvetica, sans-serif;}

img {
	padding-top:2px;
	padding-left:14px;
	float:right;
}

ul {
list-style-type:none;
list-style-position:outside;
padding-left:0;

}

.container1{
background: #000099;
background-color: #ffffff;
padding:10px;
width: 820px;
height:750px;
margin:auto;
border:1px solid #000000;
text-align:center;
}


.header {
background-image: url(bg_woodquest_header.jpg);
background-repeat:no-repeat;
width:800px;
height:110px;

}

.frontcontent{
background-color:#ffffff;
text-align:justify;
padding:0;
margin-top:20px;
z-index:1;
width:400px;
height:600px;
}


#blogrightarea{
background-color: #FFFFFF;
border-right:#6699CC;
border-right-style: double;
border-right-width: thick;
color:#000000;
top:10px;
float:left;
text-align:justify;
padding-left:20px;
width:180px;
height:600px;
}




#blogleftarea{
background-color: #FFFFFF;
text-align:justify
color:#FFFFFF;
top:10px;
padding-top:10px;
margin-left:5px;
padding-right:6px;
width:600px;
height:600px;
float:right;
text-align: justify;
z-index:3;
overflow:auto;}


.nav {
background-color: #000099;
width:800px;
height:28px;
color:#ffffff;
font-size:120%;
margin-top:7px;}

a {text-decoration: none;}
a:link {color:#0066cc;}
a:visited {color:#0066cc;}
a:hover {color:#0066CC}
a:active {color:#0066cc}


.image{
top:10px;
}