/*
	project: Firstform website
	author: Zhonghua Computer & Services
*/
* {
	margin: 0;
	padding: 0;
}
body{
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #6B6854;
}

ul{list-style-type:none;}

fieldset {
	margin-top:5px;
	padding-left: 10px;
	margin-bottom: 5px;
}
fieldset label {
	float:left;
	width:140px;
	text-align:right;
	padding:4px;
	margin: 3px;
}
fieldset legend {
	color:#D52198;
}

fieldset div {
	clear:left;
	margin-bottom:2px;
}

/*----MAIN PANEL----*/
#mainPan{
	width:800px;
	margin: 0 auto;
	position: relative;
}
#banner{
	height:161px;
	width:559px;
	float: left;
}
/*----Left Panel----*/
#leftPan{
	width:240px;
	float:left;
}
#leftTopPan{
	width:240px;
	height:125px;
	position:relative;
	margin:0 auto;
	padding:0;
	background-image: url(images/left-top.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#leftFormPan{
	width:240px;
	height:180px;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: left;
}
#leftBottomPan{
	width:238px;
	height:160px;
	float: right;
	margin-top: 5px;
}

#leftPan ul{
	width:240px;
	height:180px;
	display:block;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(images/menubg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 0px;
}
#leftPan ul li{
	width:180px;
	height:27px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#leftPan ul li a{
	width:180px;
	height:26px;
	display:block;
	color:#8F8C73;
	font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 0 22px;
	text-decoration:none;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#leftPan ul li a:hover{
	background:url(images/arrow.gif) 0 50% no-repeat #F6F4E4;
	color:#D52198;
	text-decoration:none;
	width: 180px;
}
#leftPan ul li.active{
	width:auto;
	height:27px;
	display:block;
	color:#D52198;
	font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin-left: 30px;
	background-image: url(images/arrowred.gif);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
	background-position: 0% 50%;
}

#leftPan h2{
	width:90px;
	height:63px;
	background:#F6F4E4;
	color:#8F146E;
	font-size:24px;
	line-height:63px;
	font-weight:normal;
	padding-left: 63px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#leftPan form{
	width:240px;
	height:170px;
	position:relative;
	background:url(images/formbg.gif) 0 0 no-repeat #ABA894;
	color:#fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#leftPan form input{
	width:143px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 2px;
	height: auto;
	margin-left: 45px;
}
#leftPan form label{
	width:143px;
	height:18px;
	font:12px/15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top: 2px;
	margin-left: 45px;
}
#leftPan form h2{
	width:150px;
	height:47px;
	display:block;
	background:url(images/key.gif) 0 0 no-repeat;
	color:#D52198;
	font-size:18px;
	line-height:47px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 70px;
}
#leftPan form a{
	font-weight:bold;
	color:#fff;
}
#leftPan form a:hover{
	font-weight:bold;
	color:#D52198;
}
#leftPan p{
	line-height: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
}
/*----Right Panel----*/
#rightPan a{
	font-weight:bold;
	color:#8F8C73;
}
#rightPan a:hover{
	font-weight:bold;
	color:#D52198;
}
#rightPan form{
	width:400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 9px;
	float: left;
	height: auto;
}
#rightPan form input{
	width:auto;
	height: auto;
	margin-top: 7px;
}
#rightPan form textarea{
	width:190px;
	height: auto;
	margin-bottom: 5px;
	margin-top: 3px;
}
#rightPan form select{
	height: auto;
	width: 125px;
	margin-top: 7px;
}

#leftInfo{
	width:240px;
	height:auto;
}
#pic{
	width:460px;
	margin-left: 9px;
	margin-top: 15px;
	height: 50px;
}
#pic a{
	font-weight:bold;
	color:#8F8C73;
}
#pic a:hover{
	font-weight:bold;
	color:#D52198;
}
/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{
	width:559px;
	float:left;
	height: auto;
	background-image: url(images/rightbg.jpg);
	background-repeat: repeat-x;
}
#rightSmall1Pan{
	width:279px;
	float:left;
	height: 190px;
	margin-top: 20px;
}
#rightSmall1Pan p.small{
	padding-top: 16px;
}
#rightSmall1Pan p.big{
	font-size:19px;
	padding-top: 12px;
	color:#D52198;
	font-weight:bold;
}
#rightSmallPan{
	width:279px;
	float:left;
	height: 190px;
	margin-top: 20px;
	background-image: url(images/smallbg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#rightSmallPan p.small{
	padding-top: 20px;
}
#rightSmallPan p.big{
	font-size:19px;
	padding-top: 20px;
	color:#D52198;
	font-weight:bold;
}
#rightPan h2{
	width:545px;
	height:36px;
	display:block;
	color:#D52198;
	font-size:24px;
	line-height:36px;
	margin-top: 20px;
	margin-left: 9px;
	float: left;
}
#rightPan p{
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
}
#rightPan p span.boldtext{font-weight:bold;}
#rightPan p span.magedacolortext{
	color:#D52198;
	font-size:18px;
}
#rightmorePan{
	width:550px;
	height:28px;
	display:block;
	background:url(images/pattern.gif) 0 0 repeat;
	border:1px solid #fff;
	line-height:28px;
	margin-top: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
	margin-left: 8px;
}
#rightmorePan p.textposition{
	float:left;
	padding:0 0 0 5px;
	margin:0px;
}
#rightmorePan a{
	float:left;
	width:36px;
	height:28px;
	display:block;
	background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC;
	color:#1F1E15;
	text-decoration:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 45px;
}
#rightmorePan a:hover{text-decoration:underline;}
/*----/Right Panel----*/

#formPan
{
	width:140px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
}
#formPanB
{
	width:275px;
	float: left;
}
#formPanC
{
	width:175px;
	float: left;
}
#formPanPic
{
	width:100px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 9px;
	float: left;
	height: 100px;
}
#formPanPicB
{
	width:175px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 9px;
	float: left;
	height: 180px;
}
/*----Footer Panel----*/
#footermainPan{
	color:#fff;
	height:31px;
	clear:both;
	width: 800px;
	margin-top: 10px;
	background-color: #6B6854;
	background-image: url(images/footbg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#footermainPan a{
	font-weight:bold;
	color:#fff;
}
#footermainPan a:hover{
	font-weight:bold;
	color:#D52198;
}
/*----Footer Panel----*/