

/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background:url(images/mainbg.gif) 0 0 repeat-x #F6F4E4;
	color:#6B6854;
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif
}

div, p, ul, h1, h2, h4, img, form, label{
	padding:0px;
	margin:0px
}

ul{
	list-style-type:none
}


a
{
	color:#8F146E
}


/*----MAIN PANEL----*/
#mainPan{
	width:891px;
	position:relative;
	margin:0 auto;
	padding:0px
}



/*----Left Panel----*/
#leftPan{
	width:240px;
	float:left
}

#leftTopPan{
	width:240px;
	height:125px;
	position:relative;
	margin:0 auto;
	padding:0;
	background:url(images/left-top.jpg) 0 0 no-repeat
}

#leftTopPan img{
	width:160px;
	height:39px;
	margin:30px 0 0 37px
}


#leftPan ul{
	width:240px;
	height:121px;
	display:block;
	background:url(images/menu-bg.jpg) 0 0 no-repeat;
	padding:28px 0 0
}

#leftPan ul li{
	width:118px;
	height:27px;
	position:relative;
	margin:0 auto;
	background:url(images/dot.gif) 0 100% repeat-x
}

#leftPan ul li a{
	width:96px;
	height:26px;
	display:block;
	background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4;
	color:#8F8C73;
	font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 0 22px;
	text-decoration:none
}

#leftPan ul li a:hover{
	background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4;
	color:#7F0A5F;
	text-decoration:none
}

#leftPan ul li.home{
	width:96px;
	height:27px;
	display:block;
	background: url(images/homebg.gif) 0 0 no-repeat #F6F4E4;
	color:#7F0A5F;
	font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 22px
}

#leftPan ul li.contact{
	background:none
}


#leftPan ul.linkone{
	width:240px;
/*	height:259px;*/
	padding:0;
	background:none
}

#leftPan ul.linkone li{
	width:118px;
	height:26px;
	position:relative;
	margin:0 auto;
	background:none;
	padding:0px
}

#leftPan ul.linkone li a{
	width:96px;
	height:26px;
	display:block;
	background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4;
	color:#8F8C73;
	font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 22px;
	text-decoration:underline
}

#leftPan ul.linkone li a:hover{
	background:url(images/arrow-normal.gif) 0 50% no-repeat #F6F4E4;
	color:#25241E;
	text-decoration:underline
}


#leftPan h2{
	width:90px;
	height:33px;
	background:#F6F4E4;
	color:#8F146E;
	font-size:18px;
	line-height:18px;
	padding:10px 0 10px 33px;
	font-weight:normal
}


#leftPan form{
	width:222px;
	height:173px;
	position:relative;
	margin:0 auto;
	background:url(images/formbg.gif) 0 0 no-repeat #ABA894;
	color:#fff
}






#leftPan form h2{
	width:150px;
	height:47px;
	display:block;
	background:url(images/memberbg.gif) 0 0 no-repeat #D5D2BC;
	color:#fff;
	font-size:18px;
	line-height:47px;
	padding:0 0 0 65px
}

#leftPan form #register{
	width:190px;
	height:160px;
	margin:13px 0 0 0;
	color:#fff;
	padding:0 0 0 22px;
	font-size:11px;
	line-height:11px;
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;	
	
	}
#leftPan form #register a{
	display:block;
	background: url(images/arrow4.gif) 100% 50% no-repeat #ABA894;
	color:#fff;
	font-size:14px;
	padding:0 5px 0 0;
	text-decoration:none
}

#leftPan form #register a:hover{
	text-decoration:underline
}





/*----/Left Panel----*/



/*----Right Panel----*/
#rightPan{
	width:651px;
	float:left
}

#rightPan h1{
	width:438px;
	height:124px;
/*	background:url(images/header.jpg) 0 0 no-repeat #D33F9F;*/
	color:#fff;
	font:20px/13px Georgia, "Times New Roman", Times, serif;
	padding:37px 0 0 13px
}

#rightPan h1 span{
	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif
}

#rightPan h2{
	width:540px;

	display:block;
	background:url(images/icon1.jpg) 0 0 no-repeat #F6F4E4;
	color:#8F146E;
	font-size:24px;
	line-height:36px;
	padding:0 0 0 65px;
	margin:29px 0 0 9px
}


#rightPan h4{
	width:440px;
	height:50px;
	display:block;
	background:url(images/icon2.jpg) 0 0 no-repeat #F6F4E4;
	color:#8F146E;
	font-size:24px;
	line-height:22px;
	padding:0 0 0 75px;
	margin:0 0 0 9px;
	clear:both
}

#rightPan h4 span{
	color:#9F9D81;
	background:#F6F4E4;
	font-size:16px;
	font-weight:bold;
	line-height:18px
}


#rightPan p{
	padding:20px 0 0 9px
}

#rightPan p.bottompadding{
	padding:22px 0 0 9px;
	margin:0 0 38px 0
}

#rightPan p span.boldtext{
	font-weight:bold
}

#rightPan p span.magedacolortext{
	background:#F6F4E4;
	color:#8F146E
}

