html {
	background: url(images/bg.jpg) repeat-x #1878a5;
}

body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 100%;
	display: table;
	background: url(images/bg.jpg) repeat-x #1878a5;
}

a:link, a:visited {	color: #CCFF33; text-decoration:none; font-weight:bold;}
a:active, a:hover {  text-decoration: underline; font-weight:bold;}

p {
	font-family: Arial;
	font-size: 12px;
	text-align: justify;	
}

#container {
	width: 862px;
	margin: auto;
}

#menu_bg {
	width: 862px;
	height: 54px;
	background: url(images/menu_bg.png) ;
	padding: 5px 0 0 0;
}

/* Menu */
#menu {
	height: 52px;
	width: 650px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#menu ul {
	list-style: none;
	display: inline;
}

#menu li {
	float:left;
}
#menu li a {
	float: left;
	display: block;
	color: #fff;
	background: url(images/menu_left.png) no-repeat;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 9px;
	height: 52px;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
}
#menu li a b {
	float: left;
	display: block;
	height: 42px;
	padding: 10px 20px 0 11px;
	background: url(images/menu_right.png) right top no-repeat;
}
#menu li.current a, #menu li a:hover{
	
	color: #000;

}

/* End OF menu */


#header {
	width: 862px;
	height: 224px;
}

#header_left {
	float: left;
	width: 410px;
}

#logo {
	width: 260px;
	height: 20px;
	margin: 35px 0 0 15px;
	font-family: "Book Antiqua";
	font-size: 24px;
	font-weight: bold;
}
#logo a {
	text-decoration: none;
}
span.white { color: #fff; }
span.yellow { color: #ffca57; }

#news {
	width: 344px;
	height: 87px;
	margin: 25px 0 0 15px;
	padding: 15px 20px;
	background: url(images/block.png);
}

#news p {
	color: #fff;
	margin: 0 0 10px;
}
#news a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#news a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#header_img {
	float: right;
	width: 400px;
	height: 189px;
	background: url(images/header_img_bg.png);
	margin: 35px 15px 0 0;
}

#header_img img{
	margin: 7px 0 0 5px;
}

#content_area {
	width: 862px;
	margin: 0;
	padding: 0;
}

#content_area_top {
	width: 862px;
	height: 23px;
	background: url(images/content_top.png);
	
}

#content_area_bottom {
	width: 862px;
	background: url(images/content_bottom.png) no-repeat;
	
}

#content {
	width: 790px;
	margin: 0 auto;
}

.onecol {
	width: 790px;
	margin: 0 0 15px 0;
	color: #fff;
}

.onecol h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	margin: 0 0 5px 0;
}

.onecol img {
	float: left;
	margin: 0 8px 5px 0;
	border:2px solid #fff;
}

.twocol {
	width: 386px;	
}

.left{ float: left; }
.right { float: right; }
.middle { float: left; margin: 0 0 0 18px; }

.twocol_top {
	width: 386px;
	height: 9px;
	background: url(images/2_col_top.jpg);
}
.twocol_bottom {
	width: 386px;
	height: 9px;
	background: url(images/2_col_bottom.jpg);
}

.templatemo_twocol_mid {
	width: 346px;
	background: url(images/2_col_mid.jpg);
	padding: 4px 20px;
}

.twocol_mid p { margin: 10px 0 10px 0; }

.threecol {
	width: 251px;	
}

.threecol_top {
	width: 251px;
	height: 16px;
	background: url(images/3_col_top.png);
}

.threecol_mid {
	width: 211px;
	background: url(images/3_col_mid.jpg) no-repeat ;
	padding: 4px 20px 10px 20px;
}

.threecol_mid p {
	clear: both;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}

.threecol_mid img {
	margin: 5px 0 5px 5px;
	
}

.threecol_mid h1 {
	font-family: Arial;
	font-size: 20px;
	color: #fff;
	margin: 0 0 5px 0;
}

.readmore {

	width: 94px;
	height: 21px;
	background: url(images/readmore.png) no-repeat;
	padding: 3px 0 0 20px;
	font-family: Arial;
	font-size:	12px;
	margin: 10px 0 0 0 ;

}

.readmore a {
	color: #FFFFFF;
	text-decoration: none;

}

.readmore a:hover {
	color: #000000;
	text-decoration: underline;
}

#footer {
	border-top: 3px solid #675c00;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	margin: 30px;
	padding: 10px 0;
}

#footer a {
	color: #fff;
	font-weight: normal;
	
	
}
#footer a:hover
{
    text-decoration:underline;
}

#templatemo_footer a:hover {
	text-decoration: none;
}

.cleaner {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}