/* Main styles for Sunny Farms Country Store rebuilt */

body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#fde59d;	
}
#page_home {
	margin: 0 auto;
	background: url('../images/home_bkgd.jpg') center top;;
	background-repeat:no-repeat;
}
#page {
	margin: 0 auto;
	background: url('../images/home_bkgd.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed; 
	background-position:center;
}

#main_container_home {
	width: 980px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	border:none;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;	
}
#main_container {
	width: 980px;
	background-color:#fde59d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	border:none;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;	
}
#top_banner {
	width: 980px;
	height: 250px;
	position:relative;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#social_holder {
	width: 35px;
	height: 115px;
	position:absolute;
	top: 10px;
	left: 10px;	
}
#logo {
	width: 350px;
	height: 250px;
	float:left;
}
#banner_image_holder {
	position:relative;
	width: 610px;
	height: 210px;
	float:left;
	padding-top:20px;
	padding-left:10px;
}
#banner_image_frame {
	width: 610px;
	height: 210px;
	position:absolute;
	z-index: 10;
}
#banner_image {
	width: 605px;
	height: 205px;
	float:left;
	padding-top:3px;
	padding-left:2px;
/*	
	border-width:5px; 
	border-style:ridge;
	border-color:#581501;
*/	
}
#nav_container {
	width: 980px;
	text-align:center;
}
#navigation {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;	
}
#content {
	width: 940px;
	margin-left:20px;
	margin-right:20px;
}
#wis_right {
	width: 500px;
	height: 600px;
	float:right;	
}
#wis_top {
	margin-left:25px;
}
#fruit_img_holder {
	width: 400px;
	float:left;
}
#fruit_section {
	width: 500px;
	float:right;
}


/* footer 	
#footer ul ul li { float:none; padding:2px 0}
#footer ul strong { height:1px; line-height:1px; overflow:hidden}
*/
#footer p a { text-decoration:none; color:#000;}
#footer p a:hover { color:#222222;}
#footer ul a { text-decoration:none; color:#000;}
#footer ul a:hover { color:#222222;}
#footer ul li a { text-decoration:none; color:#000;}
#footer ul li a:hover { color:#222222;}

#footer {
	width:700px; 
	clear:both;
	padding:15px 0px 0px 0px;
	margin:0px 0 0 190px;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	text-align:left;
	color:#000;
	line-height:1.4em;		
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#col1 {
	width:160px;
	float:left;	
}
#col1 ul li{
    list-style:none outside;
	margin:0;
	padding:0;
}
#col2 {
	width:165px;
	float:left;
}
#col2 ul li{
    list-style:none outside;
}
#col3 {
	width:125px;
	float:left;	
}
#col3 ul li{
    list-style:none outside;
}
#col4 {
	width:152px;
	float:left;
}
#col4 ul li{
    list-style:none outside;
}
/*	
	#footer ul li { float:left; padding:0px 15px 0 0;}
		#footer .col_1 {width:150px}
		#footer .col_2 {width:150px}
		#footer .col_3 {width:150px}	
		#footer .col_4 {width:150px}
	#footer ul li.active a { color:#000}
*/

/* common helpers
#header h1 span, #header ul strong span, #footer ul strong span, h2 span { float:left; margin-top:-9999px}
.errorMessage { color:#bd2532; float:left; font-size:15px !important} 
 */
/* defaults
* {margin:0; padding:0; list-style:none outside}
 */
a img {border:none} a { color:#babbc2;} a:hover { color:#FFF}
#copyright {
	color:#000;
	clear:both;
	padding:10px 0
	
}
#copyright a { text-decoration:none; color:#000;}
#copyright a:hover { color:#222222;}


/* ----- Classes ----- */

/* ------instagram classes ------- */

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; }
.ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; } }

.farm_store_left {
	
	clear:both;
	float: left;
	padding-left: 200px;
}
.farm_store_right {
	width: 400px;
	float: right;
	padding-left: 50px;
}
.social_images {
	margin-bottom: 5px;
}

.art_lighthouse {
     float: right;
	 margin: 0px 80px 0px 80px;
}
.art_lighthouse_left_15 {
     float: right;
	 margin: 0px 80px 0px 15px;
}
.art_lighthouseLeft {
     float: left;
	 margin: 0px 40px 0px 40px;
}

table#managers 
{
    border-collapse:separate;
    border-spacing:0 10px;
}
.tables {
	padding-left: 20px;
	vertical-align: top;
}
.rockwell {
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 1.4em;
    font-weight: bold;
}

.hr {
	border: 0;
  	width: 80%;
	color: #441000;
	background-color: #441000;
	height: 4px;
	margin-left: 85px;
}
.em_125 {
	font-size:1.25em;
}
.em_115 {
	font-size:1.15em;
}
.half_br {
   display: block;
   margin: 3px 0;
}
.floatLeft { 
	clear:both;
	float: left; 
    margin: 10px; 
}
.floatRight {
	clear:both;
    float: right; 
    margin: 10px; 
}
.wis_floatLeft { 
	clear:both;
	float: left; 
    margin: 10px 40px 10px 30px; 
}
.wis_floatRight {
	clear:both;
    float: right; 
    margin: 10px 30px 10px 30px; 
}
.cal_floatRight {
	clear:both;
    float: right; 
    margin: 0px 30px 0px 30px; 
}

