@import url("reset.css");
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #888;
	background:url(../images/main_bg.png) center #83d450;
	text-align:center;
}
#container {
	text-align: left;
	margin:0 auto;
	width: 800px;
}
#top-menu-holder {
	height: 30px;
	background: url(../images/top_menu_bg.png);
	font-size: 15px;
	padding-left: 10px;
}
#top-menu {
	padding-top: 8px;
}


#top-menu a {
	color: #FFF;
	margin: 0 10px;
	text-decoration: none;
	font-weight: bolder;
}

#top-menu a:hover {
	color: #666;
	
}

#content {
	background:url(../images/content_bg.png) top repeat-x;
	min-height:300px;
	float:left;
	width: 800px;
	padding-top: 20px;
}
#content h2 {
	font-size: 16px;
	color: #122a56;
	margin-bottom: 10px;
	font-weight: bolder;
}
#content p {
	margin-bottom: 5px;
}

.col-both {
	font-size: 11px;
	padding-top: 5px;
	width: 780px;
	margin-left: 10px;
	margin-right: 10px;
	
	float: left;
}
.col-l {
	font-size: 11px;
	font-weight:bold;
	color:#333333;
	padding-top: 10px;
	width: 516px;
	margin-left: 10px;
	float: left;
}

* html .col-l {
	margin-left:10px;
}
.col-r {
	/*background-color:#ccc;*/
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	font-size: 11px;
	font-weight:bold;
	color:#333333;
	width: 240px;
	margin-left: 540px;
}

* html #content {
	height: 300px;
}
#bottom-menu-holder {
	clear:both;
	height: 40px;
	background:url(../images/bot_menu_bg.png);
}
#bottom-menu-holder .logo {
	display: block;
	float: right;
}
#bottom-menu {
	color: 7a7a7a;
	font-weight: bolder;
	padding-top: 15px;	
	padding-left: 10px;
}

#bottom-menu a {
	color: #83d450;
	text-decoration: none;
}

#bottom-menu a:hover {
	color: #666;
}

a.more {
	font-weight: bolder;
	padding-right: 15px;
	background:url(../images/arrow.png) 100% 50% no-repeat;
	text-decoration: none;
	color:#666;
}

a.more:hover {
	color: #83d450;	
}