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

/* general typography*/
html, body {
height: 100%;
}

body {
	margin: 0 auto;
	width: 100%;
	font: 75%/120% Arial, Helvetica, sans-serif;
    text-align: left;
	position:relative;
	background: #B7D1E8;
}

h1{
	font-size:16px;
	font-weight:bold;
	color:#25685b;
}
h2{
	font-size:13px;
	font-weight:bold;
	color:#25685b;
}
p{
	font-family:Arial, Helvetica, sans-serif;
}
.green-ital{
	font-style:italic;
	font-weight:bold;
	color:#25685b;
}
.big-green-ital{
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#25685b;
}
.big-green-heading{
	font-size:18px;
	font-weight:bold;
	color:#25685b;
}
.page-title{
	color:#993333;
	font-size:16;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-weight:bold;
	padding: 20px 0px 0px 130px;

}
.spreadem{
		line-height:24px;

}
.bold{
	font-weight:bold;
}
.bold-italic{
	font-weight:bold;
	font-style:italic;
}
.italic{
	font-style:italic;
	}
.green-bold, a{
	color:#25685b;
	font-weight:bold;
}
.green-bold a:hover{
	color:#25685b;
	font-weight:bold;
}
.biggerfont{
	font-size:120%;
	font-weight:300;
	line-height:120%;
	
	}
/*main structure*/
#sky-wrapper{
	width:100%;
	margin: 0 auto;
	padding-top: 1px;
	background:url(/images/skywide.jpg);
	position:relative;
}
#mainwrap{	
	margin: 0 auto; 
	position: relative;
	float: none;
	width:850px;
	height:inherit;

	

}
#lto{
	position: relative;
	width:850px;
	height:656px;
	z-index:99;
	background:url(/images/green-texture.jpg);
	padding: 0px 0px 30px 0px;
	background-image: url(/images/green-texture.jpg);


}
#hp-lto{
	position: relative;
	width:850px;
	height:346px;
	z-index:99;
	background:url(/images/green-texture.jpg);
	padding: 0px 0px 30px 0px;
	background-image: url(/images/green-texture.jpg);


}
.pics {  
    height:  850px;  
    width:   346px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0px;  
    width:  850px; 
    height: 346px; 

} 
#main-pic{
	position: relative;
	width:850px;
	height:346px;
	z-index:99;
	background:url(/images/green-texture.jpg);
	padding: 0px 0px 30px 0px;


}
#top{
	position: relative;
	width: 850px;
	height:120px;

}
#logo{
	position:relative;
	float:left;
	
}
.email-signup{
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	
}

#topnav{

}
#body{
	position: relative;
	
	width:850px;
	background:url(/images/green-texture.jpg);
	padding-bottom:20px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	z-index:999;
}

#curve{
	position: relative;
	width: 728px;
	background:url(/images/yellow-curve.png);
	height: 54px;
	margin-left: 61px;
	padding: 0px 0px 0px 0px;
	

}
#pink-curve{
	position: relative;
	width: 728px;
	background:url(/images/pink-curve.png);
	height: 54px;
	margin-left: 61px;
	padding: 0px 0px 0px 0px;
	

}

#homecopy{
	position: relative;
	width: 678px;
	margin-left:61px;
	padding:20px;
	height:550px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#copy{
	position: relative;
	width: 678px;
	margin-left:61px;
	padding:20px;
	height:800px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:800px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
}
#menu-copy-12{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:1200px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy-14{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:1400px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy-16{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:1600px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy-18{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:1800px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy-20{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:2000px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy-24{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:2400px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy-26{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:2600px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}
#menu-copy-28{
	position: relative;
	width: 698px;
	margin-left:61px;
	padding:20px 0px 20px 20px;
	height:2800px;
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	

}#copy2{
	position: relative;
	width: 678px;
	margin-left:61px;
	padding:20px;
	
	background-color: #fff1a6;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;

}
#vday-copy2{
	position: relative;
	width: 678px;
	margin-left:61px;
	padding:20px;
	
	background-color: #eac1bd;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	border-bottom:5px solid #ffffff;

}
#footer{
	width:760px;
	height:30px;
	color:ffffff;
	 margin: 0 auto;

}
ul#footer li{
	list-style: none;
	display: inline;
	font: 90% Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 0px 20px;
	float:left;
	text-align:center;
	font-stretch:ultra-expanded;
	height:31px;
	position:relative;
	color: #e4e2ed;
	
}

ul#footer li a{
	color: #ffffff;
	text-decoration: none;
}
ul#footer a:hover{
	color: #fff2a6;
}


/********main nav***********/
#main-nav {
	height:30px;
	position:relative;
	 margin: 0 auto; 
	 padding: 5px 0px 0px 0px;
	 text-align: left;
	 width:auto;
	 z-index:20;
	background-color:#25685b;
}
ul#main-nav li{
	list-style: none;

	display:inline-block;
	font: 130% Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 25px 0px 0px;
	float: right;
	text-align:center;
	font-stretch:ultra-expanded;
	letter-spacing: 1px;
	height:21px;
	position:relative;
	color: #e4e2ed;
	
}

ul#main-nav li a{
	color: #ffffff;
	text-decoration: none;
}
ul#main-nav a:hover{
	color: #fff2a6;
}

#menu-nav {
	height:50px;
	position:relative;
	 margin: 0px 30px 0px 0px;
	 text-align: left;
	 width:auto;
	 z-index:99;
	 

}
ul#menu-nav li{
	list-style: none;
	display: inline;
	font: 130% Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: -20px 10px 0px 0px;
	float: right;
	text-align:center;
	font-stretch:ultra-expanded;
	height:40px;
	position:relative;
	color: #e4e2ed;
	
	
}

ul#menu-nav li a{
	color: #ffffff;
	text-decoration: none;
}
ul#menu-nav a:hover{
	color: #fff2a6;
}
/*level two on menu nav*/
ul#menu-nav li ul {
    display:none;
	position:absolute;
	font: 80% Arial, Helvetica, sans-serif;
	margin: -250px 50px 0px 0px;
	text-align: left;
}

ul#menu-nav li:hover ul{
    display:block;
    background:#678777;
	height:auto; 
	width:110px; 
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 0px 40px;
}
ul#menu-nav li ul li{
    clear:both;
	border-style:none;
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0px 40px -20px 0px; 
	width:110px;
	padding: 3px 3px 3px 3px;
}
ul#menu-nav li ul li a{
    clear:both;
	border-style:none;
	font: 100% Arial, Helvetica, sans-serif; 
}
/*end men subnav */
.group-function{
	text-align: center;
	width: 144px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-decoration: none;

}
.holidays{
	text-align: center;
	width: 144px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-decoration: none;

}
.fundraisers{
	text-align: center;
	width: 144px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-decoration: none;

}
.hnk-blog{
	text-align: center;
	width: 144px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-decoration: none;

}
.menu{
	text-align: center;
	width: 84px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-decoration: none;

}
/*hide panel on page load*/
#panel {display: none;}

#panel {
	
	height: 200px;
	width:900px;
	z-index:9999;
	position:relative;
	float:none;
	margin-top:90px

}
#panel-box {
	 background: #fff1a6;
	height: 200px;
	width:400px;
	padding:10px;
	border: solid 5px #000066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:bold;
	color:#25685b;
	position:relative;
	margin:0px 0px 0px 230px;

}

/********level 2 stuff***********/

#half{
	width:325px;
	position:relative;
	float:left;
	margin: 10px 0px 0px 10px;
}

#rightside{
	width:325px;
	position:relative;
	float:left;
}
/***menu pages (3rd level) ***/
#menu-left{
	width:452px;
	position:relative;
	float:left;
	margin: 10px 0px 0px 0px;
}
#menu-left-short{
	width:452px;
	min-height:482px;
	position:relative;
	float:left;
	margin: 10px 0px 0px 0px;
}
#menu-right{
	width:240px;
	height:482px;
	position:relative;
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(/images/menu-bg.png) left top no-repeat;;

}
#menu-l{
	width:325px;
	position:relative;
	float:left;
	margin: 0px 0px 0px 0px;
}

#menu-r{
	width:325px;
	margin: 0px 0px 0px 20px;
	position:relative;
	float:left;
}
.noFloat{
width:xxx;
height:1px;
background:none;
clear:both;
margin:0;
padding:0;
}


/*anniversary nav*/

#fourty-nav {
	height:14px;
	position:relative;
	 margin: 0 auto; 
	 padding: 0px 0px 0px 0px;
	 text-align: left;
	 width:auto;
	 z-index:20;

}
ul#fourty-nav li{
	list-style: none;
	display:inline-block;
	font: 110% Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	float: left;
	text-align:center;
	font-stretch:ultra-expanded;
	height:12px;
	position:relative;
	color:#25685b;
	
}

ul#fourty-nav li a{
	color:#25685b;
	text-decoration: underline;
}
ul#fourty-nav a:hover{
	color:#008040;
	text-decoration:underline;
}





/*menu nav*/

#vertical-nav{
	width:180px;
	height:180px;
	
	position:relative;
	float:left;
	margin: 110px 2px 0px 23px;
	padding: 0px 0px 0px 10px;
	color:#345d78;
	
}
ul#vertical-nav{
	list-style: none;
	display:block;
	font: 95% Comic Sans MS, Comic Sans MS5, arial, sans-serif;
	font:
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;

	text-decoration: none;
}
ul#vertical-nav li a{
	text-decoration: none;
	color: #080670;
	display:block;
	height:1%;
	margin: 5px 0px 0px 0px;
}

ul#vertical-nav li a:hover{
	text-decoration: none;
	color:#25685b;
	display:block;
	
}

.menu-heading{
	font-size:125%;
	color:#993300;

}
.menu-heading a{
	font-size:125%;
	color:#993300;

}
#menu-heading {
	font-size:125%;
	color:#993300;

}

#menu-heading a{
	font-size:125%;
	color:#993300;

}

.menu-item{
	font-weight: bold;
	color:#336699;

}
.new{
	color:#990033;
	font-weight:bold;
}

.smaller-font{
	font-size:75%;

}
.crumbs{
	font-size:72%;
	margin-left:35px;
	font-style: italic;

}
.menu-item-bigger{
	font-weight: bold;
	color:#336699;
	font-size:120%;

}
.bold-bigger{
	font-weight: bold;
	color:#000000;
	font-size:120%;

}