#rightmorePan{
	width:420px;
	height:28px;
	display:block;
	background:url(images/pattern.gif) 0 0 repeat;
	border:1px solid #fff;
	line-height:28px;
	padding:0 0 0 20px;
	margin:0 0 0 9px
}

#rightmorePan p.textposition{
	float:left;
	padding:0 0 0 18px;
	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;
	padding:0 15px 0 45px;
	margin:0 0 0 135px
}

#rightmorePan a:hover{
	text-decoration:underline
}


#rightmorenextPan{
	width:420px;
	height:28px;
	display:block;
	background:url(images/pattern.gif) 0 0 repeat;
	border:1px solid #fff;
	line-height:28px;
	padding:0 0 0 20px;
	margin:0 0 0 9px
}

#rightmorenextPan p.textposition{
	float:left;
	padding:0 0 0 18px;
	margin:0px
}

#rightmorenextPan a{
	float:left;
	width:36px;
	height:28px;
	display:block;
	background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC;
	color:#1F1E15;
	text-decoration:none;
	padding:0 15px 0 45px;
	margin:0 0 0 135px
}

#rightmorenextPan a:hover{
	text-decoration:underline
}



#rightaddPan{
	width:442px;
	height:170px;
	position:relative;
	margin:0 auto;
	padding:50px 0 0 9px
}

#rightaddonePan{
	width:218px;
	height:110px;
	float:left;
	background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2;
	color:#fff;
	}
#rightaddonePan p.whitetext{
	font-size:22px;
	padding:16px 0 0 16px
}

#rightaddonePan p.whitetextbig{
	font-size:28px;
	padding:10px 0 0 16px
}

#rightaddonePan a{
	width:97px;
	height:33px;
	display:block;
	background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894;
	color:#fff;
	font-size:16px;
	line-height:30px;
	text-decoration:none;
	margin:15px 0 0;
	padding:0 0 0 55px
}

#rightaddonePan a:hover{
	text-decoration:underline
}


#rightaddtwoPan{
	width:218px;
	height:110px;
	float:left;
	background:url(images/image2.jpg) 100% 0 no-repeat #CBC8B2;
	color:#fff;
	margin:0 0 0 6px
}

#rightaddtwoPan p.whitetext{
	font-size:22px;
	padding:16px 0 0 16px
}

#rightaddtwoPan p.whitetextbig{
	font-size:28px;
	padding:10px 0 0 16px
}


#rightaddtwoPan a{
	width:82px;
	height:33px;
	display:block;
	background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894;
	color:#fff;
	font-size:16px;
	line-height:30px;
	text-decoration:none;
	margin:15px 0 0;
	padding:0 0 0 55px
}

#rightaddtwoPan a:hover{
	text-decoration:underline
}




/*----/Right Panel----*/



/*----Footer Panel----*/
#footermainPan{
	background:url(images/footerbg.gif) 0 0 repeat-x #6B6854;
	color:#fff;
	position:relative;
	margin:0 auto;
	height:227px;
	clear:both
}

#footerPan{
	width:691px;
	position:relative;
	margin:0 auto;
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:normal
}


#footerPan ul{
	width:546px;
	position:absolute;
	top:85px;
	left:42px
}

#footerPan li{
	float:left;
	}
#footerPan ul li a{
	padding:0 10px 0;
	color:#fff;
	background:#6B6854;
	text-decoration:none
}

#footerPan ul li a:hover{
	text-decoration:underline
}


#footerPan ul.templateworld{
	width:190px;
	background:#6B6854;
	color:#fff;
	display:block;
	position:absolute;
	top:160px;
	left:240px;
	}
#footerPan ul.templateworld li{
	height:20px
}

#footerPan ul.templateworld li a{
	background:#6B6854;
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0px
}

#footerPan ul.templateworld li a:hover{
	text-decoration:underline
}


#footerPan p.copyright{
	width:204px;
	background:#6B6854;
	color:#F3F1DF;
	position:absolute;
	top:105px;
	left:218px
}


#footerPanhtml{
	width:64px;
	height:19px;
	display:block;
	position:absolute;
	top:132px;
	left:240px
}

#footerPanhtml a{
	width:59px;
	height:18px;

	display:block;
	position:absolute;
	top:0px;
	left:0px;
	line-height:19px;
	padding:1px 0 0 5px;


	text-transform:uppercase;
	text-decoration:none
}

#footerPanhtml a:hover{

	color:#353427;
	text-decoration:none
}


#footerPancss{
	width:64px;
	height:19px;
	display:block;
	position:absolute;
	top:132px;
	left:320px
}

#footerPancss a{
	width:49px;
	height:18px;
	background:url(images/arrow3.gif) no-repeat 45px 0px #D0CEB8;
	display:block;
	position:absolute;
	top:0px;
	left:0px;line-height:19px;
	padding:1px 0 0 15px;
	border:1px solid #FFFFFA;
	color:#353427;
	text-transform:uppercase;
	text-decoration:none
}

#footerPancss a:hover{
	background:url(images/arrow2.gif) no-repeat 45px 0px #B0AD93;
	color:#353427;
	text-decoration:none
}



