/* CSS Document */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #FFFDFB; 
	color:#363636;
	font:normal 12px/18px 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  -- */
#header{
	position:relative; 
	margin:0 auto; 
	width:778px; 
	height:228px;
	background:url(../images/header.jpg) no-repeat 0 0 #fff; 
	color:#000000;}
	
#header img{
	position:absolute; 
	left:393px; 
	top:79px; 
	border:none;}
	
#header h1{
	position:absolute; 
	left:410px; 
	top:174px; 
	border:none;
	font:normal 12px/14px Arial, Helvetica, sans-serif; 
	color:#000000;}

/* -- top  -- */
#top{
	width:778px; 
	height:30px; 
	margin:0 auto;
	background:url(../images/top_nav_bg.gif) no-repeat 0 0 #FFFFFF; 
	color:#000000;}
	
#top ul{
	width:550px; 
	margin:0 auto;}
	
#top ul li{
	float:left;
	margin:0 1px 0 0 ;}
	
#top ul li a{
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#595959;
	background:url(../images/top_nav_btn_bg.gif) repeat-x 0 0 #FFFFFF;
	padding:0 12px; 
	display:block; 
	text-decoration:none;}
	
#top ul li a:hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#548311;
	background-color:#FFFFFF; 
	background-image:none;
	border-top:#DADADA 1px solid; 
	border-right:#DADADA 1px solid; 
	border-left:#DADADA 1px solid;
	padding:0 11px; 
	margin:2px 0 0 0; 
	display:block; 
	text-decoration:none;}
	
#top ul li a.hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#548311;
	background-color:#FFFFFF; 
	background-image:none;
	border-top:#DADADA 1px solid; 
	border-right:#DADADA 1px solid; 
	border-left:#DADADA 1px solid;
	padding:0 11px; 
	margin:2px 0 0 0; 
	display:block; 
	text-decoration:none;}

/* body start */
#body{
	width:738px; 
	margin:0 auto; 
	padding:24px 0 49px 0;}

/* -- left pannel start -- */
.main{
	width:500px; 
	float:left; 
	text-align:justify;
	background-color:#FCF8ED;}
	
.main img{
	border:none;}
	
.main p{
	padding:0 12px 0 12px;}
	
.main h2{
	font:bold 15px/20px Arial, Helvetica, sans-serif; 
	color:#548311;
	height:25px; 
	padding:10px 0 10px 10px; 
	float:left;}
	
.main h2 span{
	font:bold 20px/25px  Arial, Helvetica, sans-serif; 
	color:#548311;
	height:25px;}

.main a{
	color:#548311;
	text-decoration:none;}
	
.main a:hover{
	color:#595959;
	text-decoration:none;}

/* -- right pannel start -- */
.right{
	width:220px; 
	float:left;
	padding: 10px 0 0 15px;}
	
.right h2{
	font:bold 20px/25px Arial, Helvetica, sans-serif; 
	color:#015670;
	height:25px;  
	padding:0 0 0 16px; 
	float:left;}
	
.right h2 span{
	font:bold 20px/25px  Arial, Helvetica, sans-serif; 
	color:#548311;
	background-color:#FCF8ED;}
	
.right p{	
	padding:7px 0 0 16px;
	background-color:#FCF8ED}
	
.right ul{	
	padding:7px 0 0 16px;
	background-color:#FCF8ED;}
	
.right ul li a{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#535353;
	padding:0 0 0 12px; 
	display:block; 
	text-decoration:none;
	background:url(../images/red_arrow.gif) no-repeat 0 6px #FCF8ED;}
	
.right ul li a:hover{
	font:bold 11px/19px Arial, Helvetica, sans-serif; 
	color:#535353;
	padding:0 0 0 12px; 
	display:block; 
	text-decoration:none;
	background:url(../images/red_arrow.gif) no-repeat 0 6px #FFF;}
	
/* footer start -- */
#footer{
	background:url(../images/footer_bg.gif) no-repeat center top #EDEDED; 
	color:#000000;}
	
.footer{
	width:490px; 
	height:115px; 
	margin:0 auto; 
	padding:12px 0 0 0;}