@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2009.06
----------------------------------------------- */

/*the following style makes the right scrollbar appear on short pages so that the page doesn't jump when going from a scrollbar to no scrollbar */

html { 
	min-height: 100%; 
	margin-bottom: 1px; 
	}

body  {
	margin: 0;
	background: #fff url(/images/bg.gif) repeat;
	}
	
.container {
	width: 920px;
	color: #222;
	font-family: georgia, 'Times New Roman', serif;
	}

#header {             
	height: 277px;
	width:920px;
	}
	
#header #logo a {
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	display: block;
	height: 190px; 
	width: 920px;
	background: transparent url(/images/logo.gif) no-repeat 0 0;
	overflow: hidden;
	}
	
#contactTop {
	float: right;
	color: #221f73;
	font-size: 11px;
	}
	
	
/*
LINKS --------------------- */

a img {
	border: none;
	}
	
a {
	color: #4d62cb;
	text-decoration: none;
	}
	
a:hover {
	color: #cc0000;
	text-decoration: underline;
	}
	
	
/* 
NAVIGATION --------------------- */

.skiplink {
	display: none;
	} 
	
#navMain {
	float: left;
	width: 920px;
	height: 87px;
	text-transform: uppercase;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: bold;
	background: url(/images/bg_menu.gif) no-repeat;
	}
	
#navMain ul {
	float: left;
	margin: 28px 0 0 306px;
	padding: 0;
    }

#navMain li {
	float: left;
     display: inline;
     list-style: none;
	 padding: 0 15px 0 15px;
	 border-right: 2px solid #4b4790;
     }
	 
#navMain li#n-bio {
	 border-right: none;
     }

#navMain li a:link, #navMain li a:visited, #navMain li a:active {
     float: left;
	 padding: 0;
	 margin: 0;
	 font-size: 12px;
	 color: #4b4790;
     text-decoration: none;
     }
	 
#dance 	   			li#n-dance a:link, 			#dance li#n-dance a:active, 					#dance li#n-dance a:visited,
#cooking			li#n-cooking a:link,			#cooking li#n-cooking a:active,				#cooking li#n-cooking a:visited,
#blueberries		li#n-blueberries a:link,	#blueberries li#n-blueberries a:active,		#blueberries li#n-blueberries a:visited,
#decks				li#n-decks a:link,			#decks li#n-decks a:active,						#decks li#n-decks a:visited,
#bio					li#n-bio a:link,				#bio li#n-bio a:active,								#bio li#n-bio a:visited {
	color: #221f73;
	}
	 
#navMain li a:hover {
	color: #221f73;
     } 

/*
CONTENT LAYOUT AND COLUMNS --------------------- */

#sidebar {
	float: left;
	}
	
#content { 
	margin: 0;
	padding: 0;
	} 
	
#mainContent {
	text-align: left;
	padding: 0;
	margin-left: 30px;
	background-color: #fff;
	}
	
#home #mainContent {
	height: 600px;
	}
	
img.iconImage {
	margin: 36px 0 0 -4px;
	}
	
.farmNotes, .danceNotes {
	border: 3px double #c7deb9;
	width: 420px;
	padding: 5px 40px 10px 20px;
	margin: 10px 0 10px 0;
	}
	
.danceNotes {
	margin: 20px 0 10px 0;
	}
	
.bioPhoto {
	border: 3px double #4b4790;
	}
	
	
/*
TEXT  --------------------- */
	
p {	
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 14px;
	}
	
.farmNotes p, .danceNotes p {	
	font-size: 15px;
	color: #2a7400;
	margin-left: 48px;
	
	}
	
p.quote {	
	width: 180px;
	padding: 30px 0 15px 5px;
	margin: 0;
	font-style: italic;
	font-size: 14px;
	color: #7b7e82;
	background: url(/images/quote.gif) no-repeat 0 26px;
	}
	
p.quoteAuthor {	
	padding: 0 0 15px 5px;
	margin: 0;
	font-size: 13px;
	color: #7b7e82;
	}
	
p.testimonial {
	padding: 5px 90px 0 25px;
	font-size: 15px;
	background: url(/images/quote.gif) no-repeat 0 0;
	font-style: italic;
	}
	
p.sig {
	margin: 8px 100px 18px 25px;
	font-style: italic;
	font-weight: bold;
	color: #4c4f54;
	text-align: right;
	}
	
p.largeText {
	font-size: 17px;
	color: #221f73;
	font-family: georgia, times, serif;
	}
	
