@charset "utf-8";
/* CSS Document */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {
	height: 100%;
	}

body{
	background:#f7f2e3 url(../images/bkg.jpg) top center repeat-x;
	margin:0;
	padding:0px!important; /*this padding hack fixes things */
	text-align:center;
}

body > #wrapper {
	height: auto; 
	min-height: 100%;
	}

#main {
	background:url(../images/home_03.jpg) 0px 221px no-repeat;
	margin:0px auto;
	text-align:left;
	width:950px;
	padding-bottom: 100px;
	}  /* must be same height as the footer */
	
#banner{
	background:url(../images/home_01.jpg);
	text-align:right;
	width:950px;
	height:184px;}
#facebook{
	width: 90px;
	height:40px;
	float:right;
	}

#menu{
	background:url(../images/home_02.jpg);
	width:950px;
	height:37px;
	z-index:1000;
	position:relative;}

#container{
	width:870px;
	padding:0px 40px;
	position:relative;
	}
	
#intro-copy{
	padding-top:20px;
	width:437px;
	float:left;}
	
#photos{
	background:url(../images/photo-bkg_04.jpg);
	width:413px;
	height:297px;
	float:right;
	overflow:hidden;
	}
	
#photos img{
	margin:30px 0px 0px 24px;}
	
#tape{
	width:135px;
	height:35px;
	position:absolute;
	z-index:100;
	top:5px;
	left:600px;}

#container2{
	float:left;
	width:934px;
	padding:0px 8px 20px 8px;}

#news{
	background: url(../images/news-events_06.jpg);
	width:442px;
	float:right;
	height:219px;
	padding:50px 0px 0px 25px;
	}

#events{
	background:url(../images/news-events_05.jpg);
	width:382px;
	float:left;
	height:219px;
	padding:50px 0px 0px 85px;}
	
#footer {
	clear:both;
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	background-color:#056f2a;
	} 
	
#foot{
	background:url(../images/foot-bkg_06.jpg) 364px 0px no-repeat;
	width:950px;
	height:100px;
	margin:0px auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

#foot-lt{
	width:475px;
	float:left;
	text-align:center;
	padding-top:10px;}

#foot-rt{
	width:475px;
	float:right;
	color:#fff;
	font-size:12px;
	padding-top:5px;}
	
#address{
	width:212px;
	float:left;}
	
#hours{
	width:250px;
	float:right;
	padding-left:13px;}
	
/*------------INNER PAGE FORMATTING---------*/	

#container3{
	width:870px;
	padding: 0px 40px 20px 40px;
	}

/*------------MISC FORMATTING---------*/	
	
/*CLEAR FIX FOR STICKY FOOTER*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#foot-lt img{
	margin-top:5px;}
	
.stacked-photo{
	background: url(../images/stacked-photo.png);
	padding:27px 18px 29px 15px;
	margin-left:10px;
	margin-bottom:10px;}
	
.photo{
	padding:8px;
	background-color:#FFF;
	border:1px solid #A99B89;
	margin:10px;
}

/*------------FONT FORMATTING---------*/	

#intro-copy p, #container3 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#442b00;
	line-height:20px}
	
#container3 p{
	margin-bottom:15px;}
	
#container3 ul, #container3 ol{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#442b00;
	margin-left:35px;
	margin-bottom:15px;}
	
#container3 ol li{
	margin-bottom:8px;}
	
#container3 ul{
	list-style-type:square;}

#container3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #993300;
	font-weight: bold;
	text-decoration: none;}
	
.subhead{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:32px;
	color:#9e2b03;}

.smalltitle{
	display:block;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	color:#630;
	padding-top:10px;
	line-height:1em;
	margin-bottom:5px;
	height:20px;}
	
.smalltitle1{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	color:#630;
	padding-top:10px;
	line-height:1em;
	margin-bottom:5px;
	height:20px;}
	
.subhead-btrfly{
	display:block;
	background:url(../images/butterfly_03.gif) top left no-repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:32px;
	color:#9e2b03;
	padding-left:75px;
	padding-top:30px;
	line-height:1em;
	margin-bottom:20px;
	height:45px;}
	
.subhead-daisey{
	display:block;
	background:url(../images/yellow-flower.gif) top left no-repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:32px;
	color:#9e2b03;
	padding-left:75px;
	padding-top:30px;
	margin-bottom:20px;
	height:45px;}
	
.subhead-dogwood{
	display:block;
	background:url(../images/dogwood.gif) top left no-repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:32px;
	color:#9e2b03;
	padding-left:75px;
	padding-top:30px;
	margin-bottom:20px;
	height:45px;}
	
.subhead-monarch{
	display:block;
	background:url(../images/monarch.gif) top left no-repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:32px;
	color:#9e2b03;
	padding-left:75px;
	padding-top:30px;
	margin-bottom:20px;
	height:45px;}
	
#foot-lt a{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	margin-left:10px;
	}
	
#foot-rt a{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	}