.center_this {
	text-align: center;
}
.center_img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.no_padding {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.footer_right {
	float:right; 
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
}
.footer_left {
	float:left; 
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.footer_menu {
	float:left; 
	font-family: Rockwell;
	font-size: 16px;
	color:#f2bb51;
	text-align: left;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.footer_menu_color {
	color:#f2bb51;
}
a:link {
	color:#441000;
	text-decoration: none;
	}
a:visited {
	color:#441000;
	text-decoration: none;
	}	
a:active {	
	color:#441000;
	text-decoration: none;
	}	
a:link:hover {
	color:#441000;
	text-decoration: none;
	}
a.faqlink:link {
	color:#bf0e28;
	text-decoration: none;
}
a.faqlink:visited {
	color:#bf0e28;
	text-decoration: none;
}
a.faqlink:hover {
	color:#000000;
	text-decoration: none;
}	
a.footer_menu_color:active {	
	color:#f2bb51;
	text-decoration: none;
}		
a.footer_menu_color:link {
	color:#f2bb51;
	text-decoration: none;
}
a.footer_menu_color:visited {
	color:#f2bb51;
	text-decoration: none;
}
a.footer_menu_color:hover {
	color:#000;
	text-decoration: none;
}	
	

/* ------------------ CSS for the Nav bar ----------------------font: 20px Rockwell, sans-serif;*/
#nav {padding: 0 0 0 40px; margin:0 0 0 10px; list-style:none; position:relative; z-index:200; background:url(../images/menu_bkgd_new.png) no-repeat; height:60px; width:930px;}
 
#nav ul {padding: 0px; margin:0px; list-style:none; float:left; background:#8c4211; border-top:1px solid #000; border-color:#000000;}

#nav li {float:left;}
#nav li li {float:none; border-left:1px solid #000; border-right:1px solid #000;}
#nav li li.last {border-bottom:1px solid #000;}
/* a hack for  IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#f2bb51; height:60px;  padding:10px 40px 0 10px; line-height:20px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li a.down {background:url(../images/menu/down.gif) no-repeat right center;}

#nav li li a {display:block; height:25px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:normal; letter-spacing:1px; border-top:1px solid #000; border-color:#000000;}
#nav li li a.fly {background:url(../images/menu/fly.gif) no-repeat right center;}

#nav li:hover {position:relative; z-index:300;}
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {color:#e97415;}

#nav li li a {color:#f2bb51;}
#nav li li.cssplay_hover a {color:#e97415; background-color:#00ff00;}

#nav li:hover ul {left:0; top:56px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:56px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#e97415;}
#nav li li:hover > a {color:#e97415; background-color:#8c4211;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#d5aa00;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{color:#000; background-color:#e5ba00;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* nav bar for footer */

/* CSS for the Nav bar */
#nav2 {padding:0 0 0 0; margin:0; list-style:none; font: 12px arial, sans-serif; position:relative; z-index:200; height:36px; width:1000px;}
 
#nav2 ul {padding:0; margin:0; list-style:none; float:left; background:#00690d; border-top:1px solid #fe7; border-color:#fe7 #b80 #b80 #fe7;}

#nav2 li {float:left;}
#nav2 li li {float:none; border-left:1px solid #fe7; border-right:1px solid #b80;}
#nav2 li li.last {border-bottom:1px solid #b80;}
/* a hack for  IE6 */
* html #nav2 li li {float:left;}

#nav2 li a {display:block; float:left; color:#fff; height:36px;  padding:0 25px 0 5px; line-height:36px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav2 li a.down {background:url(../images/menu/down.gif) no-repeat right center;}

#nav2 li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:normal; letter-spacing:1px;}
#nav2 li li a.fly {background:url(../images/menu/fly.gif) no-repeat right center;}

#nav2 li:hover {position:relative; z-index:300;}
#nav2 li.cssplay_hover {position:relative; z-index:300;}
#nav2 li.cssplay_hover a {color:#41b634;}

#nav2 li li a {color:#0255a5;}
#nav2 li li.cssplay_hover a {color:#fff; background-color:#41b634;}

#nav2 li:hover ul {left:0; top:33px; z-index:500;}
#nav2 li.cssplay_hover ul {left:0; top:33px; z-index:500;}

#nav2 ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav2 ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav2 li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav2 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav2 li:hover > a {color:#41b634;}
#nav2 li li:hover > a {color:#fff; background-color:#0255a5;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav2 li.cssplay_hover li.cssplay_hover a,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#d5aa00;}

#nav2 li.cssplay_hover li.cssplay_hover li a,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{color:#000; background-color:#e5ba00;}

/* show next level */
#nav2 li.cssplay_hover li.cssplay_hover ul,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav2 li.cssplay_hover ul ul,
#nav2 li.cssplay_hover li.cssplay_hover ul ul,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav2 li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}