body {font-family: Helvetica, Verdana, Arial, san-serif; margin: 0; padding: 0;}
img {border:0px;}
h1, h2 {font-family: 'Trajan Pro', 'Times New Roman', Times, serif; }
a:link {color: #7373ba}
a:visited {color: #7373ba}
a:hover {color: #7373ba}
a:active {color: #7373ba}

/* Colors:
#eaedda - Lt Sage (menu bkgd, tagline, banner text)
#b1bb74 - Dk Sage (divider bar)
#baa073 - Brown/Orange (menu inactive)
#7373ba - Lavender (menu hover & active, h1 text)
*/

/* Global Styles */
#wrapper {width:770px;margin: 0 auto;}
#header {height: 149px;}
#header h1{display: none;}
#navbox {position:relative}
#farmpic {background-image:none;	background-repeat: no-repeat;height: 248px; margin-top: 0px; float: left; width: 483px;}
#farmpic h1{display: none;} 
#contentwrapper{padding-top: 30px;	clear: both;}
#contentwrapper h1 {color: #7373ba;	font-weight: bold;text-transform: uppercase;font-size: 1.4em;}
#contentwrapper h2 {color: #7373ba;font-weight: bold;text-transform: uppercase;font-size: 1.2em;}
#contentwrapper h3 {color: #7373ba;font-weight: normal;text-transform: uppercase;font-size: 1.0em;}
#contentwrapperfull{padding-top: 0px;	clear: both;}
#contentwrapperfull h1 {color: #7373ba;	font-weight: bold;text-transform: uppercase;font-size: 1.4em;}
#contentwrapperfull h2 {color: #7373ba;font-weight: bold;text-transform: uppercase;font-size: 1.2em;}
#contentwrapperfull h3 {color: #7373ba;font-weight: normal;text-transform:uppercase;font-size: 1.0em;}
#content h1 {color: #7373ba;font-weight: bold;text-transform: uppercase;font-size: 1.4em;}
#content h2 {color: #7373ba;font-weight: bold;text-transform: uppercase;font-size: 1.2em;}
#content h3 {color: #7373ba;font-weight: normal;text-transform: uppercase;font-size: 1.0em;}
#contentleft {float: left;width: 280px;	border-right: 2px solid #b1bb74;padding-right: 25px;}
#contentright {float: left;	padding-left: 25px;	border-left: 2px solid #b1bb74;	width: 435px;margin-left: -2px;}
#contentright p {padding-right: 5px;}
#contentright ul {font-size: 0.85em;}
#contentfull {border-left: 2px solid #b1bb74;padding-right: 25px;clear: both;padding-left: 25px; margin-top:0px;}
#contentfull h1 {color: #7373ba;font-weight: bold;text-transform: uppercase;font-size: 1.4em;}
#contentfull h2 {color: #7373ba;font-weight: bold;text-transform: uppercase;font-size: 1.2em;}
#contentful h3 {color: #7373ba;font-weight: normal;text-transform: uppercase;font-size: 1.0em;}
#footer{clear:both;background-image: url(images/corner.gif);	background-position: right bottom;background-repeat: no-repeat;	height: 92px;z-index: -100;}
#bss {clear:both; 	text-align: right; 	font-size: 0.75em;	font-style: italic;}

/* Navigation */
#navmenu {background-image:url(images/menubg.gif); margin-top: 0px; float: left; height: 248px; padding-right: 20px; background-color: #eaedda; width: 257px; font-family: 'Trajan Pro', 'Times New Roman', Times, serif; position: relative; }
#navmenu ul {padding-top: 20px;}
#navmenu li{list-style:none;text-transform: uppercase;text-align: right;line-height: 170%;color: #baa073;font-weight: bold;}
#navmenu li a {text-decoration:none}
#navmenu a:link {color: #baa073}
#navmenu a:visited {color: #baa073}
#navmenu a:hover {color: #7373ba}
#navmenu a:active {color: #7373ba}
#memnavmenu {
	margin-top: 5px;
	margin-bottom: 0px;
	float: left;
	height: 43px;
	background-image:url(images/menubg.gif);
	padding-right: 20px;
	background-color: #7373ba;
	width: 740px;
	font-family: 'Trajan Pro', 'Times New Roman', Times, serif;
	position: relative;
	text-transform: uppercase; /*border:1px solid #7373ba;*/
	font-size: 0.9em;
}
#memnavmenu ul {padding-top: 10px; text-align: center;}
#memnavmenu li{list-style:none; text-align: center; color:#7373ba;font-weight: bold; display:inline;}
*#memnavmenu li a {text-decoration:none}
#memnavmenu a:link {color: #7373ba;}
#memnavmenu a:visited {color: #7373ba; }
#memnavmenu a:hover {color: #baa073; }
#memnavmenu a:active {color: #baa073;}
#login { display: block;  height: 74px; width: 305px; border-right: 2px solid #b1bb74; }
#login a{background-image: url(images/login.gif);background-repeat: no-repeat;display: block;height: 74px;width: 280px;}
#login a:hover {background-image: url(images/loginover.gif);}
img.memberlogin {border:0px;}
a.emaillink{color:#7373ba}
a.eventlink{color:#7373ba;font-weight: bold;}
a.membershome{font-weight: bold;}
.membershome p{font-style:italic}
#calendar td{
	text-align:center;
	vertical-align: top;
}

/*Disjointed Rollover */
span {
	display: none;
}

span img {
border:none;
}

a:hover {
border:none;
text-decoration:none;
}

a:hover span {
	position:absolute;
	left:-483px;
	top:0px;
	width:485px;
	height:248px;
	display:block;
	visibility: visible;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any container that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */