
/*
	Layout
*/
body {
	background: url(../images/bodybg.jpg) repeat-x;

	background-color:#d5dbe5;
}

#wrapper{
	text-align:center;
	margin:auto;
	width:900px;

}

#header{
	background: #21449c;
	width:900px;
	height:149px;
	overflow:hidden;
}

#menu{
	background: url(../images/modmenu.jpg) repeat-x;
	line-height:38px;
}

#content{
	text-align:justify;	
}

#leftbar{
	float:left;
	text-align:left;
	width:189px;
	height:473px;
	background-repeat:no-repeat;
	background-image: url(../images/leftbg.jpg);

	background-color:#dde6f5;

}


#tellafriend{

	width:152px;

	background-color:#d7d7d7;

	opacity:.70;

	filter: alpha(opacity=70);

	-moz-opacity: 0.7;

	margin:10px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#000000;

	text-align:center;

	font-weight:bold;

	padding:6px;

}



#tellafriend span{

	color:#220000;

}


#middle{
	min-height:180px;
	padding:10px;
	background:#ffffff;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	background-image: url(../images/logobg.jpg);

	background-repeat:no-repeat;

	background-position:bottom right;
}



html>body .olhack{

	padding-left:200px;	

}


#middle h1{

	font-family: "Verdana";

	font-size:18px;

	color:#21449c;

}



#middle h2{

	font-family: "Verdana";

	font-size:14px;

	color:#21449c;

}





#middle p{

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

	color:#3e454f;

}



#middle a{

	color:#21449c;

	text-decoration:none;

}



#middle a:visited {

	color:#21449c;

	text-decoration:none;

}



#footer{

	clear:both;
	background:#234781 url(../images/footerbg.jpg) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

	font-weight:bold;
	color:#ffffff;
	text-align:center;

	height:40px;

	margin-top:0px;

	padding-top:10px;

}

/*
	Links
*/

#menu a{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

#menu a:hover{
	color:#055463;
	text-decoration: underline;
	text-align:left;
}

#leftbar ul{
	margin:10px 10px 10px 10px;
}

html>body #leftbar ul{
	margin: 10px 5px 10px 1px;
	padding:6px; 
}

#leftbar li{
/*	font-family:"Trajan Pro", "Times New Roman", serif;*/
	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight: bold;

	list-style:none;
	color:#055463;
}

html>body #leftbar li{
	margin:5px 1px;	
}

#leftbar a{
	color:#000000;
	text-decoration:none;
}



#mainpic{

	margin:10px 2px 10px 2px;

}

/*
	Text styles
*/
#header h1{
	color:#ffffff;
	font-family:Georgia;
	font-style: italic;
}


.subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#e3dabe;
	font-size:18px;
}



.inside{

	float: left;

	padding-bottom:10px;

	padding-right:10px;

}



.list li{

	list-style: square;	

}



.list2 li{

	list-style: square;	

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	font-weight:normal;

	text-align:left;

}


.btypes{

	float:left;

}

