@charset "utf-8";
/* CSS Document */

body
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#444444;
	padding:0px;
	margin:0px;
	background:url(../images/bg.jpg) repeat-x;
	}

form{
	margin:0;
	padding:0;
}

input{
	padding:0;
	margin:0;
	height:22px;
}

.clear{
	clear:both;
}

#wrapper
	{
	width:1200px;
	margin:0 auto;
	background-color:#999999;
	background:url(../images/banner.jpg) no-repeat top;
	}

#top
	{
	width:1000px;
	margin:0 auto;
	text-align:right;
	padding-top:72px;
	}
	
#site
	{
		width:1020px;
		margin:0 auto;
	}

#site_left{ float:left; }
#site_left_top{ width:10px; height:97px; background:url(../images/bg_left_top.jpg); }
#site_left_bottom{ width:10px; background:url(../images/bg_left.jpg) left repeat-y; height:1000px; }
	
#site_right{ float:left; }
#site_right_top{ width:10px; height:97px; background:url(../images/bg_right_top.jpg); }
#site_right_bottom{ width:10px; height:1000px; background:url(../images/bg_right.jpg) repeat-y;}
	
#site_middle{ width:1000px; float:left; }
#site_top{ height:10px; background:url(../images/bg_top.jpg) repeat-x; overflow:hidden;}
/*#site_bottom{ height:10px; background:url(../images/bg_bottom.jpg) repeat-x; }	*/
#site_content{}
	

#flash
	{
	width:1000px;
	height:225px;
	}
	
#navigation
	{
	width:960px;
	height:20px;
	border-bottom:solid 3px #f23694;
	color:#1f3f51;
	font-size:18px;
	padding:10px;
	margin:0 auto;	
	}
	
#navigation a
	{
	text-decoration:none;
	color:#0796d4;
	}
	
#navigation a:hover
	{
	color:#f23694;
	}
	
#contents
	{
	width:960;
	/*height:805px;*/
	margin:2px 10px;
	}
	
#index_left{ width:485px; margin-right:10px; float:left;}
#index_left_top{ background-image:url(../images/left_top_bg.jpg); border:solid 1px #0796d4; margin-bottom:5px; }
#index_left_middle{ height:35px; margin-bottom:2px;}
#index_left_bottom{ border:solid 1px #0796d4; padding:10px;}
	
#index_right{ width:485px; float:left;}
#index_right_top{ height:35px; background-image:url(../images/side_banner.jpg);  border-right:solid 1px #0796d4;}
#index_right_middle{ border-bottom:solid 1px #0796d4; border-left:solid 1px #0796d4; border-right:solid 1px #0796d4; padding:20px 0 10px 10px; font-size:14px; margin-bottom:5px;}
#index_right_bottom{ background:url(../images/right_bottom_bg.jpg) repeat-x; border:solid 1px #0796d4;  padding:15px 10px; font-size:11px;}

#index_right_middle ul{list-style:none; padding:0; margin:0;}
#index_right_middle ul li{background:url(../images/bullet.gif) no-repeat left; float:left; width:100px; padding-left:20px;}
#index_right_middle img{margin-right:50px;}
#index_right_middle a{text-decoration:none; color:#1f3f51;}
#index_right_middle a:hover{color:#f23694;}

#index_left_top li{list-style:url(../images/bullet-2.gif); line-height:18px;}
#index_left_top a{text-decoration:none; color:#0796d4; font-size:12px;}
#index_left_top a:hover{color:#f23694;}

#index_left_bottom_col1{ width:220px; float:left; margin:5px;}
#index_left_bottom_col2{ width:220px; float:left;}

#index_left_bottom img{ margin-right:5px;}
#index_left_bottom a{ color:#f23694; text-decoration:none;}

#index_right_bottom img{border:none;}

.h1{font-size:18px; color:#f23694; padding-bottom:5px; }
.h2{font-size:13px; color:#0796d4; padding-bottom:5px;}

.h3{font-size:20px; color:#1f3f51; padding:15px 0 5px 30px; background-color:#0795d3; border-top:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF;}
.h4{font-size:18px; color:#f23694; padding:15px 0 0 10px; }
.h5{font-size:13px; color:#0796d4; padding-bottom:5px; text-align:center;}
.h6{font-size:18px; color:#f23694; padding:10px 0 10px 10px; }
.h7{font-size:13px; color:#0796d4; padding:0 0 5px 10px; }

#contents_left{ width:670px; background:url(../images/right_bottom_bg.jpg) repeat-x; float:left;  border:solid 1px #0796d4; margin-right:5px;}
#contents_right{ width:300px; float:left;  border:solid 1px #0796d4;}
#contents_right img{ border:none; }
#contents_right a{ text-decoration:none; }


#horoscope_form { margin:10px 0 10px 25px; border:solid 1px #f23694; width:500px; padding:10px; color:#0796d4;}
.label_s { width:100px; }
.label_m { width:150px; }
.label_l { width:207px; }
.label_vl { width:360px; }
#horoscope_form img { border:none; }
.lbl { vertical-align:top; }
.chk { margin-right:10px; }


.rates_new { padding-left:25px;}
.pic { padding:10px;}