/* CSS Document */
/*this version uses absolute/relative positioning between the side columns and their respective faux column containers. */
/* se notes on min and max width above
/* the content is first in the markup followed by the two side columns*/
/* this "content-first" markup is good for accessability and search engine optimization */
body {
	text-align:center; /* centers the layout in IE */
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	color: #3A6B08;
	}
* {margin:0; padding:0;} /* removes defaults of all elements */

div#mainwrap {min-width:760px; max-width:1200px; /* sets the max and miin widths */
	margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
	text-align:left; /* stops elements inheriting the body's text-center */
	}

div#header {
	height:125px;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	background: url(../images/grass.jpg) repeat-x #FFF;
	color: #cc3333;
	font-size: x-large;
	border-bottom: thick solid;
	border-bottom-color: black;
} /* tempoarary placeholder styles for header */

div#header2 {height:75px; margin-top:5px; padding:0; font-size: small; font-style: italic; text-align: center; color:#CC3300} /* tempoarary placeholder styles for header */

#header2 p.bigger{font-size: medium;}

div#contentarea { /* ensures bg is white if faux graphic doesn't load */
	position:relative; /* set positioning context  for left sidebar div */;
	   background: #FFF;
}

div#contentarea2 {background-color:#FFF; /* ensures bg is white if faux graphic doesn't load */
	position:relative; /* set positioning context  for right sidebar div */
	
	}

div#column1 {width:150px; /* left col width */
	position: absolute; /* contextual positioning in contentarea container */
	top:0px; left:1px; /*positions col within contentarea container */ /* left col bg color - (change color to see divs is position : ) */
	overflow:hidden; /* prevents overlarge elements breaking out of column */;
}



div#column2 {background-color:#FFF; 
	margin:0 0px 0 150px; /* left and right margins to make room for sidebars */
	background: url(../images/sun.gif);
 }


div#column3 {
	width:0px;
	position:absolute;  /* contextual positioning in contentarea container */
	top:0px; right:0px; 
 /*positions col within contentarea container */
	overflow:hidden; /* prevents overlarge elements breaking out of column */
	 background:#009933;
	}


div#footer {font-size: x-small; background-color:#339900; text-align:center; padding-top:2px; padding-bottom:2px;
}

div#across {font-size: small; text-align:center; color:#990033;
}

#footer a { text-decoration: none; color: white;}

 /* temp footer styles */

/* some basic styles for placeholder content */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter 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 */

b{font-size: 110%;
}

#column2 p{
color: #336600;
text-align: left;
}

#column2 h1 {
	color: #336600;
	text-align: left;
	font-size: .9em;
	text-transform: uppercase;
}


#column2 img {float:left; margin-right: 20px; margin-bottom: 4px; margin-left: 4px; display:inline;}


.innertube{ 
	   margin-right: 50px;
	   margin-left: 50px;
}


.innertube2{ 
	   margin-right: 20px;
	   margin-left: 20px;
	   margin-top: 40px;
	   margin-bottom: 20px;
}
.innertubeaddress{
	margin-right: 50px;
	margin-left: 190px;
}

#column2 ul { padding-left: 50px; color: #336600;}

#dates #column2 ul { padding-left: 50px; color: #336600;}

#dates #column2 ul li {font-weight: bold; line-height:1.5em; list-style-type: none; margin-top:5px;}

#dates #column2 ul li ul li{font-style: none; line-height:1.2em; list-style-type: disc; margin-top: 0; font-weight: normal; font-style: oblique; }

#column1 ul {
  margin-left: 20px; 
  padding: 0;
  list-style: none;
  text-transform: uppercase;
	font: 76%/.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}



#column1 ul a {
  padding: 0 1.8em;
  line-height: 2.1em;
  text-decoration: none;
  text-align:right;
  color: #339900;
  display: block;
}


#column1 ul a:hover {
  color: #66ff00;
}


#home ul .home a,
#farm ul .farm a,
#staff ul .staff a,
#dates ul .dates a,
#registration ul .registration a,
#directions ul .directions a,
#contact ul .contact a
 {
	color:#cc3300;
	cursor:  default;
}