@charset "UTF-8";

/* ___________________________ General Setup and Styling ____________________ */

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

* img	{border:none;}

:focus { outline:none;}

body {
	height:100%;
	margin:0;
	padding:0;
	font-size: 12px;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #694A16;
	background-image:url(../img/main/bg.gif);
	background-repeat:repeat;
	}


#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	min-height:100%;
	vertical-align:top;
	padding-bottom:50px;
}


#main {
	width:650px;
	padding:0;
	float:right;
	margin:0px;
	min-height:100%;
	vertical-align:top;
	text-align:left;
}

#logo	{margin:0 0 5px 15px;}
#searchBar {padding:15px 15px 0px 0px; margin:0px; background-color: #B1CB2C; height:47px; background-image:url(../img/main/head_bg.gif); background-repeat:repeat-x; background-position:bottom;}

#clear	{clear:both;}
.clr	{clear:both;}

a	{color: #95A91B; text-decoration:underline; line-height:15px;}
a:hover	{color: #BED532;}


a.links	{color: #95A91B; text-decoration:underline; background:url(../img/main/pop_up_icon.gif) left top no-repeat; padding: 0 0 3px 18px; display:block; line-height:15px;}
a.links:hover	{color: #BED532;}


#main p {margin: 0 0 1em 0; padding:0 15px 0 20px;}
#main p.last {margin: 0; padding:0 10px 0 10px;}
#main p.intro {margin: 0.5em 0 1em 0; padding:0 10px 0 10px;}
#main .lite {color: #79767c;}

#main h1.first {font-size: 22px; margin: 0; padding:0 0 10px 20px;}

#main h1 {font-size: 22px; margin: 0; padding:8px 0px 10px 20px;}
#main h2 {font-size: 16px; margin: 0; padding:8px 0px 8px 20px;}
#main h3 {font-size: 12px; margin: 0; padding:7px 0px 10px 20px;}
#main h4 {font-size: 10px; margin: 0; padding:0px 0px 8px 20px;}

#main ul {margin:0; padding:0px 0px 10px 35px;}
#main ul li {margin:0; padding:0px 15px 10px 0px; list-style:disc;}


#main ol {margin:0; padding:0px 0px 10px 40px;}
#main ol li {margin:0; padding:5px 15px 5px 0px;}


/* ___________________________ Left Hand Navigation Styling ____________________ */

#nav	{width:250px; margin:0; float:left; padding:0px; background-color:#fff; height:100%;}
#nav ul	{margin:0; padding:0; list-style:none; font-size:12px;}
#nav ul li 	{padding: 8px 0 8px 0; background-color: #fff; margin-right:10px;}
#nav ul li:hover 	{padding: 8px 0 8px 0; background-color:#BBE936;}
#nav a	{text-decoration:none; color:#4e7007; margin-left:15px;}
#nav a:hover	{text-decoration: none; color:#4e7007;}
#nav #currentpage a { color:#4e7007; text-decoration: none; font-weight:bold;}
#nav ul li#currentpage {background-color:#DDFE86;}



/* ___________________________ LEFT SIDE: Events and the Partnerships ____________________ */

.leftSide	{margin:0px; padding-top:20px;}
.leftSide h3	{border-bottom:1px solid #D7EC53; padding:4px 0px 12px 15px; margin:0px 12px 0px 0px; background-image:url(../img/main/head_bg_left.gif); background-repeat:repeat-x; background-position:bottom; font-size:11px;}
.leftSide p		{font-size:10px; margin:0px; padding:5px 20px 0px 15px; background:url(../img/main/left_bg_top.jpg) repeat-y;}
.leftSideBottom	{background: url(../img/main/left_bg_bottom.jpg) no-repeat; height:20px;}



/* ___________________________ Contact Form Styling ____________________ */

.formWrapper	{margin:10px 0 0 20px; padding:0; width:630px;}
.formText	{width:150px; float:left; vertical-align:top; padding: 5px 0 5px 0; line-height:25px; margin:0;}
.formField	{width:480px; float:right; vertical-align:top; padding: 5px 0 5px 0; margin:0;}
.query 	{width:340px; height:250px;}
.formButton	{margin: 10px 0 0 300px; border:none; width:50px; height:21px; background:url(../img/main/send_butt.gif) no-repeat;}

input.contact, textarea {
	font-size: 11px;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #694A16;
	background-color: #f9f9f9;
	border: 1px solid #D8D8D8;
	padding:3px;
	text-align:left;
}

/* ___________________________ Staff Page Styling ____________________ */

.staff img	{padding:0px 10px 5px 10px; float:left;}
.staff	{padding:0 0 10px 0;}
.break	{clear:both;}


/* ___________________________ Fun Days Styling ____________________ */


.funWrapper	{width:100%; clear:both;} 
.leftFun	{width:300px; float:left; text-align:left; margin-left:10px;}
.rightFun	{width:280px; float:right; text-align:left; margin-right:20px;}

#main h3.fun {font-size: 12px; margin: 0; padding:10px 0px 4px 5px; width:200px;}
#main p.fun {margin: 0; font-size:11px; padding:0px 0px 10px 5px;}

/* ___________________________ Fun Days Gallery ____________________ */

.funTop	{height:50px; background-color:#FFF; border-bottom:1px solid #BED532;}
.funGall	{background-image:url(../img/main/bg.gif); padding:30px 50px 50px 50px;}
.funTop h2 {font-size: 14px; margin: 0; padding:15px 0 15px 15px;}
.funGall img	{margin:10px 0px 0px 10px; border:2px solid #fff;}
.funGall img:hover	{border:2px solid #95A91B;}

.gallLeft	{width:660px; float:left;}
.gallRight	{width:185px; float:right; text-align:right; padding:10px 15px 15px 0px;}

#gallCopy	{position:absolute; bottom:0; width:100%; text-align:center; font-size:10px; background-image:url(../img/footer/footBg.jpg); height: 18px; line-height: 18px;}


ul#gallCopy {list-style:none; margin:0px; padding:0;}
ul#gallCopy li {display:block; float:left; font-size:9px; padding:0px 0px 0px 5px;}


ul#gallCopy a {color:#694A16; text-decoration:none;}
ul#gallCopy a:hover {color:#000; text-decoration:none}