/*********************************************************/
/*** additional css formatting for lovely root website ***/
/*********************************************************/


body {
background:url(../images/farm/farm-background.jpg) repeat fixed;
	}
	


/*****************************************/
/*** Headers ***/
/*****************************************/

h1, h2, h3 {
	color:#E9002B;
}

.contentheading, .componentheading-contactPage, .componentheading-gallery, .componentheading {
color:#E9002B;
}



	
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

div#bodyWrapper {
background-color:#333;
color:#fff;
}
	
div#header {
background:url(../images/farm/farm-header.gif) no-repeat top left #cc0033;
	}
	
div#topLogo #topLogoFarm a {
width:440px;
height:120px;
display:block;
}
	
div#contentWrapper {
	background-color:#333;
	color:#fcf9e8;
	}
	
div#content {
background-color:#333;
color:#fff;
	}




/*****************************************/
/*** Top Nav and image replacement ***/
/*****************************************/


div#topNav {
background-color:#fcf9e8;
border-top: #cc0033 solid 10px;
color:#333;
	}
	
#topNav a:link, #topNav a:visited, #topNav a:active {
color:#333;
}
#topNav a:hover {
color:#cc0033;
}
	

/*first one below does not have width for item otherwise it would hide items in ul below that - thereafter width for all items is fine ************/

.item73 a {
	background: url(../images/farm/home_f2.gif); /*image preload*/
}
.item73 a:link, .item73 a:visited, .item73 a:active {
	background: url(../images/farm/home.gif) no-repeat top left;
	display:block;
	width:79px;
	height:45px;
}
#current.item73 a:link, #current.item73 a:visited, #current.item73 a:active, .item73 a:hover {
	background: url(../images/farm/home_f2.gif) no-repeat top left;
	display:block;}
	
/* as top level link has no unique id that doesn't affect those below - width and height settings below overide above and important is needed to overide the home image showing on all on home page - and line after hover important to overwrite the previous line important ************/
	
	
.item72 {width:73px;
background: url(../images/farm/about_f2.gif); 
}
.item72 a:link, .item72 a:visited, .item72 a:active {
	background: url(../images/farm/about.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item72 a:link, #current.item72 a:visited, #current.item72 a:active, .item72 a:hover {
	background: url(../images/farm/about_f2.gif) no-repeat top left !important;
	display:block;}	


	
	
.item74 {width:63px;
background: url(../images/farm/food_f2.gif);
}
.item74 a:link, .item74 a:visited, .item74 a:active {
	background: url(../images/farm/food.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item74 a:link, #current.item74 a:visited, #current.item74 a:active, .item74 a:hover {
	background: url(../images/farm/food_f2.gif) no-repeat top left !important;
	display:block;}	




.item75 {width:69px;
	background: url(../images/farm/drink_f2.gif);
}
.item75 a:link, .item75 a:visited, .item75 a:active {
	background: url(../images/farm/drink.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item75 a:link, #current.item75 a:visited, #current.item75 a:active, .item75 a:hover {
	background: url(../images/farm/drink_f2.gif) no-repeat top left !important;
	display:block;}	



.item150 {width:145px;
background: url(../images/farm/dining_f2.gif);
}
.item150 a:link, .item150 a:visited, .item150 a:active {
	background: url(../images/farm/dining.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item150 a:link, #current.item150 a:visited, #current.item150 a:active, .item150 a:hover {
	background: url(../images/farm/dining_f2.gif) no-repeat top left !important;
	display:block;}	
	



	
.item149 {width:81px;
background: url(../images/farm/events_f2.gif);
}
.item149 a:link, .item149 a:visited, .item149 a:active {
	background: url(../images/farm/events.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item149 a:link, #current.item149 a:visited, #current.item149 a:active, .item149 a:hover {
	background: url(../images/farm/events_f2.gif) no-repeat top left !important;
	display:block;}	


	
	
	
.item76 {width:99px;
background: url(../images/farm/partners_f2.gif);
}
.item76 a:link, .item76 a:visited, .item76 a:active {
	background: url(../images/farm/partners.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item76 a:link, #current.item76 a:visited, #current.item76 a:active, .item76 a:hover {
	background: url(../images/farm/partners_f2.gif) no-repeat top left !important;
	display:block;}	
	


	
	
.item151 {width:93px;
background: url(../images/farm/gallery_f2.gif);
}
.item151 a:link, .item151 a:visited, .item151 a:active {
	background: url(../images/farm/gallery.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item151 a:link, #current.item151 a:visited, #current.item151 a:active, .item151 a:hover {
	background: url(../images/farm/gallery_f2.gif) no-repeat top left !important;
	display:block;}	
	
	


	
.item77 {width:131px;
background: url(../images/farm/recruit_f2.gif);
}
.item77 a:link, .item77 a:visited, .item77 a:active {
	background: url(../images/farm/recruit.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item77 a:link, #current.item77 a:visited, #current.item77 a:active, .item77 a:hover {
	background: url(../images/farm/recruit_f2.gif) no-repeat top left !important;
	display:block;}	
	
	


	
.item126 {width:107px;
background: url(../images/farm/contact_f2.gif);
}
.item126 a:link, .item126 a:visited, .item126 a:active {
	background: url(../images/farm/contact.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item126 a:link, #current.item126 a:visited, #current.item126 a:active, .item126 a:hover {
	background: url(../images/farm/contact_f2.gif) no-repeat top left !important;
	display:block;}	
	
		
/*** end of nav *****************************/
	
	





/*** homepage layouts ***/

#leftColLarge {
	background:url(/venues/images/stories/farm/farm-home-left.gif) no-repeat top left #333;
	color:#fff;
	height:494px;
	width:445px;
	float:left;
	margin-bottom:10px;
}
#rightColLarge {
	background:url(/venues/images/stories/farm/farm-home-right.jpg) no-repeat top right #333;
	height:494px;
	width:495px;
	float:right;
		margin-bottom:10px;
}	

	
/* use these for brown bottom block */

#homeContent {
background:none #FCF9E8;
color:#333;
}

#homeCopy  {
float:left;
margin-left:0;
padding:30px 10px 10px;
width:580px;}

#homeQuote  {
background:url("/venues/images/stories/farm/farm-home-quote-sm.gif") no-repeat scroll center top #FCF9E8;
float:right;
margin:18px 15px 0 0;
width:315px;
display:inline;}

#homeQuote p {
visibility:hidden;
}

#homeCopy h1, #homeCopy h2, #homeCopy h3 {
font-size:1em;
line-height:1.3em;
margin:0 0 1.5em;
color:#333;}

#homeCopy h3 {
color:#333;
}

#homeCopy strong {
font-weight:normal;
}

#homeCopy a:link, #homeCopy a:visited, #homeCopy a:active {
	color:#333 !important;
}
#homeCopy a:hover {
	color:#666 !important;
}

