/* CSS Document */

body
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff url('../images/pattern.gif') repeat-x 0 0;
	color: #000;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span
{
	margin: 0;
	padding: 0;
}

ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
}
.spacer
{
	clear: both;
	font-size: 0;
	line-height: 0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------body--------------------*/
#body
{
	background: url('../images/header.jpg') no-repeat 0 0;
	width: 920px;
	margin: 0 auto;
	padding: 36px 0 0 0;
}
#body img
{
	display: block;
	font-size: 0;
	line-height: 0;
}
#body p.toptxt
{
	font: bold 10px/17px Arial, Helvetica, sans-serif;
	margin: 4px 0 41px 0;
	display: block;
	color: #FFFFFF;
}
/*------------------------------------------------left--------------------*/
#left
{
	width: 207px;
	float: left;
	padding: 0;
	margin: 0;
}
#left ul.menu
{
	width: 207px;
	padding: 0;
	margin: 0;
}
#left ul.menu li
{
	float: left;
	display: block;
	padding: 0 8px 0 0;
}
#left ul.menu li a.home
{
	display: block;
	background: url('../images/home.gif') no-repeat 0 0;
	width: 94px;
	height: 131px;
	float: left;
}
#left ul.menu li a.home:hover
{
	background: url('../images/home_hover.gif') no-repeat 0 0;
}
#left ul.menu li a.about
{
	display: block;
	background: url('../images/about_us.gif') no-repeat 0 0;
	width: 94px;
	height: 131px;
	float: left;
	margin: 0;
}
#left ul.menu li a.about:hover
{
	background: url('../images/about_us_hover.gif') no-repeat 0 0;
}
#left p.leftTop
{
	display: block;
	width: 197px;
	background: url('../images/left_top.gif') no-repeat 0 0;
	height: 27px;
	float: left;
	margin: 17px 0 0 0;
}
#left p.leftBot
{
	display: block;
	width: 197px;
	background: url('../images/left_bot.gif') no-repeat 0 0;
	height: 34px;
	float: left;
	margin: 0 0 20px 0;
}
#left ul.menu1
{
	width: 171px;
	font-family:"Times New Roman",Georgia,Serif;
	font-size: medium;
	font-weight:bold;
	background: url('../images/left_link_bg.gif') repeat-y 0 0;
	padding: 0 13px;
	margin: 0;
	float: left;
}

#left ul.menu2
{
	width: 171px;
	background: url('../images/left_link_bg.gif') repeat-y 0 0;
	padding: 0 13px;
	margin: 0;
	float: left;
}
#left ul.menu2 li
{
	padding: 0;
	margin: 0;
	height: 22px;
	background: url('../images/left_link_div.gif') repeat-x left bottom;
}
#left ul.menu2 li a
{
	display: block;
	height: 21px;
	background: #86DDF2 url('../images/arrow.gif') no-repeat 6px 7px;
	color: #000000;
	font: bold 12px/21px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 0 0 25px;
}
#left ul.menu2 li a:hover
{
	background-color: #FFFDF2;
	color: #706222;
}
#left ul.menu2 li.noBdr
{
	background-image: none;
}
#left h2.mem
{
	background-position: 0 0;
    display: block;
	    width: 178px;
	    height: 33px;
	    padding: 0 0 0 18px;
	    font: normal 18px/33px Georgia, "Times New Roman" , Times, serif;
	    color: #313131;
	    background-color: inherit;
	    margin: 0 0 14px 0;
	    float: left;
    background-image: url('../images/member_login_bg.gif');
    background-repeat: no-repeat;
    background-attachment: scroll;
}
#left form
{
	width: 157px;
	padding: 0 0 0 20px;
	float: left;
}
#left form input.txtBox
{
	width: 144px;
	height: 19px;
	border-left: #808080 solid 1px;
	border-top: #808080 solid 1px;
	border-right: #D4D0C8 solid 1px;
	border-bottom: #D4D0C8 solid 1px;
	float: left;
	margin: 0 0 11px 0;
	font-size: 10px;
	line-height: 19px;
	padding: 0 0 0 11px;
}
#left form input.go
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/btn_go.gif') no-repeat 0 0;
    width: 29px;
	    height: 15px;
	    float: right;
	    cursor: pointer;
}
#left a.register
{
	background-position: 0 0;
    display: block;
	    width: 148px;
	    height: 34px;
	    padding: 0 0 0 49px;
	    font: normal 18px/34px Verdana, Arial, Helvetica, sans-serif;
	    color: #C13C00;
	    background-color: inherit;
	    text-decoration: none;
	    margin: 4px 0 0 0;
	    float: right;
    background-image: url('../images/register_bg.gif');
    background-repeat: no-repeat;
    background-attachment: scroll;
}
#left a.register:hover
{
	color: #000;
	background-color: inherit;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right
{
	width: 624px;
	background: url('../images/left_div.gif') repeat-y left top;
	float: right;
	padding: 109px 0 4px 48px;
	margin: 0 0 20px 0;
}
#right h2.why
{
	display: block;
	background: url('../images/why.gif') no-repeat 0 0;
	width: 624px;
	height: 77px;
	margin: 0 0 16px 0;
	text-indent: -2000px;
}
#right p.rightTxt1
{
	display: block;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 26px 0;
}
#right span
{
	color: #CD7A00;
	background-color: inherit;
	font-weight: bold;
}
#right p.rightTxt2
{
	display: block;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 36px 0;
}
#right p.rm
{
	display: block;
	background: url('../images/read_more_bg.gif') no-repeat 0 0;
	width: 77px;
	height: 15px;
	padding: 0 0 0 546px;
	margin: 0 0 23px 0;
}
#right p.rm a
{
	display: block;
	background: url('../images/read_more.gif') no-repeat 0 0;
	width: 77px;
	height: 15px;
	margin: 0;
	text-indent: -2000px;
	font-size: 0;
	line-height: 0;
}
#right p.rm a:hover
{
	background: url('../images/read_more_hover.gif') no-repeat 0 0;
}
#update
{
	width: 260px;
	float: left;
}
#update h2
{
	display: block;
	background: #FDF5CD url('../images/latest_update.gif') no-repeat 0 0;
	width: 260px;
	height: 89px;
	margin: 0 0 3px 0;
	text-indent: -2000px;
	float: left;
}
#update p.updateTxt
{
	display: block;
	background-color: #FDF5CD;
	width: 259px;
	font-size: 11px;
	line-height: 18px;
	padding: 0;
	float: left;
	color: #000;
}
#update p.updateTxt span
{
	color: #CD7A00;
	background-color: #FDF5CD;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin: 0 0 9px 0;
}
#update a.readmore2
{
	display: block;
	background: #FDF5CD url('../images/read_more.gif') no-repeat 0 0;
	width: 77px;
	height: 15px;
	margin: 0 0 13px 0;
	text-indent: -2000px;
	font-size: 0;
	line-height: 0;
	float: right;
}
#update a.readmore2:hover
{
	background: url('../images/read_more_hover.gif') no-repeat 0 0;
}
#service
{
	width: 322px;
	float: right;
}
#service h2
{
	display: block;
	background: #E8F5FF url('../images/our_service.gif') no-repeat 0 0;
	width: 322px;
	height: 89px;
	margin: 0 0 3px 0;
	text-indent: -2000px;
	float: left;
}
#service p.serviceTxt
{
	display: block;
	background-color: #E8F5FF;
	width: 322px;
	font-size: 11px;
	line-height: 18px;
	padding: 0;
	float: left;
	color: #000;
}

#service p.serviceTxt span
{
	color: #CD7A00;
	background-color: #E8F5FF;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin: 0 0 9px 0;
}
#service a.readmore2
{
	display: block;
	background: #E8F5FF url('../images/read_more.gif') no-repeat 0 0;
	width: 77px;
	height: 15px;
	margin: 0 0 13px 0;
	text-indent: -2000px;
	font-size: 0;
	line-height: 0;
	float: right;
}
#service a.readmore2:hover
{
	background: url('../images/read_more_hover.gif') no-repeat 0 0;
}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain
{
	width: 100%;
	height: 141px;
	border-top: #EEEEEE solid 4px;
	background-color: #FBFBFB;
	color: #000;
}
#footer
{
	width: 776px;
	margin: 0 auto;
	height: 141px;
	position: relative;
}
#footer ul
{
	width: 776px;
	position: absolute;
	left: 0;
	top: 19px;
}
#footer ul li
{
	float: left;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	color: #2C2C2C;
	background-color: inherit;
}
#footer ul li a
{
	padding: 0 8px;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
	color: #2C2C2C;
	background-color: inherit;
	text-decoration: none;
}
#footer ul li a:hover
{
	text-decoration: underline;
}
#footer p.copyright
{
	font: normal 11px/22px Arial, Helvetica, sans-serif;
	position: absolute;
	left: 242px;
	top: 40px;
	width: 261px;
	color: #970000;
	background-color: inherit;
}
#footer a.xhtml
{
	display: block;
	background: url('../images/xhtml_bg.gif') no-repeat 0 0;
	width: 98px;
	height: 21px;
	position: absolute;
	left: 267px;
	top: 70px;
}
#footer a.xhtml:hover
{
	background: url('../images/xhtml_bg_hover.gif') no-repeat 0 0;
}
#footer a.css
{
	display: block;
	background: url('../images/css_bg.gif') no-repeat 0 0;
	width: 98px;
	height: 21px;
	position: absolute;
	left: 373px;
	top: 70px;
}
#footer a.css:hover
{
	background: url('../images/css_bg_hover.gif') no-repeat 0 0;
}