﻿/* CSS Document */


body{ 
	background:#f8f8f8;
	font:13px Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color:#333;
	line-height:160%;
	margin:0;
	padding:0;
	}

h1{
	font-size:200%;
	font-weight:normal;
	}		
h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:1em 0;
	}	
h2{            
	font-size:160%;
	}	
h3{          
	font-size:140%;
	}
				

a{
	text-decoration:none;
	color:#f30;
	}
a:hover{
	color:#999;
	}			

table, input, textarea, li{
	font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	line-height:160%;
	color:#333;
	}				

select{
	font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	line-height:160%;
	color:#333;
	background: url("images/form1/form_input.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 3px;
	}

blockquote{
	}
img{
	border:none;
	}			
hr{
	display:none;
	}	
table{
	margin:1em 0;
	width:100%;
	border-collapse:collapse;
	}
th, td{	
	padding:2px 5px;
	}	
th{	
	text-align:left;
	}
li{
	display:list-item;
	}	
	
#container{	
	margin:0 auto;
	background:#fff;
	width:600px;
	padding:20px 40px;
	text-align:left;
	}		






body{
	padding:0;
	margin:0;
	background: url(images/background.jpg) no-repeat top center #99ae45;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

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

/*------------------------------------------------header start---------------------*/
#header{
	width:760px;
	background:url(images/pho_header.jpg) 0 0 no-repeat #f9f5e9;
	padding:183px 0 0 0;
	margin:0 auto;
	position:relative;
}
}
#header a.member:hover{
	color:#607800;
	background-color:#f9f5e9;
}
#header img{
	position:absolute;
	left:209px;
	top:311px;
}
#header ul.nav{
	width:538px;
	height:28px;
	padding:5px 0 0px 80px;
	margin:0 auto;
}
#header ul.nav li{
	float:left;
	padding:0;
	margin:0;
}
#header ul.nav li a{
	display:block;
	height:28px;
	padding:0 11px 0 11px;
	background-color:#f9f5e9;
	color:#6d813c;
	font:bold 13px/21px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 1px 0 0;
	float:left;
}
#header ul.nav li a:hover{
	background:url(images/nav_hover.jpg) 0 0 repeat-x #f9f5e9;
	color:#fff;
}
#header ul.nav li.active{
	display:block;
	height:28px;
	float:left;
	margin:0;
	padding:0 11px 0 11px;
	background:url(images/nav_hover.jpg) 0 0 repeat-x #f9f5e9;
	color:#fff;
	font:bold 13px/21px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/*------------------------------------------------header end---------------------*/

/*------------------------------------------------body start---------------------*/
#body{
	background:url(images/body.jpg) 0 0 repeat-y;
	width:760px;
	margin:0 auto;
}

}
#body p.bot{
	display:block;
	background:url(images/body_bottom_bg.gif) 0 0 no-repeat;
	width:631px;
	height:78px;
	float:left;
}
/*------------------------------------------------center panel start---------------------*/
#center{
	width:702px;
	padding:0 29px 0 29px;
	float:left;
}

#center mail
{
	background-color:#F8EFD3;
	position: absolute;				
}
#center h2{
	display:block;
	width:678px;
	font:bold 22px/38px Georgia, "Times New Roman", Times, serif;
	padding:0 12px 0 12px;
	color:#694F10;
	background-color:#f9f5e9;
	float:left;
}
#center h3{
	display:block;
	width:678px;
	height:25px;
	padding:0 12px 0 12px;
	margin:0 0 0 0;
	font:bold 16px/23px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C7A02;
	float:left;
}

#center h4{
	display:block;
	width:678px;
	height:25px;
	padding:12px 12px 12px 0;
	margin:0 0 0 0;
	font:bold 16px/23px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C7A02;
	float:left;
}


#center p.text1{
	display:block;
	width:678px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63562E;
	background-color:#F8EFD3;
	margin:0 0 0 0;
	padding:12px 12px 12px 12px;
	float:left;
}

#center div.text1{
	display:block;
	width:678px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63562E;
	background-color:#F8EFD3;
	margin:0 0 0 0;
	padding:12px 12px 12px 12px;
	float:left;
}


#center p.text1 a{
	color:#6d813c;
	font:normal 13px/21px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#center p.text1 a:hover{
	color: #003300;
	font:bold 13px/21px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#center p.text2{
	display:block;
	width:678px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63562E;
	background-color:#F8EFD3;
	padding:12px 12px 19px 12px;
	float:left;
}
#center p.text2 span{
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9C4D00;
	background-color:#F8EFD3;
}
#center p.rm{
	display:block;
	width:702px;
	height:19px;
	margin:0 0 4px 0;
	font-size:0;
	background:url(images/read_more_div.gif) 0 0 repeat-x;
	float:left;
}
#center h3.date{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat #FCF8EA;
	width:678px;
	height:18px;
	padding:0 12px 0 12px;
	margin:0 0 0 0;
	font:bold 11px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C7A02;
	float:left;
}
#center p.event{
	width:354px;
	background:url(images/event_bg.gif) 0 11px no-repeat #F8EFD3;
	padding:11px 0 0 20px;
	margin:0 0 15px 0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#63562E;
	float:left;
}
#center p.rm2{
	display:block;
	width:370px;
	height:14px;
	font-size:0;
	margin:0 0 4px 0;
	background:url(images/read_more_div.gif) 0 0 repeat-x;
	float:left;
}
#center p.rm2 a{
	background:url(images/btn_read_more.gif) 0 1px no-repeat;
	width:58px;
	height:14px;
	padding:0;
	margin:0;
	float:right;
}
#center p.rm2 a:hover{
	background:url(images/btn_read_more_hover.gif) 0 1px no-repeat;
}

