/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF; color:#231B05;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}


/* ------------- header start ------------------ */
#header{
	position:relative; margin:0 auto; width:778px; height:270px;
	background:url(images/header_bg.gif) no-repeat 0 0 #FEFAF1; color:#5F532F;}
#mylogo{
	position:absolute;
	left:19px;
	top:73px;
	border:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #E32D9F;
	width: 269px;
	height: 67px;
}
#intro{
	position:absolute;
	left:441px;
	top:44px;
	width:260px;
	height: 116px;
}	
ul.mylist li{
	background:url(images/top_nav_divider.gif) repeat-x 0 18px; height:19px;
	font:bold 12px/19px Arial, Helvetica, sans-serif; color:#5F532F;}

ul.mylist li a{
	background:url(images/plus_bullet.gif) no-repeat 5px 7px; padding:0 0 0 16px; display:block; height:18px;
	font:bold 12px/18px Arial, Helvetica, sans-serif; color:#5F532F; text-decoration:none;}

ul.mylist li a:hover{
	background:url(images/plus_bullet.gif) no-repeat 5px 7px #DFD2AA; padding:0 0 0 16px; display:block; height:18px;
	font:bold 12px/18px Arial, Helvetica, sans-serif; color:#5F532F; text-decoration:none;}
#mysearch{
	position:absolute;
	right:201px;
	top:174px;
}

#header input{
	border:#B69F59 1px solid; background-color:#FFFFFF; font:normal 11px/11px Arial, Helvetica, sans-serif; color:#5F532F; margin:0; padding:2px; float:left;}
#header input.go{
	width:23px; height:15px; border:none; margin:0 0 0 8px; padding:0; font-size:0; line-height:0; float:left;}
#header p.login{
	background:url(images/customer_login_btn.gif) no-repeat 0 0; position:absolute; left:163px; width:114px; height:23px; display:block; font:bold 13px/20px Arial, Helvetica, sans-serif; color:#FEFCF8; text-decoration:none; padding:0 0 0 46px;}
#header a.login:hover{
	background:url(images/customer_login_btn_h.gif) no-repeat 0 0; width:114px; height:23px; display:block; font:bold 13px/20px Arial, Helvetica, sans-serif; color:#FEFCF8; text-decoration:none; padding:0 0 0 46px;}
/* ------------- header end ------------------ */
/* ------------- about pannel start ---------- */
.about{
	position:relative; margin:0 auto; width:778px; padding:5px 0 0 0; }
.about #myleft{
	float:left; 	padding: 5px; width:190px;}
.about #myright{
	padding: 5px;
	margin-left: 198px;width:588px;
}

/* ------------- about pannel end ---------- */
/* ------------- body start ---------------- */
#body{
	position:relative; margin:0 auto; width:730px; padding:20px 0 22px 0;}
#leftContainer{
	width:464px; float:left;}
.even{
	width:140px; float:left;}	
.event h2{
	background:url(images/event_text.gif) no-repeat 22px 12px; width:88px; height:200px; float:left; padding:0 30px 0 22px; text-indent:-2000px;}
#left{
	width:322px; float:left;}
#left h3{
	padding:0 18px; margin:12px 0; width:116px; background-color:#DF0F0F; float:left; height:16px; text-align:center;
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#FFFEFC; text-transform:uppercase; }
#left p{
	float:left; width:322px;}
#left p span{
	font:normal 12px/19px Arial, Helvetica, sans-serif; color:#886202; background-color:#FFFFFF;}
#left p.border{
	line-height:0; font-size:0; background-color:#F1EADC; height:1px;}
/* ------------- body end ---------------- */
/* ------------- right pannel start ------ */
#right{
	width:238px; padding:12px 0 0 28px; float:left;}
#right form.login{
	background:url(images/form_bg.gif) repeat-y 0 0 #F9F6EC; color:#DF0F0F; margin:0; padding:0; width:238px;}
#right form.login span.top{
	background:url(images/form_top.gif) no-repeat 0 0 #F9F6EC; color:#DF0F0F; height:11px; display:block; line-height:0; font-size:0;}
#right form.login span.bottom{
	background:url(images/form_bottom.gif) no-repeat 0 0 #F9F6EC; color:#DF0F0F; height:11px; display:block; line-height:0; font-size:0;}
