body {
	background: url('/images/08/bg_homepage.jpg');
	font: 12px/1.2 'Trebuchet MS', Arial, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}
#banner {
	position: absolute;
	left: 1%;
	width: 98%;
	height: 70px;
	background-color: #0099cc;
	border: 1px solid #CCC;
	top: 10px;
}
#banner h1 {
	margin: 5px 0 5px 10px;
	background: url('/images/08/logo.gif') no-repeat;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
}

#mainleft, #maincenter, #mainright {
	background: #fff;
	padding: 5px 0px 10px 0px;
	border: 1px solid #CCC;
	top: 90px;
}
#mainleft {
	position: absolute;
	left: 1%;
	width: 20%;
}
#maincenter {
	position: absolute;
	left: 22%;
	/*width: 55%;*/
	width: 75%;
	padding: 0 10px 10px 10px;
}
#maincenter p {
	margin: 0;
	padding: 0;
}
#maincenter a {
	text-decoration: none;
	font-weight: bold;
}
#maincenter h2, dl#posts dt{
	font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 5px double #FFFFFF;
	background-color: #0099cc;
	margin: 10px 0;
	padding: 4px 0px 4px 4px;
}
ul.postnav {
	list-style-type: none;
	margin: 14px 0 0 0;
	padding: 0;
	color: #AD235E;
}
ul.postnav li {
	font: 11px/1.1 Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 10px 0 3px;
	border-left: 4px solid #AD235E;
}
ul.postnav li a{
	color: #AD235E;
	text-decoration: none;
    font-weight: bold;	
}
ul.postnav li a:hover{
	color: #cc3366;
}
.clearit {
	clear: both;
	padding: 0;
	margin: 0;
}
.blogimg{
    width: 97px;
    float: right;
    padding: 5px;
    margin-right: 0px;
    margin-left: 8px;
    margin-top: 0px;
    margin-bottom: 4px;
    background: #6699cc;
}
.blogimg2{
    width: 97px;
    float: left;
    padding: 5px;
    margin-right: 8px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 4px;
    background: #6699cc;
}
#mainright {
	position: absolute;
	left: 80%;
	width: 19%;
}
#mainleft ul {
	margin: 0;
	padding: 0;
}
ul#mainnav {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
}
ul#mainnav li { 
	color: #3399ff;
	border-left: 5px solid #3399ff;
	border-bottom: 1px solid #3399ff;
	padding: 0 0 3px 3px;
	margin: 0 0 5px 0;
	font: 11px/1.1 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 95%;
}
ul#mainnav li a {
	text-decoration: none;
	color: #3399ff;
}
ul#mainnav li a:hover {
	color: #99ccff;
}

#video{
	display: block;
	background-color: #D7E3D7;
	padding: 10px;
	width: 78%;
	margin: 10px auto;
}
#video ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#video img{
	float: right;
	width: 72px;
	height: 72px;
}
#video a{
	color: #003366;
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#video .rollover a {
display: block;
padding: 4px 0px 3px 25px;
color: #333;
background: url("/logs/images/vidmouse.gif") no-repeat;
background-position: 0 0;
height: 13px;
text-decoration: none;
}
#video .rollover a:hover { 
background-position: 0 -20px;
color: #336633;
}

#box1{
	display: none;
	text-align: center;
	background-color: #CC6666;
	font-weight: bold;
	color: #000000;
	position: absolute;
}
#box2{
	display:block;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	border-bottom: 2px dotted #BDD8DA;
	background-color:#FFFFFF;
	font-size: 85%;
	font-weight: bold;
	color: #7d9c9f;
	width: 650px;
	max-height: 450px;
	min-height: 310px;
	padding: 0 0 10px 0;
}
#footer {
	
}
blockquote {
	display: block;
	color: #2E2E2D;
	padding: 0 55px 10px 55px;
	margin: 10px 20px 10px 20px;
	background: url('/images/08/quotes.gif') no-repeat;
}