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


body {
	margin: 0px;
	background-image: url(images/main_back.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #94a398;
	font-family: Verdana, Geneva, sans-serif;
	color: #222222;
	font-size: 14px;
}
 @media only screen and (max-device-width: 480px) {
  body {
		 background-color: #94a398;
		 background-image: none;
		 }  
 
#links1 {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 360px;
	text-align: left;
}	


#links2 {
	position: relative;
	margin-top: 0px;
	margin-left: 15px;
	width: 360px;
	float: left;
}

.interests ul {
	position: relative;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 20px;
	padding-bottom: 20px;
	}

.interests li {
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 8px;
	list-style: none;}

/*END Links*/

 }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
		 background-color: #94a398;
		 background-image: none;
		 }  
 }

h2 {
	font-size: 14px;
	font-weight: bold;
	}

h3 {
	font-size: 16px;
	font-weight: bold;
	}


a {
	font-size: 12px;
	color: #0054a6;
	text-decoration: underline;
}

div, p {
	margin: 0px;
}

ul {
padding: 14px;
margin: 0;
list-style:disk;
}

li {
margin-left: 0px;
}



#wrapper1 {
	position: relative;
	margin-top: 54px;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	background-color: #d2dbc9;
	border: 10px solid #ffffff;
}

#header {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 940px;
	background-image: url(images/header_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	}
	
#header a {
	font-size: 10px;
	color: #0054a6;
	text-decoration: underline;
}
	
	
#logo {
	position: absolute;
	top: -36px;
	left: 0px;
	z-index: 100;
}

#heron {
	position: absolute;
	top: -27px;
	right: -34px;
	z-index: 100;
}

#active {
	position: absolute;
	top: 600px;
	left: 202px;
	z-index: 200;
}

#wrapper2 {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 940px;
	background-image: url(images/nav_bg.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	}


#wrapper2b {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 940px;
	background-image: url(images/nav_bg2.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	}

#nav_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 191px;
	}
	
#mid_container {
	position: relative;
	margin-top: 0px;
	margin-left: 191px;
	width: 530px;
	min-height: 560px;
	}

#mid_container2 {
	position: relative;
	margin-top: 0px;
	margin-left: 240px;
	width: 700px;
	}

#side_container {
	position: absolute;
	top: 0px;
	left: 729px;
	width: 211px;
	background-image: url(images/side_bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
		}

.bar {
	width: 211px;
	background-image: url(images/bar.jpg);
	height: 49px;
}
		

#footer {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	text-align: right;
	width: 940px;
	color: #ffffff;
	background-color: #323c3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
}
	
#footer a {
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}

#graphic {
	position: relative;
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	text-align: right;
	padding-bottom: 30px;
}

#graphic a{
	color: #ffffff;
	background-color: #734d43;
	font-size: 12px;
	font-style: italic;
	text-decoration: underline;
	padding: 6px;
	}

/*START About Us*/

#reasons ul {
	position: relative;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 20px;
	padding-bottom: 20px;
	}

#reasons li {
	list-style-image: url(images/bullet.jpg);
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 8px;
	}

/*END About Us*/

#groups {
	position: relative;
	margin-top: 10px;
	margin-left: 18px;
	width: 500px;
	text-align: left;
}
	

/*START Event Schedule*/
#events_header {
	position: relative;
	margin-top: 10px;
	margin-left: 0px;
	width: 538px;
	text-align: center;
}

#events {
	position: relative;
	margin-top: 10px;
	margin-left: 18px;
	width: 500px;
	text-align: center;
}

#events th {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#events td {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 2px 4px 2px 4px;
	
}


#events ul {
padding: 0;
margin: 0;
list-style:circle;
}

#events li {
margin-left: 15px;
}


#additions {
	position: relative;
	margin-top: 20px;
	margin-left: 18px;
	width: 500px;
	}
	
/* END Event Schedule*/

	
/* START hour/directions*/

#mid_container3 {
	position: relative;
	margin-top: 0px;
	margin-left: 191px;
	width: 729px;
	}

#splash {
	position: relative;
	margin-top: 0px;
	margin-left: 44px;
	width: 640px;
}

#splash a {
	text-decoration: none;
}

#splash img {
	border: none;
}

#wrapper3 {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	background-image:url(images/hours_bg.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	width: 749px;
}

#wrapper4 {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	background-image:url(images/hours_bg.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	width: 449px;
}

#wrapper3_inner {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	width: 709px;
}

#wrapper3_inner a {
	font-size: 14px;
}

#wrapper4 {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 649px;
	}
	

#hours {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 284px;
	text-align: left;
	height: 600px;
}


#map_g1 {
	position: absolute;
	top: 10px;
	left: 284px;
	width: 445px;
	text-align: center;
	padding-bottom: 20px;
}


#map2 {
	position: relative;
	margin-top: 0px;
	margin-left: 50px;
	width: 600px;
	text-align: center;
	height: 700px;
}

#map3 {
	position: relative;
	margin-top: 0px;
	margin-left: 20px;
	width: 699px;
	text-align: center;
	height: 700px;
}


