@charset "utf-8";
/* CSS Document */

BODY {
	background:url(../images/bodybckgrnd.jpg) top left no-repeat;
	font-size:small;
	margin-top: 0;
}

H1 {
	margin-left : 0;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.6em;
	font-weight : bold;
	color:#76b83c;
	line-height: 1.5em;
}

H2 {
	margin-left : 0;
	margin-right : 10px;
	margin-top : 5px;
	margin-bottom : 5px;
	padding: 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	font-weight : bold;
	color : #76b83c;
	line-height: 1.3em;
}

H3 {
	margin-left : 0;
	margin-right : 10px;
	margin-top : 5px;
	margin-bottom : 5px;
	font-family : Helvetica, sans-serif;
	font-size : 1.0em;
	font-weight : bold;
	color : #76b83c;
	line-height: 1.2em;
}
H4 {
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 5px;
	font-family : Helvetica, sans-serif;
	font-size : .85em;
	font-weight : bold;
	color : #76b83c;
	line-height : 1.2em;
}
H5 {
	margin-left : 0;
	margin-right : 10px;
	margin-top : 20px;
	margin-bottom : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .75em;
	font-weight : bold;
	color : #676767;
	line-height : 1.3em;
}


.underline {
	text-decoration:underline;
}
	

p {
	margin: 10px 0 3px 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.85em;
	color : #232323;
	line-height : 1.3em;
}

.copyrt {
	font-size: 0.5em;
	color: #00579B;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}
.boldtext {
	font-weight:bold;
}
.whitetext {
	color: #ffffff;
}

.smallwhitetext {
	font-size: 0.7em;
	color: #fff;
}
.greentext {
	color: #006837;
}
.lightgreentext {
	color: #76b83c;
}
.redbrowntext {
	color: #614d44;
}
.greygreentext {
	color: #23402c;

}
.smalldarktext {
	color: #232323;
	font-size: 0.85em;
	line-height: 1.1em;
	margin: 4px 5px 4px 0;
}
.greytext {
	font-size: 1.1em;
	color: #878787;
}
.smallgreytext {
	font-size: 0.75em;
	color: #878787;
}


.clearer {
	clear: both;
}

.lftimage {
	float:left;
	margin: 0 10px 0 0;
}
.rtimage {
	float:right;
}


/****LINK FORMATTING***/
a {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 1.0em;
	text-decoration : none;
	color : #444444;
}

a:hover {
	color : #676767;
}
a.whitenav {
	color: #ffffff;
}
a:hover.whitenav {
	color:#666600;
}
a img {
	border: none;
}
/*******LIST FORMATTING*****/
ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	color : #343434;
	list-style-position:outside;	
	list-style-type:disc;
	padding:0 0 0 1.2em;
	margin: 5px 0 8px .90em;
	



}
ol {
	font-family : Arial, Helvetica, sans-serif;
	font-size:0.90em;
	color : #343434;
	padding:0 0 0 15px;
	margin: 0 0 0 15px;
}

li {
	font-family : Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color : #343434;
	list-style-position:outside;	
	margin: 5px 0 0 .90em;
	padding: 0 0 0 .90em;
	
}

/******TOP NAV*****/

#topnavbar {
	float: right;
	width: 652px;
	height: 30px;
	margin: 0;
}


#topnav {
	float: left;
	width: 585px;
}

#topnav ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	width: 652px;
}
#topnav ul li {
	float: left;
	margin: 2px;
	padding: 0;
}
#topnav ul a {
	display: block;
	width: 70px;
	height: 12px;
	text-decoration: none;
	text-align:center;
	color: #000000;
	font-size: 0.80em;
	font-style:normal;
	font-weight:bold;
	border-right: #676767 1px solid ;
	
}

#topnav ul a:hover {

	color: #5a8824;
}
#topnav .morewidth {
	width: 95px;
}
#topnav .morewidthcurrentlink {
	width: 95px;
	color: #5a8824;
}
#topnav .noborder {
	border:none;
}
#topnav .currentlink {
	color: #5a8824;
}
#topnav .currentlinkleftborder {
	color: #5a8824;
	border-left: #676767 1px solid ;
}
#topnav .leftborder {
	border-left: #676767 1px solid ;
}
#topnavbar .facebook {
	float: right;
	margin: 0 5px 0 0;
}



