/* CSS Document */


body {
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;	
	}

#container {
	width: 700px;
	margin: auto;
	padding: 10px;
	}


#header {
	width: 700px;
	height: 377px;
	background-image: url(../images/P1260054dWitchHazel.jpg);
	background-repeat: no-repeat;
	border-bottom: #333333 2px solid;
	border-top: #333333 4px solid;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #BEC686;
	text-decoration: underline;
	}
	
#navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#navigation a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	background-color: #333333;
	}
	
	
#navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	background-color: #333333;
	}
	
body#home a#homenav,
body#members a#membersnav,
body#events a#eventsnav,
body#gallery a#gallerynav,
body#resources a#resourcenav,
body#contact a#contactnav,
body#links a#linksnav,
 {
	background-color: #333333;
	color: #FFFFFF;
}
	

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#333333;
	text-decoration:none;
	background-color:#CCCCCC; padding:5px;
	  
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#333333;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;
	text-align: justify;
	
	}
	
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	
	}
	
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;
	text-align: justify;
	}
		
#links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;
	padding: 15px 0px 0px 0px;
	list-style-type: none; /*turns off display of bullet*/
	
	}


		
#map {
	float: left;
	border: #333333 2px solid;
	}
	
#adress {
	float: right;
	width: 260px;
	}
	
#members p {
	padding: 10px;
	background-color: #F2F7E1;
	}
	
#gallery {
	padding: 20px;
	margin-top: 5px;
	background-color: #EEF3EA;
	border: #333333 1px solid;
	}
	
#gallery a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	margin-left: 10px;
	}
	
#gallery a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	margin-left: 10px;
	}
	
img {
	border: #333333 2px solid;
	}
	
	
#december, #january, #february, #march, #april, #may{
	display: none;
	border-bottom:  #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	padding: 10px;
	}
	
#december_title, #january_title, #february_title, #march_title, #april_title, #may_title {
	cursor: pointer;
	}
	
#january a, #december a, #february a, #march a #april a, #may a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	float: right;
	}
	
#footer {
	width: 119px;
	top: 0px;
	left: 0px;
	position: fixed;
	}
	
#footer img {
	border: 0px;
	}
	
#footer p {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	}
	
#contact_adress {
	float: right;
	width: 400px;
	height: 400px;
	padding: 10px;
	border: #CCCCCC 1px solid;
	margin-right: 40px;
	margin-top: 30px;
	}
	
/*light box */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	