#right form.login h2{
	font:normal 18px/22px Arial, Helvetica, sans-serif; color:#886202; padding:0 0 0 22px; margin:0 0 14px 0;}
#right form.login label{
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#313131; padding:0 0 0 22px; margin:1px 0 7px 0; float:left;}
#right form.login input{
	font:normal 9px/10px Arial, Helvetica, sans-serif; color:#313131; padding:2px; margin:0 0 7px 10px; float:left; width:119px; height:11px; border:#B69F59 1px solid; }
#right form.login input.checkBox{
	margin:5px 0 0 22px; float:left; width:10px; height:10px; padding:0; border:#B69F59 1px solid; }
#right form.login p{
	font:normal 10px/22px Arial, Helvetica, sans-serif; color:#DF0F0F; text-transform:uppercase; padding:0 0 0 6px; float:left; width:auto; margin:0;}
#right form.login input.btn{
	border:none; padding:0; margin:5px 0 0 60px; width:35px; height:10px; float:left;}
a.register{
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#010101; text-decoration:underline;
	background:url(images/register_icon.gif) no-repeat 2px 4px #FFFFFF; padding:0 0 0 18px; margin:12px 0 7px 19px; float:left;}
a.register:hover{
	font:bold 11px/15px Arial, Helvetica, sans-serif; color:#010101; text-decoration:none;
	background:url(images/register_icon.gif) no-repeat 2px 4px #FFFFFF; padding:0 0 0 18px; margin:12px 0 7px 19px; float:left;}
#right form.newsletter{
	background:url(images/divider.gif) repeat-x 0 0 #FFFFFF; color:#DF0F0F; margin:0 0 0 17px; padding:0; width:207px;}
#right form.newsletter h2{
	background:url(images/newsletter_icon.gif) no-repeat 5px 11px; color:#886202;
	font:normal 18px/30px Arial, Helvetica, sans-serif; padding:0 0 0 24px; margin:0;}
#right form.newsletter input{
	font:normal 9px/10px Arial, Helvetica, sans-serif; color:#313131; padding:2px; float:right; margin:0 7px 0 0; width:190px; height:11px; border:#B69F59 1px solid; }
#right form.newsletter p{
	background-color:#F6F3E8; font:normal 12px/13px Arial, Helvetica, sans-serif; color:#0F0F0F; height:13px; margin:10px 0 0 0; padding:0 5px;}
#right form.newsletter input.submit{
	width:50px; height:13px; border:none; float:right; margin:-15px 0 0 0;}
#right img{
	margin:20px 0; padding:0;}
/* ------------- right pannel end ------ */
/* ------------- footer start ---------- */
#footer{
	position:relative; margin:0 auto; width:710px; padding:22px 0 20px 20px; border-top:#F1EADC 1px solid;}
#footer ul{}
#footer ul li{
	font:bold 12px/20px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#5F532F; float:left;}
#footer ul li a{
	font:bold 12px/20px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#5F532F; text-decoration:none; padding:0 8px; float:left;}
#footer ul li a:hover{
	font:bold 12px/20px Arial, Helvetica, sans-serif; background-color:#FFF9EE; color:#5F532F; text-decoration:none; padding:0 8px; float:left;}
#footer p{
	font:normal 11px/20px Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF; padding:0 0 0 8px;}
#footer a.valid{
	background:url(images/bullet.gif) no-repeat 0 0 #FFFFFF; font:bold 12px/22px Verdana, Arial, Helvetica, sans-serif; color:#010101; text-decoration:none; text-transform:uppercase; padding:0 0 0 22px; margin:0 5px 0 8px;}
#footer a.valid:hover{
	background:url(images/bullet_h.gif) no-repeat 0 0 #FFFFFF; font:bold 12px/22px Verdana, Arial, Helvetica, sans-serif; color:#606060; text-decoration:none; text-transform:uppercase; padding:0 0 0 22px; margin:0 5px 0 8px;}

#footer a.tworld{
	font:normal 11px/30px Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF; padding:0; margin:0; text-decoration:none;}
#footer a.tworld:hover{
	font:normal 11px/30px Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF; padding:0; margin:0; text-decoration:underline;}
#footer img{
	position:absolute; top:24px; right:60px; border:none;}
/* ------------- footer end ---------- */