/*******HOME PAGE DIVISIONS*********/
#homemainbody  {
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 975px;
	height:625px;
	background-color: #ffffff;
}
#homeheader {
	position: relative;
	top: 0;
	left: 0;
	width: 975px;
	height: 196px;
	background:url(../images/homeheader.jpg) top left no-repeat;
}
#hometagline {
	position: relative;
	top: 60px;
	left: 37px;
	width: 620px;

}

h3.taglinetext {
	color: #FFFFFF;
	font-size: 1.05em;
}

#homelogonavcontain {
	position: relative;
	top: 10px;
	left: 48px;
	width: 927px;
	height: 64px;

}
#homelogo {
	float: left;
	height: 64px;
	width: 219px;
	border: none;
}
#homelogo a img {
	border: none;
}


#homebasebar {
	position: relative;
	top: 20px;
	left: 0;
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
}

#homecontentcontain {
	position:relative;
	top: 0;
	left: 20px;
	width: 930px;
	height: 425px;
}
#homemaincontent {
	float: right;
	width: 615px;
	margin: 15px 0 0 0;
	padding: 0;
}
#homesidebar {
	float: left;
	width: 271px;
	height: 405px;
	margin: 0;
	padding: 0;
	background:url(../images/homesidebarbckgrnd.jpg) top left no-repeat;
}
#homesidebarphoto  {
	position: relative;
	top: -30px;
	left: 20px;
	width: 235px;
	height: 250px;
	z-index: 10;
}
#homesidebartextcontain {
	position: relative;
	top: 26px;
	left: 0;
	margin: 0 auto;
	width: 200px;
}
.homesidebartext {
	text-align:center;
}
#homemain3colcontain {
	position: relative;
	top: 15px;
	left: 0;
	width: 615px;
	height: 163px;
	z-index: 0;
}
#homemain3coltext {
	float: left;
	width: 180px;
	height: 163px;
}
#home3colrightcontain {
	float: right;
	width: 415px;
	height: 163px;

}
#newsbox {
	position: relative;
	top: 26px;
	left: 0;
	width: 613px;
	height: 95px;
	background:url(../images/homebasebarbckgrnd.jpg) bottom left no-repeat;
	border-top:#5a8824 2px solid;
}
#newsboxtextcontain {
	position: relative;
	top: 15px;
	left: 15px;
	width: 580px;
	height: 50px;
}
#copynotice {
	position: relative;
	top: 15px;
	left: 0;
	width: 975px;
	height: 10px;
	color: #ababab;
	font-size: 0.8em;
	text-align:center;
}



/******SUB-PAGE COMMON DIVISIONS*****/
#submain  {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 975px;
	background-color: #ffffff;	
}
#header {
	position: relative;
	top: 0;
	left: 0;
	width: 975px;
	height: 110px;
	background:url(../images/subheader.jpg) top left no-repeat;
}

#tagline {
	position: relative;
	top: -2px;
	left: 330px;
	width: 572px;
	height: 12px;
	z-index: 10;
}

#logonavcontain {
	position: relative;
	top: 10px;
	left: 48px;
	width: 927px;
	height: 64px;

}
#logo {
	float: left;
	height: 64px;
	width: 219px;
	border: none;
}
#logo a img {
	border: none;
}
#contentcontain {
	position:relative;
	top:0;
	left:20px;
	width:930px;
	height: 600px;

}
#titlewrapper {
	position: relative;
	top: -35px;
	left: 0;
	width: 975px;

}
#maincontent {
	float: right;
	width: 615px;
	margin: 85px 0 0 0;
	padding: 0;
}
#sidebar {
	float: left;
	width: 271px;
	height: 405px;
	margin: 0;
	padding: 0;
}
#sidebarconsultation {
	position: relative;
	top: 0;
	left: 0;
	width: 271px;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: 1.1em;
	font-weight:bold;
}

/*****NEWS/EVENTS PAGE DIVISIONS*****/
#newssidebarcontent {
	position: relative;
	top: 8px;
	left: 0;
	width: 271px;
	height: 675px;
	background-color:#e97d1d;
	/*background:url(../images/sidebarbckgrndburlap.jpg) top left no-repeat;*/

}
#newssidebarcontentcontain {
	position: relative;
	top: 28px;
	left: 25px;
	width: 220px;
}
.newssidebartext {
	font-size: .90em;
	font-weight:normal;
	line-height: 1.2em;
	margin-bottom: 8px;
}
#newstitle {
	position: relative;
	top: 10px;
	left: 331px;
	width: 644px;
	height: 108px;
	background:url(../images/newseventstitle.jpg) top left no-repeat;
}
#newstitletextcontain {
	position: relative;
	top: 33px;
	left: 225px;
	width: 275px;

}
.newstitletext {
	font-size: 0.80em;
	font-weight:bold;
	line-height: 1.2em;
	margin: 2px 5px 2px 5px;

}