p.subhead {
	margin: -8px 0 12px 0;
	padding: 0;
	}
	
p.posted {
	text-transform: uppercase;
	font-size: 10px;
	margin: 10px 0 6px 0;
	padding: 0;
	}

	
/*
HEADING TAGS --------------------- */
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #221f73;
	font-family: georgia, 'Times New Roman', serif;
	font-variant: small-caps;
	}

h1 {
	margin: 38px 0 15px 0;
	font-size: 2.4em;
	}
	
h2 {
	padding: 10px 0 8px 0;
	margin: 0;
	font-size: 2.2em;
	}
	
h3 {
	padding: 10px 0 8px 0;
	margin: 0;
	font-size: 1.8em;
	line-height: 1.3em;
	font-variant: normal;
	}
	
.farmNotes h3, .danceNotes h3 {
	color: #2a7400;
	font-style: italic;
	padding: 10px 0 0 0;
	}
	
h4 {
	padding: 20px 0 16px 0;
	margin: 14px 0 0 0;
	font-size: 1.7em;
	font-variant: normal;
	font-style: italic;
	color: #313042;
	border-top: 5px solid #a3a2c1;
	}

h5 {
	padding: 10px 0 8px 0;
	margin: 0;
	font-size: 1.3em;
	}
	
h6 {
	padding: 10px 0 6px 0;
	margin: 10px 0 0 0;
	font-size: 1.1em;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	border-top: 1px dotted #a3a2c1;
	}
	
	
hr {
	margin: 30px 0 20px 0;
	color: #777; 
	background-color: #777; 
	}
	
	
	
/*
LISTS--------------------- */
	
ul {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
	list-style: none;
	}
	
li {
	padding: 0 0 5px 0;
	}
	
ul.bullet {
	margin: 5px 0 9px 3px;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
	list-style: none;
	}
	
ul.bullet li {
	padding: 0 0 5px 16px;
	margin: 0;
	background: url(/images/bullet.gif) no-repeat 0 7px;
	}
	
ul.top {
	font-size: 15px;
	line-height: 19px;
	}
	
ul.large {
	font-size: 15px;
	line-height: 19px;
	}
		
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px 35px 10px 25px;
	}

.fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 5px 35px 10px 0;
	}
	
.farmNotes .fltlt, .danceNotes .fltlt {
	margin: -10px 20px 0 -32px;
	}
	
.center {
	text-align: center;
	}
	
/* 
Image map for home page */

#imageMap {
	float: left;
	}
	
#mainContent ul#map {
	margin:0 0 0 95px;
	padding:0;
	width:670px;
	height:547px;
	background:url(/images/home_imagery.jpg) no-repeat;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
}

ul#map li {
	margin:0;
	padding:0;
	list-style:none;
	}

ul#map li a {
	position:relative;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(/images/spacer.gif);
	}

ul#map li a span { 
	display:none; 
	}

ul#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
	}


ul#map a.dance {
	left: 195px;
	top: 0px;
	width: 293px;
	height: 171px;
	text-decoration:none;
	}

ul#map a.blueberry {
	left: 0px;
	top: 50px;
	width: 181px;
	height: 234px;
	text-decoration:none;
	}

ul#map a.deck {
	left: 287px;
	top: -48px;
	width: 251px;
	height: 190px;
	text-decoration:none;
	}

ul#map a.cook {
	left: 493px;
	top: -480px;
	width: 175px;
	height: 225px;
	text-decoration:none;
	}


/*
TABLES--------------------- */

/* sortable table alternating row colors. styles below are for td's that have another class applied which makes the automatic class application not work. See the body onload for the automatic colors */
	
	
/*
FORMS ----------------------- */



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

	
#footer { 
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	height: 130px;
	width: 920px;
	background: url(/images/bg_footer.gif) no-repeat;
	} 
	
#footer p {
	margin: 0; 
	padding: 0; 
	}
	
address {
	margin: 0;
	padding: 63px 68px 0 0;
	font-size: 1.0em;
	font-style: normal;
	line-height: 1.5em;
	color: #221f73;
	font-family: georgia, 'Times New Roman', serif;
	float: right;
	text-align: right;
	}

#copyright{ 
	height: 10px;
	width: 920px;
	margin: 0 auto;
	} 

#copyright p {
	padding: 0; 
	font-size: 10px;
	color: #999;
	}
	
#copyright .fltlt {
	float: left;
	margin: 5px 0 0 34px;
	padding: 0;
	}
	
#copyright a {
	color: #999;
	}