body{
	font-family: arial, tahoma, sans-serif;
	width: 100%; text-align: center;
	background: #EEE url(res/bg_body.gif);
	margin: 0px;
}

.wrap{
	width: 990px; height: auto;
	font-size:12px; background-color: #fff;
	text-align: left;
	border-left: solid 3px #999;
	border-right: solid 3px #999;
}	

	.top{
		float: left; width: 960px; height: auto;
		padding: 4px 10px 4px 10px;
		border-bottom: solid 4px #aaa;
		text-align: center; background-color: #004; color: #fff;
	}
		.top h1{ font-size: 16px; color: #fff; margin-top: 4px; }
	    .top_left {
			
			color: #fff;font-weight: bold; background: #300080;
			
		}		
	.left{
		float: left; width: 222px; height: auto;
		padding: 10px 0px 0px 10px;
	}
		.left_top {
			float: left; width: 212px;
			color: #fff; font: 11px verdana; font-weight: bold; background: #300080;
			padding: 5px; margin-bottom: 1px;
		}
		
		.left_mid {
			float: left; width: 209px;
			border: 1px solid #C5C5C5; background: url(bg_left.gif) white; background-repeat: repeat-x;
			margin-bottom: 1px;
			padding: 6px 5px 8px 6px;
		}
			.left_mid a{ border-left: solid 2px #fff; padding-left: 2px;  color: #000050; text-decoration: none;}
			.left_mid a:hover{ border-left: solid 2px #000; padding-left: 2px; text-decoration: underline;}		
			.left_mid h1{ font-size: 18px; margin: 6px 0 5px 0; }
			.left_mid h2{ font-size: 16px; margin: 4px 0 3px 0; }
			.left_mid h3{ font-size: 16px; margin: 4px 0 3px 0; }
                        .left_mid h4{ font-size: 16px; margin: 4px 0 3px 0; }
			.left_mid form{ margin: 0px; }
				
		.left_bottom {
			float: left; width: 222px; height: 16px;
			background: url(bg_left2.gif);
			margin-bottom: 15px;
		}
		
		.alfabet{ padding: 3px 0 3px 0; }
		.alfabet a{ font-size: 14px; color: #fff; text-decoration: none;}
		.alfabet a:hover{ text-decoration: underline;}
		.alfabet .browse {background-color: #300080; color: #fff; margin-right:9px;}
		
		#search1 { width: 202px; height: 18px; }
		#search2 { width: 100px; height: 22px; }
		
		.affiliates1 { padding-bottom: 10px; } 
		.affiliates1 img { border: solid 1px #000;margin-right: 6px; margin-bottom: 6px;}
                .affiliates1 a { margin-bottom: 6px;}
		
		
	.main{
		float: left; width: 742px; height: auto;
		padding: 10px 10px 20px 5px;
	}
		.main h1{ font-size: 20px; margin: 0px 0 5px 0; }
		.main h2{ font-size: 16px; margin: 4px 0 3px 0; }
		.main h3{ font-size: 14px; margin: 4px 0 3px 0; }
		
		.main a{ color: #000060; text-decoration: none; }
		.main a:hover{ text-decoration: underline; }

	.home{
		float: left; width: 742px; height: auto;
		padding: 10px 10px 20px 5px;
	}
		.home h1{ font-size: 20px; margin: 0px 0 5px 0; }
		.home h2{ font-size: 16px; margin: 4px 0 3px 0; }
		.home h3{ font-size: 16px; margin: 4px 0 3px 0; }
		
		.home a{ color: #000060; text-decoration: none; }
		.home a:hover{ text-decoration: underline; }
				
		.cr{float: right; width: 355px; height: auto; background-color: #eef; padding: 8px 0 8px 5px; }
		.cr a { display: block; margin: 2px 0 2px 0; }
		.cl{float: left; width: 355px; height: auto; background-color: #eef; padding: 8px 0 8px 5px; }
		.cl a { display: block; margin: 2px 0 2px 0; }
	
	.affiliates2{
		float: left; width: 940px; height: auto;
		text-align: center;
		padding: 8px 20px 8px 20px;
	}
	.affiliates2 img{ margin: 0 5px 5px 5px; border: solid 1px #000; }
	
	
	.comment1 { width: 90%; height: auto; padding: 4px 0 4px 0; background-color: #f9f9f9; padding: 2px 20px 2px 10px; }
	.comment1:hover { background-color: #f0f0f0; }
	.comment2 { width: 90%; height: auto; padding: 4px 0 4px 0; background-color: #fafafa; padding: 2px 20px 2px 10px; }
	.comment2:hover { background-color: #f0f0f8; }
	
	.dead:hover{ color: #cc0000; }
	
	.footer{
		float: left; width: 980px; height: 18px;
		background-color: #000;
		color: #fff; text-align: center;
		padding-top:2px;
	}
	.footer a{ color: FFF; text-decoration: none; } 
	.footer a:hover{ text-decoration: underline; } 
		
.noborder{ border: 0px; }
.clear{ clear: both; }