#bottomLinks2{
text-align:center;
}
#bottomLinks2 li {
color:#333;
display:inline;
font-weight:normal;
font-size:0.9em;
}





/*** sub layouts ***/

#content a:link, #content a:visited, #content a:active {
	color:#ccc;
}
#content a:hover {
	color:#fff;
}

#contentRight {
border-top: #cc0033 solid 10px;
border-bottom: #cc0033 solid 10px;
}

	
/*****************************************/
/*** footer ***/
/*****************************************/



div#footer {
	background:#fcf9e8 url(../images/farm/farm-footer.gif) no-repeat top right;
	color:#333;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#333;
}
#footer a:hover {
	color:#666;
}




/* META
--------------------------------------------------------- */



/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #ccc;
}




/* ------- links in moduletable_menu  - as seen in client login area ------------------------- */


.moduletable_menu a:link, .moduletable_menu a:visited, .moduletable_menu a:active {
	color:#ccc;
}
.moduletable_menu a:hover {
color:#fff;
}



/* ------- styling also for client - paste into editor css file ------------------------- */


.contact {
	color:#ccc;
}

.contact a:link, .contact a:visited, .contact a:active {
	color:#fff;
}




/* alt for ie all ie6 and ie7 */
#topNav ul.menutop ul {
*width: 861px;
*margin: 0 0 0 79px;
_margin: -45px 0 0 79px;
}


/* overide map location and style */

#content {
position:relative;
}

#google-map iframe 
{
border: 2px solid #fff;
}*

.moduletable-map-location  {
position:absolute;
top:965px;
left:560px;
}


/*IE <= 8:*/ /*.moduletable-map-location { margin: -875px 10px 0 0\9; }*/
/*IE <= 7:*/ /*.moduletable-map-location { *margin: -890px 10px 0 0; }*/