/*Created for www.getonboardmuskoka.com not to be reproduced in any way.
© Shannan Boothby - Ripples Web Design www.rippleswebdesign.com July 6, 2009 */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	background-color:#000;
	width:979px;
	margin-left:auto;
	margin-right:auto; 
}
#banner{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:979px;
}
#printbanner{
	display:none;
}
#content{
	background-color:#FFF;
}

#textcontainer{
	margin-left:15px;
	margin-right:15px;
	margin-top:0px;
}
#copyright{
	color:#CC9;
	font-size:10px;
}
#bottomnav{
	color: #00C;
	font-size:12px;
	text-align:center;
	font-variant:small-caps;
	clear:both;
}
#bottomnav a{
	color:#cc9;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
#bottomnav a:hover{
	color: #06F;
	font-size:12px;
	text-align:center;
	text-decoration:underline;
}
.bottom{
	width:500px;
	height:2px;
}
h1{
	font-size:18px;
	color: #F90;
	border-bottom: dashed #F90 thin;
	
}
h2{
	font-size:14px;
	color:#963;
	clear:both;
}
h3{
	font-size:16px;
	color:#060;
}
/* -------------------- HOME PAGE -------------------- */
#inner{
	margin-left:18px;
	margin-right:18px;
}
#upcoming{
	width:300px;
	float:right;
	border:#F00 solid thin;
	clear:both;
	background-color: #F3F3F3;
}
#fireboatmain{
	margin-bottom:35px;
}
.upcomingtitle{
	color: #F90;
	font-size:18px;
}
.blurb{
	width:200px;
}
/* -------------------- END OF HOME PAGE -------------------- */
/* -------------------- CONTACT PAGE -------------------- */
#right{
	float:right;
}
#left{
	float:left;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:15px;
}
/* -------------------- END OF CONTACT PAGE -------------------- */
/* -------------------- EVENTS PAGE -------------------- */
.eventshr{
	width:300px;
	float:left;
	
}
/* -------------------- END OF EVENTS PAGE -------------------- */
/* -------------------- SPONSORS PAGE -------------------- */
/* -------------------- END OF SPONSORS PAGE -------------------- */
/* -------------------- PHOTOS PAGE -------------------- */
#clear{
	clear:both;
}
/* Photos */
.photogallery{
	float: left;
}
.thumbnail{
	padding: 4px;
	border: 1px solid #999999;
	float: left;
	height:80px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.caption{ 
	font-size: 0.9em; 
	padding-top: 0.2em ;	
}
#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; 
}
#closeButton{ 
	top: 5px; 
	right: 5px; 
}
#lightbox img{ 
	border: none; 
	clear: both;
} 
#overlay img{ 
	border: none; 
}
#overlay{ 
	background-image: url(../images/overlay.png); 
}
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
}
/* End of Photos */
/* -------------------- END OF PHOTOS PAGE -------------------- */
/* -------------------- NAVIGATION PAGE -------------------- */
#nav
{
	margin-bottom:0px;
	margin-top:0px;
	padding:0;
}
				#navigation{
					margin-bottom:0px;
					margin-bottom:0px;
					margin-left:auto;
					margin-right:auto;
					background-color: #c1c5c6;
					height:30px;
					width:979px;
				}
				/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
				/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
				/*******************************************************************************
				 LAYOUT INFORMATION: describes box model, positioning, z-order
				 *******************************************************************************/
				/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
				ul.MenuBarHorizontal{
					margin: 0;
					padding: 0;
					list-style-type: none;
					font-size: 100%;
					width: 979px;
					margin-bottom:0px;
				}
				/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
				ul.MenuBarActive{
					z-index: 1000;
				}
				/* Menu item containers, position children relative to this container and are a fixed width */
				ul.MenuBarHorizontal li{
					padding: 0;
					list-style-type: none;
					font-size: 100%;
					text-align: left;
					cursor: pointer;
					margin-bottom:0px;
					height:20px;
					float: left;
					font-variant:small-caps;
					border: 1px solid #CCC;
					position:relative;
				}
				/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
				ul.MenuBarHorizontal ul{
					margin: 0;
					padding: 0;
					list-style-type: none;
					font-size: 100%;
					z-index: 1020;
					cursor: default;
					width: 8.2em;
					position: absolute;
					left: -1000em;
					height:20px;
				}
				/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
				ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
					left: auto;
				}
				/* Menu item containers are same fixed width as parent */
				ul.MenuBarHorizontal ul li{
					width: 8.2em;
				}
				/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
				ul.MenuBarHorizontal ul ul{
					position: absolute;
					margin: -5% 0 0 95%;
				}
				/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
				ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
				{	left: auto;
					top: 0;
				}
				/*******************************************************************************
				 DESIGN INFORMATION: describes color scheme, borders, fonts
				 *******************************************************************************/
				/* Submenu containers have borders on all sides */
				ul.MenuBarHorizontal ul{
					border: 1px solid #CCC;
				}
				/* Menu items are a light gray block with padding and no text decoration */
				ul.MenuBarHorizontal a{
					display: block;
					cursor: pointer;
					background-color: #c1c5c6;
					padding: 0.5em 0.75em;
					color: #333;
					text-decoration: none;
					height:17px;
					margin-bottom:0px;
				}
				/* Menu items that have mouse over or focus have a blue background and white text */
				ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{
					color: #F00;
				}
				/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
				ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
					color: #F00;
				}
				/*******************************************************************************
				 BROWSER HACKS: the hacks below should not be changed unless you are an expert
				 *******************************************************************************/
				/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
				@media screen, projection
				{
					ul.MenuBarHorizontal li.MenuBarItemIE
					{
						display: inline;
						f\loat: left;
						background: #FFF;
					}
				}
/* -------------------- END OF NAVIGATION -------------------- */