html,body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#main{
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 989px;
	background-color: #ffffff;
}
#border
{
	border: 1px solid #cfcccc;
	width: auto;
	background: url(rf_left_bg.gif) no-repeat bottom left;

}
#container
{
	width: 987px;
	text-align: left;
	background-image: url('rf_bg_line.gif');	
	background-repeat: repeat-y;
	background-position:  198px 0px;	
}
.clear
{
	clear: both;
	width: auto;
	height: 0px;
	overflow: hidden;
}
#head{
	padding: 0px;
	margin: 0px;
}
#head #top_bar
{
	padding: 0px;
	margin: 0px;
	width: 987px;
	height: 7px;
	background-color: #cfcccc;
	overflow: hidden;
}
#head #logo a
{
	display: block;
	height: 137px;
	float: left;
	clear:left;
	width: 273px;
	background: url(rf_head_logo.gif) #ffffff no-repeat top left;
}

#head #right
{
	height: 137px;
	float: right;
	clear: right;
	width: 714px;
	background: url(rf_head_right.gif) #ffffff no-repeat top left;
}
#head #right #navi
{
	font-family: verdana, arial, helvetica, serif;
	font-size: 11px;
	margin: 105px 0px 0px 392px;
}
#head #right a
{
	display: inline;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#head #right .dot
{
	width: 10px;
	height: 9px;
	padding: 0px 10px 0px 0px;
	margin: 0px 2px 0px 0px;
	background: url(rf_navi_dot.gif) no-repeat center right;
}
#content
{
	width: auto;
	padding: 0px;
	margin: 0px;
	font-family: verdana, arial, helvetica, serif;
	font-size: 11px;	
}
#content #left
{
	width: 198px;
	float:left;
	clear:left;
	margin-bottom: 240px;
}
#content #right
{
	width: 789px;
	float: right;
	clear: right;
	background: url(rf_right_bg.gif) no-repeat top right;
}
.top
{
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	height: 40px;
	background-image: url('rf_bg_line.gif');	
	background-repeat: repeat-x;
	background-position:  0px 39px;
}
#content #left h1
{
	padding: 10px 0px 0px 12px;
	margin: 0px;
	height: 40px;
	width: auto;
	color: #ffffff;
	background-color: #cfcccc;
	font-size: 14px;
	font-weight: bold;
	
}
#content #left .item
{
	
	font-family: verdana, arial, helvetica, serif;
	font-size: 13px;
	width: auto;
	margin: 25px 0px 0px 11px;
	padding: 0px 0px 0px 11px;
	background: url(rf_left_dot.gif) no-repeat top left;
	color: #514F4E;
}
#content #left .more
{
	text-align: right;
	padding: 3px 4px 0px 0px;
}
#content #left .more a
{
	color: #C1D72E;
	font-weight: bold;
	text-decoration: none;
}

#content #right .item
{
	width: auto;
	margin: 25px 227px 0px 32px;
	padding: 0px 0px 0px 11px;
	color: #514F4E;
}

#content #right .item2
{
	width: auto;
	margin: 25px 227px 0px 32px;
	padding: 0px 0px 0px 11px;
	color: #514F4E;
}

#content #right h2
{
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	color: #6DB43F;
}
#content #right p
{
	line-height: 19px;
	color: #514F4E;
}
#content #right .point 
{
	width: auto;
	margin: 18px 0px 0px 7px;
	padding: 0px 0px 0px 11px;
	background: url(rf_left_dot.gif) no-repeat top left;
	color: #9B9595;
	font-weight: bold;
}
#footer
{
	
    width: 987px;
    height: 36px;
    top: 815px;

	background-color: #cfcccc;
	background: url(rf_footer_bg.gif) no-repeat top right;
	color: #ffffff;
	font-weight: bold;

}
#footer #padding
{
	padding: 14px 0px 0px 20px;
}
#footer a
{
	font-weight: bold;
	text-decoration: none;	
	color: #ffffff;
}
#footer .dot
{
	width: 10px;
	height: 9px;
	padding: 3px 12px 0px 0px;
	margin: 0px 4px 0px 0px;
	background: url(rf_footer_dot.gif) no-repeat center right;
}
#other 
{
	padding: 0px;
	margin: 55px 147px 55px 43px;
	font-weight: bold;
	color: #6DB43F;	

}
#other .left
{

	width: 270px;
	float: left;
	clear: left;

}
#other .right 
{
	
	width: 270px;
	float: right;
	clear: right;
}