/* Cascading Style Sheet for Islesboro Community Center*/
/*created 9/2/2009 by Ed Geis, Headwaters Writing & Design (www.hwaters.com)
/*revised by Ed 11/21/09

/*basic rules
*******************************************************/
	body	{
		margin:0;
		background-color:#003;
		font-family:verdana,sans-serif;
		}

/*layout*/	
	div#container	{
		background-color:#fff;
		width:980px;
		margin:0 auto 0 auto;
		border:10px solid #360;
		border-top-width:6px;
		}
		
	div#banner	{
		height:200px;
		background:#fff url(../images/banner-background.jpg) 260px -40px no-repeat;
		}
		
	div#content	{
		padding:10px;
		background-color:#fff;
		min-height:300px;
		}
		
	div#footer	{
		clear:both;
		background-color:#360;
		text-align:center;
		padding:8px;
		border-top:2px dotted #000;
		}
		
/*navigation menu
***********************************************************/
	div#navigation-menu	{
		background-color:#036;
		height:24px;
		width:100%;
		padding:4px 0 4px 0;
		clear:both;
		position:relative;
		}
		
	ul#navigation-menu	{
		list-style-type:none;
		/*white-space:nowrap;*/
		padding-left:0;
		margin:0;
		}
	
	/*main list items*/
	ul#navigation-menu li	{
		float:left;
		position:relative;
		/*display:inline;*/
		padding:0 10px 0 10px;
		margin:0;
		}
	
	/*rules for all links in the navigation menu*/
	ul#navigation-menu a	{
		color:#ff0;
		font-size:0.85em;
		text-decoration:none;
		font-weight:bold;
		padding:0;
		}
		
	/*hover effects for navigation links*/
	ul#navigation-menu li a:hover	{
		color:#fff;
		text-decoration:underline;
		}
		
	/*submenu dropdowns*/
	ul#navigation-menu li ul 	{
		display:none;
		position:absolute;
		background:#036;
		list-style-type:none;
		width:200px;
		padding:10px;
		}
		
	ul#navigation-menu li ul li a	{
		font-weight:normal;
		}
		
		
	/*makes the submenu appear when parent list item is hovered over*/
	ul#navigation-menu li:hover ul { 
		display:block;
		}
	
	/*submenu dropdown
	#navigation-menu li.off ul, #navigation-menu li.on ul  {
		position:absolute;
		top: 25px;
		left: 0;
		padding: 2px 0 0 60px;
		background:#fff;
		height:16px;
		width:740px;
		}
			

		
		/*#navigation_menu li a {
		color: #063;
		font-weight: bold;
		display:block;
		padding:0;
	}
		
	div#navigation-menu a:hover	{
		color:#fff;
		text-decoration:underline;
		}
/*"you are here" effects
#navigation-menu li.on ul {
	background: #fff;
	}
	
/*for ie
#navigation-menu ul, #navigation-menu li.over ul { 
	background: #fff;
	}

#navigation-menu li.on a {
		color: #063;
	}

#navigation-menu li.on ul a, #navigation-menu li.off ul a {
		float:left; /*ie doesn't inherit the float
	}

#navigation-menu li.on:hover ul a, #navigation-menu li.over ul li a { /*for ie - the specificity is necessary
		background: #fff;
	}

#navigation-menu li.on ul {
		display: block;
		padding-bottom:0;
	}

#navigation-menu li.off:hover ul, #navigation-menu li.over ul {
		display: block;
		z-index: 6000;
	}

#navigation-menu li.off a:hover, #navigation-menu li.on a:hover { 
		color: #063;;
	}

/*do the replacement
#navigation-menu li span {
		position: absolute;
		left: -9384px;
	}

#li-home a, #li-about a, #li-calendar a, #li-what-we-offer a, #li-community-hall a, #li-support a, #li-opportunities a, #li-contact a, #li-store {
		display: block;
		position: relative;
		height: 26px;
		background: url(../graphics/shared/navigation_bar.gif) no-repeat; /*contains all hover states
	}
/*specify width of each button
#li-home	{
	width:64px;
	}
	
#li-about	{
	width:75px;
	}
	
#li-calendar	{
	width:116px;
	}
	
#li-community-hall {
	width:111px;
	}
	
#li_get_involved {
	width:99px;
	}
	
#li_conserved_lands	{
	width:124px;
	}
	
#li_documents	{
	width:117px;
	}
	
#li_contact	{
	width:80px;
	}

/*first, put the initial states in place

#li_home a {
	background-position: 0 0;
}

#li_about a {
	background-position: -64px 0;
}

#li_protecting_land a {
	background-position: -139px 0;
}

#li_news_and_events a {
	background-position: -255px 0;
}

#li_get_involved a {
	background-position: -366px 0;
}

#li_conserved_lands a {
	background-position: -465px 0;
}

#li_documents a {
	background-position: -589px 0;
}

#li_contact a {
	background-position: -706px 0;
}

/*"you are here" effects for main level navigation menu
body#home #li_home a {
 	background-position: 0px -57px;
	 }
	 
body#what_we_do  #li_about a {
 	background-position: -64px -57px;
	 }
	 
body#where_we_work #li_about a {
 	background-position: -64px -57px;
	 }
	 
body#history #li_about a {
 	background-position: -64px -57px;
	 }
	 
body#board_and_staff #li_about a {
 	background-position: -64px -57px;
	 }

body#what_we_protect #li_protecting_land a {
 	background-position: -139px -57px;
	 }
	 
body#how_we_protect #li_protecting_land a {
 	background-position: -139px -57px;
	 }
	 
body#stewardship #li_protecting_land a {
 	background-position: -139px -57px;
	 }
	 
body#campaigns #li_protecting_land a {
 	background-position: -139px -57px;
	 }
	 
body#calendar #li_news_and_events a {
 	background-position: -255px -57px;
	 }
	 
body#press_room #li_news_and_events a {
 	background-position: -255px -57px;
	 }
	 
body#newsletters #li_news_and_events a {
 	background-position: -255px -57px;
	 }
	 
body#natural_history #li_news_and_events a {
 	background-position: -255px -57px;
	 }
	 
body#get_involved-overview #li_get_involved a {
 	background-position: -366px -57px;
	 }
	 
body#protect_your_land #li_get_involved a {
 	background-position: -366px -57px;
	 }
	 
body#volunteer #li_get_involved a {
 	background-position: -366px -57px;
	 }
	 
body#support #li_get_involved a {
 	background-position: -366px -57px;
	 }
	 
body#store #li_get_involved a {
 	background-position: -366px -57px;
	 }
	 
body#conserved_lands #li_conserved_lands a {
 	background-position: -465px  -57px;
	 }
	 
body#preserves #li_conserved_lands a {
 	background-position: -465px  -57px;
	 }
	 
body#easements #li_conserved_lands a {
 	background-position: -465px  -57px;
	 }
	 
body#documents #li_documents a {
 	background-position: -589px -57px;
	 }
	 
body#contact #li_contact a {
 	background-position: -706px -57px;
	 }
	 
/* "you are here" effects for submenus"
body#what_we_do #menu-what_we_do, 
body#where_we_work #menu-where_we_work,
body#history #menu-history,
body#board_and_staff #menu-board_and_staff,
body#what_we_protect #menu-what_we_protect,
body#how_we_protect #menu-how_we_protect,
body#stewardship #menu-stewardship,
body#campaigns #menu-campaigns,
body#calendar #menu-calendar,
body#press_room #menu-press_room,
body#newsletters #menu-newsletters,
body#natural_history #menu-natural_history,
body#get_involved-overview #menu-get_involved-overview,
body#protect_your_land #menu-protect_your_land,
body#volunteer #menu-volunteer,
body#store #menu-store,
body#conserved_lands #menu-conserved_lands-overview,
body#preserves #menu-preserves,
body#easements #menu-easements,
body#trails #menu-trails

{
	color:#600;
	}
	

	 
/*make submenus stay visible when user is within that set of pages
body#what_we_do ul#about_submenu,
body#where_we_work ul#about_submenu,
body#history ul#about_submenu	,	
body#board_and_staff ul#about_submenu,
body#what_we_protect ul#protecting_land_submenu,
body#how_we_protect ul#protecting_land_submenu,
body#stewardship ul#protecting_land_submenu,
body#campaigns ul#protecting_land_submenu,
body#protect_your_land ul#get_involved_submenu,
body#press_room ul#news_and_events_submenu,
body#newsletters ul#news_and_events_submenu,
body#calendar ul#news_and_events_submenu,
body#natural_history ul#news_and_events_submenu,
body#volunteer ul#get_involved_submenu,
body#support ul#get_involved_submenu,
body#store ul#get_involved_submenu,
body#conserved_lands ul#conserved_lands_submenu,
body#protecting_land ul#protecting_land_submenu,
body#news_and_events ul#news_and_events_submenu,
body#get_involved-overview ul#get_involved_submenu,
body#preserves ul#conserved_lands_submenu,
body#easements ul#conserved_lands_submenu,
body#trails ul#conserved_lands_submenu	{
	display:block;
	}

/*hover states

#li_home a:hover, #li_home:hover a, #li_home.over a {
	background-position: 0 -31px;
}

#li_about a:hover, #li_about:hover a, #li_about.over a {
	background-position: -64px  -31px;
}

#li_protecting_land a:hover, #li_protecting_land:hover a, #li_protecting_land.over a {
	background-position: -139px  -31px;
}

#li_news_and_events a:hover, #li_news_and_events:hover a, #li_news_and_events.over a {
	background-position: -255px  -31px;
}

#li_get_involved a:hover, #li_get_involved:hover a, #li_get_involved.over a {
	background-position: -366px  -31px;
}

#li_conserved_lands a:hover, #li_conserved_lands:hover a, #li_conserved_lands.over a {
	background-position: -465px  -31px;
}

#li_documents a:hover, #li_documents:hover a, #li_documents.over a {
	background-position: -589px  -31px;
}

#li_contact a:hover, #li_contact:hover a, #li_contact.over a {
	background-position:  -706px  -31px;
}

/*submenu formatting

#navigation_menu li.off ul a, #navigation_menu li.on ul a {
	display: block;
	background:#fff;
	color: #063;
	font-family: palatino, georgia, serif;
	font-size: 0.9em;
	padding-right:14px;
	margin-bottom:0;
	padding-bottom:0;
	height:18px;
}		

#navigation_menu li.on ul a {
	background: #fff;
}

*/

		
/*typography*/
	div#banner h1	{
		margin-top:0;
		}
		
	div#footer	{
		color:#fff;
		font-size:0.75em;
		}
		
	div#footer a	{
		color:#9f9;
		}
		
	div#footer a:hover	{
		color:#ff0;
		text-decoration:none;
		}

	/*Banner*/
	#banner h2	{
		font:italic bold 12px/20px arial,sans-serif;
		margin:50px 0 0 0;
		width:260px;
		float:left;
		}
		
	h1	{
		color:#360;
		font-size:1.25em;
		}
		
	h2,h3	{
		color:#006;
		font-style:italic;
		font-size:1em;
		}
		
/*images*/
	#content img	{
		border:1px solid #333;
		padding:10px;
		background:#fff;
		}
		
/*classes*/
	.float-left 	{
		float:left;
		margin-right:20px;
		}
		
	.homepage-menu-list	{
		float:left;
		list-style-type:none;
		}
		
	.homepage-menu-list li	{
		padding:4px;
		font-weight:bold;
		}
		
	.homepage-menu-list li a	{
		text-decoration:none;
		}
		
	/*navigation links*/
	#content a:hover	{
		color:#360;
		text-decoration:underline;
		}
		
	#content ul li	{
		margin: 0 0 8px 0;
		}