/*------------------------------------------------center panel end---------------------*/


/*------------------------------------------------left panel start---------------------*/
#left {
	width:470px;
	padding:0 10px 0 20px;
	float:left;
}

#left text10 {
display: none;
visibility : hidden;
}


#left h2{
	display:block;
	width:460px;
	font:bold 22px/38px Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 10px;
	color:#694F10;
	background-color:#f9f5e9;
	float:left;
}
#left h3{
	display:block;
	width:460px;
	height:25px;
	padding:0 0 0 10px;
	margin:0 0 0 0;
	font:bold 16px/23px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C7A02;
	float:left;
}
#left p.text1{
	display:block;
	width:450px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63562E;
	background-color:#F8EFD3;
	margin:0 0 0 0;
	padding:10px 10px 10px 10px;
	float:left;
}

#left p.rm{
	display:block;
	width:470px;
	height:19px;
	margin:0 0 4px 0;
	font-size:0;
	background:url(images/read_more_div.gif) 0 0 repeat-x;
	float:left;
}

/*------------------------------------------------left panel end---------------------*/


/*------------------------------------------------right panel start---------------------*/
#right {
	width:230px;
	padding:0 20px 0 10px;
	float:left;
}
#right h2{
	display:block;
	width:210px;
	font:bold 17px/33px Georgia, "Times New Roman", Times, serif;
	padding:0 10px 0 10px;
	color:#694F10;
	background-color:#f9f5e9;
	float:left;
}
#right h3.date{
	display:block;
	width:230px;
	height:18px;
	padding:0 10px 0 10px;
	margin:0 0 0 0;
	font:bold 11px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C7A02;
	float:left;
}
#right p.event{
	width:230px;
	margin:0 10px 15px 10px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#63562E;
	float:left;
}

#right p.social{
	width:230px;
	margin:10px 0 0 0;
	padding:0 0 0 15px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#63562E;
	float:left;
}

#right p.image{
	width:200px;
	margin:10px 20px 10px 10px;
	padding:10px 10px 10px 10px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background-color:#F8EFD3;
	color:#63562E;
	float:left;
}



/*------------------------------------------------right panel end---------------------*/




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


/*------------------------------------------------logo start---------------------*/
#logo{
	width:760px;
	height:64px;
	margin:0 auto;
	padding:0 0 0 0;
	position:relative;
	background-color:#f9f5e9;

}


/*------------------------------------------------logo end---------------------*/

/*------------------------------------------------footer start---------------------*/
#footer{
	width:760px;
	height:80px;
	margin:0 auto;
	padding:0 0 0 0;
	background:url(images/footer.png) left bottom no-repeat;
	position:relative;
}
#footer ul{
	width:760px;
	margin:0;
	padding:0;
	position:absolute;
	left:100px;
	top:31px;
}
#footer ul li{
	margin:0;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#880000;
	background-color:#FFFFD5;
	background-image:none;
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#651364;
	background-color:#FFFFD5;
	text-decoration:none;
	padding:0 10px 0 10px;
}
#footer ul li a:hover{
	color:#000;
	background-color:#C6EC62;
}
#footer p.copyright{
	font:normal 11px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6d813c;
	position:absolute;
	left:270px;
	top:26px;
}
#footer p.design{
	display:block;
	width:194px;
	height:17px;
	border:#E1E08E solid 1px;
	padding:0 0 0 35px;
	position:absolute;
	left:260px;
	top:45px;
	font:bold 11px/17px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#6d813c;
	background-color:#fff;
}
#footer a.link{
	width:85px;
	font:bold 11px/17px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#6d813c;
	background-color:#fff;
	padding:0 3px;
	text-decoration:none;
	text-transform:capitalize;
}
#footer a.link:hover{
	color:#fff;
	background-color:#651364;
}
/*------------------------------------------------footer end---------------------*/



/* form 3 */

	#form3{
		margin:0 0 0 0;
		background:url(images/form_bg.jpg) no-repeat 0 0;
		width:702px;
		padding:0 0 0 0;
		height:364px; /* fixed size (envelope graphic) */
		overflow:hidden;
		background-color: #F8EFD3;
		}
	#form3 h3{display:none;}	
	#form3 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:200px;
		margin-left:34px;
		padding-top:80px;
		}	
	#form3 fieldset.last{
		width:254px;
		margin-left:17px;
		}				
	#form3 legend{display:none;}	
	#form3 p{margin:.5em 0;}	
	#form3 label{display:block;}	
	#form3 input, #form3 textarea{		
		width:192px;
		border:1px solid #ddd;
		background:#fff url(images/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form3 textarea{
		width:246px;
		height:200px;
		overflow:auto;
		}					
	#form3 p.submit{
		margin:0 34px;
		clear:both;
		position:relative;
		}	
	#form3 button{
		padding:0;
		position:absolute;
		left:0;
		top:-3.5em;
		width:95px;
		height:36px;
		text-indent:-8000px;
		overflow:hidden;
		border:none;
		background:url(images/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		}				

	#form1{
		width:678px;
		padding:0 12px 0 12px;
		overflow:hidden;
		background-color: #F8EFD3;
		font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#63562E;		
		}
	
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:400px;
		border:1px solid #ddd;
		background:#fff url(images/form1/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:center;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(images/form1/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}
		
	#form1 p.submitsub{
		clear:both;
		padding:0 25px 20px 0;
		margin:0;
		text-align:left;
		}			