#newscontent {
	position: relative;
	top: 0;
	left: 0;
	width: 612px;
}
/*****SERVICES PAGE DIVISIONS*****/
#servicessidebarcontent {
	position: relative;
	top: 8px;
	left: 0;
	width: 271px;
	height: 445px;
	background:#aad32c;

}
#servicessidebarcontentcontain {
	position: relative;
	top: 23px;
	left: 25px;
	width: 218px;
}
.servicessidebartext {
	font-size: 1.0em;
	font-weight:bold;
	line-height: 1.2em;
	margin: 2px 12px 8px 12px;
	color: #ffffff;
}
#servicestitle {
	position: relative;
	top: -20px;
	left: 331px;
	width: 644px;
	height: 139px;
	background:url(../images/servicestitle.jpg) top left no-repeat;
	z-index: 0;
}
#servicestitletextcontain {
	position: relative;
	top: 54px;
	left: 140px;
	width: 385px;

}
.servicestitletext {
	font-size: 0.75em;
	font-weight:bold;
	line-height: 1.1em;
	margin: 2px 5px 2px 5px;

}
#servicescontent {
	Float: right;
	width: 620px;
	margin: 97px 0 0 0;
}
#servicescontentdynamic  {
	float: left;
	width: 310px;
}
#servicessidecontent {
	float: right;
	width: 296px;

}

/*****WHATS FRESH PAGE DIVISIONS*****/
#whatsfreshsidebarcontent {
	position: relative;
	top: 8px;
	left: 0;
	width: 271px;
	height: 445px;
	background:#e97d1d;
	z-index: 100;
}
#whatsfreshsidebarcontentcontain {
	position: relative;
	top: 23px;
	left: 25px;
	width: 218px;
}
.whatsfreshsidebartext {
	font-size: 1.0em;
	font-weight:bold;
	line-height: 1.2em;
	margin: 2px 12px 8px 12px;
	color: #ffffff;
	font-style:italic;
}
#whatsfreshtitle {
	position: relative;
	top: 2px;
	left: 331px;
	width: 644px;
	height: 143px;
	background:url(../images/whatsfreshtitle.jpg) top left no-repeat;
	z-index: 0;
}
#whatsfreshtitletextcontain {
	position: relative;
	top: 35px;
	left: 165px;
	width: 350px;

}
.whatsfreshtitletext {
	font-size: 0.75em;
	font-weight:bold;
	line-height: 1.1em;
	margin: 2px 5px 2px 5px;

}
#whatsfreshcontent {
	Float: right;
	width: 620px;
	margin: 97px 0 0 0;
	z-index: 0;
}
#whatsfreshcontentdynamic  {
	position:relative;
	top: 0;
	left: 0;
	width: 615px;
	z-index: 0;
}

/*****ABOUT PAGE DIVISIONS*****/
#aboutsidebarcontent {
	position: relative;
	top: 8px;
	left: 0;
	width: 271px;
	height: 700px;
	background:#aad32c;

}
#aboutsidebarcontentcontain {
	position: relative;
	top: 23px;
	left: 15px;
	width: 230px;
}
.aboutsidebartext {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 2px 12px 8px 12px;
	color: #ffffff;
	
}
#abouttitle {
	position: relative;
	top: 2px;
	left: 331px;
	width: 644px;
	height: 139px;
	background:url(../images/aboutustitle.jpg) top left no-repeat;
	z-index: 0;
}
#abouttitletextcontain {
	position: relative;
	top: 35px;
	left: 155px;
	width: 350px;

}
.abouttitletext {
	font-size: 0.75em;
	font-weight:bold;
	line-height: 1.1em;
	margin: 2px 5px 2px 5px;

}
#aboutcontent {
	Float: right;
	width: 620px;
	margin: 97px 0 0 0;
}
.aboutcontenttitle {
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	color: #2b591c;
}

