/* CSS for Beeson Farm */

/*****---------------------   RESET  ------------------------------------------*****/  

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, * { margin: 0; padding: 0; }



/*****---------------------  BASIC ELEMENTS  ------------------------------------------*****/  


body {
	background-image:url(../images/bg.gif);
	background-position: center;
	background-repeat:repeat-y;
	color:#7a7673;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	top: 10px;
}

#wrapper {
	background:#fff;
	margin:0 auto;
	width:696px;
}

#header {
	background-color:#FFFFFF;
	height:328px;
}

hr {  border:1px solid #CCCCCC; height:1px; width:100%;}

img, table { border:0 }

a { border:none; color: #2a5892; outline: none;}

/*****---------------------   NAVIGATION  ------------------------------------------*****/  

.main-menu {
float: left;
margin: 8px;
}
	
.main-menu ul{
margin: 0;
width: 139px;
font-size: 120%;
	}
	
.main-menu ul li{
list-style-type: none;
position: relative;
}
	
.main-menu ul li a {
height: 24px;
outline: none;
text-decoration: none;
voice-family: "\"}\""; 
voice-family: inherit;
}	
	
.main-menu ul li a:link, .main-menu ul li a:visited {
background:  url(../images/menu-bg.gif);
color: #2b2727;
display: block;
padding: 10px 0 0 17px;
	}
	
.main-menu ul li a:hover {
color: #2b2727;
background:  url(../images/menu-bg.gif) 0 -34px;
padding: 10px 0 0 17px;
	}


/*Sub level menu items */
.main-menu ul li ul{
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
visibility: hidden;
font-size: 95%;
background-color:#dedfcb;
}

.main-menu ul li ul li{
list-style-type: none;
padding: 0;
border-bottom: 1px solid #FFFFFF;
}

.main-menu ul li ul li a:link{
color: #2b2727;
display: block;
padding: 8px 5px 5px 10px;
background:  url(../images/sub-menu-bg.gif);
}

.main-menu ul li ul li a:visited{
color: #2b2727;
display: block;
padding: 8px 5px 5px 10px;
background:  url(../images/sub-menu-bg.gif);
}

#current {
color: #ffffff;
display: block;
padding: 8px 5px 5px 10px;
background-color: #7e726a;
background-image: none;
}



.main-menu ul li ul li a:hover {
color: #2b2727;
padding: 8px 5px 5px 10px;
background:  url(../images/sub-menu-bg-roll.gif);
}

/* Holly Hack for IE \*/
* html .main-menu ul li { height: 1%; }
* html .main-menu ul li a { height: 1%; }
/* End */

/*****---------------------   RIGHT HAND SIDE BAR  ------------------------------------------*****/  


#sidebar_right {	
	background:#ffffff;
	float:right;
	margin:0 5px 0 0;
	padding:0;
	width:207px;
}

.siderbar {font-size: 90%; margin: 0 2px 0 0;}

/*****---------------------   PAGE CONTENT  ------------------------------------------*****/  


#content {
padding:0 15px 15px 155px;
}

#content h1 {
	color:#444f55;
	font-size:150%;
	letter-spacing: 1px;
	line-height: 160%;
	margin:1% 0 2% 0;
}

#content h2 {
	color:#42799c;
	border-bottom:1px solid #eee;
	font-size: 140%;
	padding:2px;
}


#content h3 {
	color:#425059;
	font-size:140%;
}

.with_sidebar {
	margin:0 0 0 200px;
}

#content h2,h3,h4,p,ol,blockquote {
	line-height:160%;
	margin:2% 0 2% 0;
	
}


.myh2 {
	border-bottom:0px solid #eee !important; 
	font-size: 100% !important; 
	padding:0 !important; 
	line-height:100%; 
	margin:0 0 0 0 !important; 
	text-decoration:none !important; 
	display:inline !important;
	color: #7A7673 !important;
	text-decoration:none !important;
	}
	