#map4 {
	position: relative;
	margin-top: 0px;
	margin-left: 20px;
	width: 629px;
	text-align: center;
	height: 500px;
}
	

/* END hour/directions*/

/* START gallery*/

#mid_container4 {
	position: relative;
	margin-top: 0px;
	margin-left: 191px;
	width: 749px;
	color:#fff;
	background-image:url(images/hours_bg.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
			}
	
#quick {
	position: relative;
	margin-top: 10px;
	margin-left: 0px;
	width: 425px;
	color: #222;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #222;
	background-color: #ecf6e2; 
}

	
#quick2 {
	position: relative;
	margin-top: 10px;
	margin-left: 0px;
	width: 525px;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #222;
	background-color: #ecf6e2; 
}


#contactinfo {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 284px;
	text-align: left;
	float: left;
}

#newsletter_info {
	position: relative;
	background-image: url(images/news_bg.png);
	background-position: 10px 244px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	width: 284px;
	text-align: left;
	padding-bottom: 30px;
	float: left;
}


#quickcontact {
	position: relative;
	top: 10px;
	left: 0px;
	width: 425px;
	text-align: center;
	float: left;
}


#quickcontact2 {
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	}

/* END gallery*/


/*START Links*/

#links1 {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 360px;
	float: left;
}

#links2 {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	width: 360px;
	float: left;
}

#photo_text {
	font-size: 14px;
}

#photo_text img {
	padding-top: 20px;
	padding-bottom: 20px;
}




.blue1 {
	font-size: 26px;
	font-weight: bold;
	color: #0253a2;
	text-align: center;
}

.blue2 {
	font-size: 14px;
	font-weight: bold;
	color: #0253a2;
	text-align: center;
}

.blue3 {
	font-size: 16px;
	font-weight: bold;
	color: #0253a2;
	text-align: center;
}

.blue4 {
	font-size: 16px;
	font-weight: bold;
	color: #0253a2;
	text-align: left;
}

.black_big_header {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.black1 {
	font-size: 24px;
	font-weight: bold;
}

.black2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}

.black3 {
	font-size: 10px;
	font-weight: normal;
}

.black4 {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

.black5 {
	font-size: 12px;
	font-weight: normal;
}

.black6 {
	font-size: 14px;
	font-weight: bold;
}

.black7 {
	font-size: 14px;
	font-weight: normal;
}


.email_hp {
	display: none;
}

.red1 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #C30;
}

.red2 {
	font-size: 10px;
	font-weight: normal;
	color: #C30;
}

.red3 {
	font-size: 10px;
	font-weight: normal;
	color: #F90;
}

/*START styling bird photo*/

.regular {
	position: relative;
	margin-top: 20px;
	margin-left: 0px;
	font-size: 14px;
	}

.indent {
	position: relative;
	margin-top: 20px;
	margin-left: 10%;
	margin-bottom: 20px;
}

.indent2 {
	position: relative;
	margin-top: 10px;
	margin-left: 5%;
	font-size: 14px;
}

.indent3 {
	position: relative;
	margin-top: 10px;
	margin-left: 10%;
	font-size: 14px;
}



/*END styling bird photo*/

/*START styling background of schedule*/
.saturdayb {
	background-color: #c7d9b6;
}

.mondayb {
	background-color: #becfad;
}

.otherdayb {
	background-color: #becfad;
}

.specialdayb {
	background-color: #e3f3d5;
}

/*END styling background of schedule*/


/*START styling the navigation*/
#bhome a#home,
#bfestival a#festival,
#babout a#about,
#binfo a#info,
#blinks a#links,
#bphotography a#photography,
#bnewsletter a#newsletter,
#bschedule1 a#event,
#bschedule2 a#event,
#balbum1 a#photos,
#balbum2 a#photos,
#balbum3 a#photos,
#balbum4 a#photos,
#balbum5 a#photos,
#bdirections a#directions,
#btrail1 a#layout,
#bplan1 a#layout,
#bplan2 a#layout,
#bcontact a#contact,
#bfaq a#faq

 	{
	color: #FC0;
}
#bschedule1 a#schedule1,
#bschedule2 a#schedule2,
#balbum1 a#album1,
#balbum2 a#album2,
#balbum3 a#album3,
#balbum4 a#album4,
#balbum5 a#album5,
#bplan1 a#plan1,
#bplan2 a#plan2,
#btrail1 a#trail1
	{
	color: #e2b500;
	font-weight: bold;
}


.glossymenu{
margin: 5px 0;
padding: 0;
width: 180px; /*width of menu*/
border: 1px solid #252c2d;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #404b4d url(nav_images/glossyback.gif) repeat-x bottom left;
font: bold 13px Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
*width:100%; /* targets IE6 and 7 */
padding: 6px 0;
padding-left: 8px;
text-decoration: none;
}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 8px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background: #1d2224;
}


.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #63767d;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #252c2d;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 4px 0;
padding-left: 8px;
}

.glossymenu div.submenu ul li a:hover{
background: #1d2224;
color: white;
}
	
/*END styling the navigation*/