/*****GALLERY PAGE DIVISIONS*****/
#gallerysidebarcontent {
	position: relative;
	top: 8px;
	left: 0;
	width: 271px;
	height: 550px;
	background:#aad32c;

}
#gallerysidebarcontentcontain {
	position: relative;
	top: 23px;
	left: 15px;
	width: 236px;
}
.gallerysidebartext {
	font-size: 0.75em;
	line-height: 1.0em;
	margin: 2px 6px 8px 2px;
	color: #232323;
	font-weight:bold;
	
}
#gallerycontent {
	float: right;
	width: 596px;
	height: 417px;
	margin: 15px 28px 0 0;
}

/*******CONTACT PAGE DIVISIONS***********/
#contactheader {
	position: relative;
	top: 0;
	left: 0;
	width: 975px;
	height: 110px;
}

#contactsubmain  {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 975px;
	background:url(../images/contactbckgrnd.jpg) #ffffff top left no-repeat;	
}
#contactcontent {
	float: right;
	width: 570px;
	margin: 31px 0 0 0;
}
#contactfacebooklink {
	position: absolute;
	top: 18px;
	left: 515px;
	width: 31px;
	height: 31px;
}

#contactbbblink {
	position: absolute;
	top: 18px;
	left: 565px;
	width: 20px;
	height: 31px;
}
#contactinfo {
	float: left;
	width: 220px;
	margin: 35px 0 0 0;
}
#contactform {
	float: right;
	width: 290px;
}
#contactform p {
	font-weight:bold;
	font-size:0.85em;
	margin: 3px 0 0 0;
}
#contactform input {
	height: 15px;
	width: 220px;

}
#contactform textarea {
	width: 220px;

}
#contactsubmitbutton input {
	position: relative;
	width: 47px;
	height: 17px;
	top: 0;
	left: 175px;

}

/*******SIGN UP PAGE DIVISIONS***********/
#signupheader {
	position: relative;
	top: 0;
	left: 0;
	width: 975px;
	height: 110px;
}

#signupsubmain  {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 975px;
	background:url(../images/signupformbckgrnd.jpg) #ffffff top left no-repeat;	
}
#signupcontent {
	float: right;
	width: 570px;
	margin: 31px 0 0 0;
}
#signupfacebooklink {
	position: absolute;
	top: 18px;
	left: 515px;
	width: 31px;
	height: 31px;
}

#signupbbblink {
	position: absolute;
	top: 18px;
	left: 565px;
	width: 20px;
	height: 31px;
}
#signupinfo {
	float: left;
	width: 220px;
	margin: 35px 0 0 0;
}
#signupform {
	float: right;
	width: 290px;
}
#signupform p {
	font-weight:bold;
	font-size:0.85em;
	margin: 3px 0 0 0;
}
#signupform input {
	height: 15px;
	width: 220px;

}
#signupform textarea {
	width: 220px;

}
#signupsubmitbutton input {
	position: relative;
	width: 47px;
	height: 17px;
	top: 5px;
	left: 175px;

}




/******THANK YOU PAGE*********/

#thankyousidebarcontent {
	position: relative;
	top: 8px;
	left: 0;
	width: 271px;
	height: 445px;
	background:#e97d1d;

}
#thankyousidebarcontentcontain {
	position: relative;
	top: 23px;
	left: 25px;
	width: 218px;
}
.thankyousidebartext {
	font-size: 1.0em;
	font-weight:bold;
	line-height: 1.2em;
	margin: 2px 12px 8px 12px;
	color: #ffffff;
	font-style:italic;
}
#thankyoutitle {
	position: relative;
	top: 2px;
	left: 331px;
	width: 644px;
	height: 143px;
	z-index: 0;
}
#thankyoutitletextcontain {
	position: relative;
	top: 35px;
	left: 165px;
	width: 350px;

}
.thankyoutitletext {
	font-size: 0.75em;
	font-weight:bold;
	line-height: 1.1em;
	margin: 2px 5px 2px 5px;

}
#thankyoucontent {
	Float: right;
	width: 620px;
	margin: 97px 0 0 0;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: #76b83c;
z-index: 50;
}



.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #76b83c;
padding: 2px;
left: -1000px;
border: 1px solid #76b83c;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 50;
}


.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
top:0;
left: 20px; /*position where enlarged image should offset horizontally */
}