.myh2 h2
{
	border-bottom:0px solid #eee !important; 
	font-size: 100% !important; 
	padding:0 !important; 
	line-height:100%; 
	margin:0 0 0 0 !important; 
	text-decoration:none !important; 
	display:inline !important;

	color: #7A7673 !important;
	text-decoration:none !important;

}


#content p { font-size:120%;	}


#content li {	
	background: transparent url(../images/navico.gif) 3pt 5pt no-repeat;
	border-bottom: 1px solid #CFCCC4;	
	font-size: 120%;
	line-height: 160%;
	list-style-type: none;
	padding: 7px 10px 7px 25px;
	margin: 0 5px 0 0;
}

#content a:link { background-color: #ddeaf3; color: #2a5892; outline: none; text-decoration: none; }
#content a:visited { background-color: #ddeaf3; color: #2a5892; outline: none; text-decoration: underline; }
#content a:hover { background-color: #ddeaf3; color: #2a5892; outline: none; text-decoration: underline; }
#content a:active { background-color: #ddeaf3; color: #2a5892; outline: none; text-decoration: none; }

.gallery

.larger-title {
	border-bottom:1px solid #eee;
	color:#2e6093;
	font-size: 130%;
	padding:2px;
}

#normal li {	
	background: none;
	border: none;
	color:#6699CC;
	font-size: 120%;
	list-style-type: disc;
	padding: 7px 0px 7px 0px;
	margin: 0 0 0 35px ;
}

span {color:#333333}


/*****---------------------   IMAGE STYLES  ------------------------------------------*****/  

.piccyright			  {float:right; margin:5px; padding: 3px;border: 1px solid #e8e4d3;}
.piccyleft			  {float:left; margin: 5px 10px 0 0; padding: 3px;border: 1px solid #e8e4d3;}
.piccyright-nopadding {float:right; margin:0}
.piccyleft-nopadding  {float:left;  margin:0}
.piccyright-noborder  {float:right; margin:5px; padding: 3px;}
.piccyleft-noborder	  {float:left; margin: 5px 10px 0 0; padding: 3px;}
.gallery 			  {border: 1px solid #e8e4d3; margin: 5px; padding: 5px;}

/*****---------------------   CONTACT FORM  ------------------------------------------*****/  

#contact{margin:0 0 0 0; float:left}

#contact_form{ border:1px solid #eee; width:290px;  padding:0px 15px 0px 15px; margin-left:5px}

#contact_form .form-label{width:260px}

#contact_form label{font-size:120%; color:#696969}

#contact_form .text_field{height:30px; padding:3px 10px 0px 10px; width:240px; border:0; font-size:120%; background:url(../images/text_field_bg.gif) top left no-repeat; color:#000000}

#contact_form .text_area{height:130px; padding:8px 10px 0 10px; width:250px; border:0; font-size:120%; background:url(../images/text_area_bg.gif) top left no-repeat; color:#5d5d5d; overflow:none; background-color:#FFF}

.form form{padding:10px 0 0 0}

.form-item{ clear:both; padding:0; margin-bottom:3px}

.form-item .form-label label{font-size:100%; color:#696969; line-height:20px; cursor:pointer}

.form-item .formError{color:#e32929; font-size:95%}

span.required{color:#F00}

/*****---------------------   SPECIAL OFFERS  ------------------------------------------*****/  

#offers {width:320px; float: left; }
#offers td {padding: 10px; border-bottom: 3px solid #FFFFFF}
#offers p{color: #615E5A}
.white-text {color: #FFFFFF}

/*****---------------------   FOOTER  ------------------------------------------*****/  

#footer {
	background:#41637b;
	clear:both;
	color: #FFFFFF;
	line-height: 25px;
	margin:0;
	padding:5px;
	text-align:center;
}

#footer a:link { color: #FFFFFF; outline: none; text-decoration: none; }
#footer a:visited { color: #FFFFFF; outline: none; text-decoration: underline; }
#footer a:hover { color: #FFFFFF; outline: none; text-decoration: underline; }
#footer a:active { color: #FFFFFF; outline: none; text-decoration: none; }