/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*                                        */
/******************************************/


/*****************************/
/*  Color Chart              */
/*****************************/
/*                           */
/*  blue bg: #17a3d6         */
/*  dk blue text: #0a324f;   */
/*  yellow link: #efe68c;    */
/*                           */
/*****************************/




/*****************************/
/*  Resets                   */
/*****************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	margin:0;
	outline:0;
	padding:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
}
	em {font-style:italic;}
	strong {font-weight:bold;}
	/** table {border-collapse:separate; border-spacing:0;}  //-- causes issues with programming --\\ **/
	
	.clear {clear:both;}
	.hide {display:none;}
	
		/*** clearfix ***/
		* html .clearfix {height:1%; overflow:visible;}
		*+html .clearfix {min-height:1%;}
		.clearfix:after {
			clear:both;
			content:".";
			display:block;
			height:0;
			visibility:hidden;
			font-size:0;
		}




/*****************************/
/*  Main Elements            */
/*****************************/

body {
	background-color:#f3f3f3;
	color:#000;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; 
	font-size:9pt;
	margin:0; 
	min-width:960px;
	padding:0; 
}

	.container {margin:0 auto; width:960px;}
	#contentForm {margin:0; padding:0;}
	
	h1 {font-size:12pt;}
	h2 {font-size:12pt; color:#0a324f;}
	h3 {font-size:9pt;}
	h4 {font-size:8pt;}
	h5 {font-size:7pt;}
	h6 {font-size:6pt;}
	
	img.center {display:block; margin:3px auto;}
	img.align-r {display:inline; float:right; margin:0 0 2px 7px;}
	img.align-l {display:inline; float:left; margin:0 7px 2px 0;}
		img.border {border:1px solid #ccc;}
		img.photo {border:1px solid #57bedd; background:#fff; padding:3px;}
	
	p.moreinfo {margin:20px 0;}
	
	p {margin-bottom:10px;}
	ul {list-style:none; margin-bottom:10px;}
	ul li, ol li {margin:0 0 0 18px;}
	
	ul.bullets {  							
		list-style-image:url('bullet.jpg');		
	}


/*****************************/
/*  Links                    */
/*****************************/

a:active {position:relative; top:1px;}

a:link, a:visited, a:active {
	color:#0d6f92;
	font-weight:bold;
	text-decoration:none;
}
	a:hover {
		color:#0d6f92;
		font-weight:bold;
		text-decoration:underline;
	}
	
#logo #weather-top a:link, #logo #weather-top a:visited, #logo #weather-top a:active {
	color:#0d6f92;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 0px 0px #fff;
}
	#logo #weather-top a:efe68c {
		color:#0d6f92;
		font-weight:bold;
		text-decoration:underline;
		text-shadow:0px 0px 0px #fff;
	}
	
#logo a:link, #logo a:visited, #logo a:active, #reservation-callout a:link, #reservation-callout a:visited, #reservation-callout a:active, #webcam-callout a:link, #webcam-callout a:visited, #webcam-callout a:active, #footer-inner p.foot-contact a:link, #footer-inner p.foot-contact a:visited, #footer-inner p.foot-contact a:active {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
	#logo a:hover, #reservation-callout a:hover, #webcam-callout a:hover #footer-inner p.foot-contact a:hover {
		color:#fff;
		font-weight:normal;
		text-decoration:underline;
	}

#fader-title span a:link, #fader-title span a:visited, #fader-title span active {
	color:#efe68c;
	font-weight:normal;
	text-decoration:none;
}
	#fader-title span a:hover {
		color:#efe68c;
		font-weight:normal;
		text-decoration:underline;
	}

ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
	ul.navlist a:hover {
		color:#efe68c;
		font-weight:bold;
		text-decoration:none;
	} 

#footer a:link, #footer a:visited, #footer a:active {
	color:#888;
	font-weight:normal;
	text-decoration:none;
}
	#footer a:hover {
		color:#888;
		font-weight:normal;
		text-decoration:underline;
	}




/*****************************/
/*  Main Navigation          */
/*****************************/

ul.navlist {margin:0; overflow:hidden; padding:15px 0 0 19px;}
ul.navlist li {
	float:left; 
	margin:0; 
	padding:0 13px; 
	text-shadow:0px 1px 0px #000;
}

	.dropmenudiv {
		background-color:#f6f6f6;
		border:1px solid #ddd;
		border-bottom-width:0;
		line-height:20px;
		margin-left:-6px;
		margin-top:5px;
		position:absolute;
		text-align:left;
		top:0;
		visibility:hidden;
		width:145px;
		z-index:100;
	}		
	.dropmenudiv a {
		border-bottom:1px solid #ddd;
		border-top:1px solid #fff;
		color:#12355d;
		display:block;
		font-weight:normal;
		text-align:left;
		text-decoration:none;
		text-indent:4px;
		width:auto;
	}		
	.dropmenudiv a:hover {
		background-color:#fff;
		color:#752a18;
		font-weight:bold;
		text-align:left;
	}
	* html .dropmenudiv a {width:100%;} /*IE only hack*/
	.notop {border-top:0px !important;}




/*****************************/
/*  Top                      */
/*****************************/

#top {background:url('bg-top.jpg') repeat-x;}
	#top-inner {background:url('bg-topinner.jpg') center top no-repeat; height:527px; overflow:hidden;}
		#top-inner-sub {background:url('bg-topinnersub.jpg') center top no-repeat; height:527px; overflow:hidden;}

		#logo {
			color:#fff;
			height:167px;
			position:relative;
			text-shadow:0px 1px 0px #0a324f;
		}
		#logo p {margin:0; padding:0;}
			#title {
				height:60px;
				position:absolute;
					top:95px;
					left:200px;
				width:260px;
			}
				#logo p.title-one {
					border-bottom:1px solid #3ca1c2;
					color:#0a324f;
					display:block;
					font-size:13pt;
					padding-bottom:3px;
					text-shadow:0px 1px 0px #8fd2e7;
					width:250px;
				}
				#logo p.title-two {
					border-top:1px solid #8fd2e7;
					display:block;
					padding-top:3px;
					width:250px;
				}
			#weather-top {
				color:#306;
				height:100px;
				position:absolute;
					top:45px;
					right:200px;
				text-align:right;
				text-shadow:0px 1px 0px #fff;
				width:280px;
				font-size: 10px;
				margin-right:10px;
			}
				#weather-top h2#station {
					color:#036;
					font-size:11pt;
					text-align:right;
					font-weight:bold;
					width:280px;
					display:inline;
				}
				#temp {
					width:90px;
					height:76px;
					display:block;
					float:right;
					background:url('temp-bg2.gif') right top no-repeat;
					border:0px;
					color:#efe68c;
					margin:5px 0 0 10px;
					padding-top:10px;
					font-size:22px;
					text-shadow:0px 1px 0px #036;
					text-align:center;
				}
				#timestamp {
					font-size:9px;
				}
			#contact-info {
				height:100px;
				position:absolute;
					top:35px;
					right:20px;
				text-align:right;
				width:170px;
			}
				#contact-info span {
					color:#0a324f;
					display:block;
					font-size:12pt;	
					margin:10px 0;
					text-shadow:0px 1px 0px #8fd2e7;
					width:100%;
				}
		
		#main-header {
			height:308px;
			overflow:hidden;
			position:relative;
		}
			#subpage-header img {margin:25px 0 0 35px;}
			#fader-title {
				background:url('fader-title-bg.jpg') left top repeat-x;
				height:34px;
				position:absolute;
					top:10px;
					left:10px;
				z-index:10;
				width:425px;
			}
				.fader-title-left {
					background:url('fader-title-left.jpg') left top no-repeat;
					float:left;
					height:34px;
					width:10px;
				}
				.fader-title-right {
					background:url('fader-title-right.jpg') left top no-repeat;
					float:right;
					height:34px;
					width:10px;
				}
				#fader-title span {
					color:#fff;
					display:inline-block;
					margin-top:10px;
					text-shadow:0px 1px 0px #000;
					vertical-align:middle;
				}
			#fader {
				height:283px;
				overflow:hidden;
				position:absolute;
					top:25px;
					left:35px;
				width:646px;
				z-index:5;
			}
			#reservation-callout {
				color:#fff;
				height:85px;
				line-height:150%;
				position:absolute;
					top:58px;
					right:48px;
				text-shadow:0px 1px 0px #6ca6bc;
				width:192px;
			}
			#webcam-callout {
				color:#fff;
				height:205px;
				line-height:150%;
				position:absolute;
					top:180px;
					right:48px;
				text-shadow:0px 1px 0px #666;
				width:192px;
			}
				#webcam-callout ul {list-style-image:url(bullet.gif); margin-top:15px;}
				#webcam-callout ul li {margin-top:3px;}
			 




/*****************************/
/*  Middle                   */
/*****************************/

#middle {background-color:#17a3d6;}
	#middle p {
	margin-bottom:15px;
	line-height:150%;
	text-align: left;
}
#middle-inner {background:url('middle-bg.jpg') left top repeat-y;}
	#subpage {
		margin:0 auto; 
		padding-top:15px; 
		width:900px;
	}
		#map {
			float:right;
			width:530px;
			background-image:url(map-back.jpg);
			background-position:top;
			background-repeat:no-repeat;
			margin-bottom:55px;
		}
	
	.divide {
		border-bottom:1px solid #ddd;
		height:1px;
		margin:10px 0;
	}

	#middle h4 {
		border-bottom:1px solid #ddd;
		color:#0a324f;
		font-size:10pt;
		padding:0 0 3px 5px;
		margin-bottom:8px;
		text-transform:uppercase;
		vertical-align:middle;
	}
		#middle h4 img {
			vertical-align:bottom;	
		}

	#welcome-left {
		float:left;
		margin-left:30px;
		padding-top:25px;
		width:225px;
	}
		#lakeshore-news {
			background:url('news-bg.jpg') left top repeat-y;
		}
			#lakeshore-news div {
				margin:0 auto;
				width:195px;
			}
		#quote-welcome {
			background:url('quotes.gif') left top no-repeat;
			font-weight:bold;
			min-height:150px;
			padding:20px 20px 0 10px;
			text-align:right;	
		}
	
	#welcome-right {
		float:right;
		margin-right:30px;
		width:655px;
	}
		#middle h1 {
			border-top:1px solid #ddd;
			border-bottom:1px solid #ddd;
			color:#0a324f;
			display:block;
			font-size:14pt;
			overflow:hidden;
			margin:5px 0 20px 0;
			padding:4px 0;
			position:relative;
			text-align:center;
		}
		h2.wide-title {
			border-bottom:1px solid #ddd;
			color:#0a324f;
			font-size:13pt;
			margin:15px 0 5px 0;
			padding:4px 0;
			text-align:center;
		}
		h3.wide-title {
			border-bottom:1px solid #ddd;
			color:#0a324f;
			font-size:12pt;
			margin:15px 0 5px 0;
			padding:4px 0;
			text-align:center;
		}
		#upcoming-events {
			background:url('upcoming-events-bg.jpg') left top repeat-y;
			float:right;
			margin:0 0 5px 10px;
			width:215px;
		}
			.upcoming-events-inner {
				margin:0 auto;
				width:195px;	
			}
			
		#SLB-Wrapper {margin:0.5em 0; margin:auto; text-align: left; position: absolute; width:760px;}

		#SLB-Wrapper #SLB-Background{position: absolute; left:7px; top:7px; float:left;}
		
		#SLB-Wrapper #SLB-Top {background:transparent no-repeat scroll 100% 0; height:28px; margin:0 0 0 18px;}
		#SLB-Wrapper #SLB-Top img {float:right; border:0px; margin:6px 10px;}
		
		#SLB-Wrapper #SLB-Top div {background:transparent no-repeat scroll 0 0; font-size:0; height:28px; left:-18px; line-height:0; position:relative; width:18px;}
		
		#SLB-Wrapper #SLB-Bottom {background:transparent no-repeat scroll 0 43%; height:20px; margin:0 18px 0 0;}
		
		#SLB-Wrapper #SLB-Bottom #SLB-BottomRight {background:transparent no-repeat scroll 100% 43%; font-size:0; height:20px; right:-18px; line-height:0; position:relative; width:100%; float:right;}
		
		#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{height:52px;}
		
		#SLB-Wrapper #SLB-Bottom.SLB-bbnav {background-position:0 100%;}
		#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{background-position:100% 100%;}
		
		#SLB-Wrapper #SLB-Contenido {border-left: 7px solid #000; border-right: 7px solid #000;}
		
		#SLB-Wrapper #SLB-Bottom #SLB-Navegador{font-size: 11px; color: #000; height:30px; border-left:0px; border-right:0px; padding:10px 0px; margin:0; line-height:11px; float:left; width:100%;}
		
		#SLB-Wrapper #SLB-Navegador img{border:0px;}
		
		#SLB-Wrapper #SLB-Navegador strong{display: block;}
		
		#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btLeft{float: left; margin: 0 10px 0 0;}
		#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btRight{float: right; margin: 0 0 0 10px; position:relative; right:17px;}
		

table tr.title {background-color:#ccc;}
table tr.odd {background-color:#eee;}
table tr.even {background-color:#ddd;}
table#rates td, table#weather td {
	padding:5px;
}

	
	
/*****************************/
/*  Bottom                   */
/*****************************/

#footer {
	background:url('footer-bg.jpg') center top repeat-x;
	color:#888; 
	min-height:150px;
	font-size:7pt; 
	text-align:center;
}
	#footer-inner {background:url('footer.jpg') center top no-repeat;}
		#footer-inner p.foot-contact {
			color:#fff;
			font-size:11pt;
			padding-top:30px;
			text-shadow:0px 1px 0px #0a324f;
		}
			#footer-inner p.foot-contact span {display:inline-block; width:40px;}
		#footer-inner ul.sitelinks {margin:0 auto; padding:60px 0 0 0;}
		#footer-inner ul.sitelinks li {display:inline; margin:0; padding:0 5px;}
		#footer-inner p.copyright {margin:15px 0; padding-bottom:10px;}
	



/*****************************/
/*  Forms                    */
/*****************************/
.form-wrapper {
	background-color:#fbfbfb;
	border:1px solid #e6e6e6;
	margin:15px 0;
	padding:15px 5px;
}

#requestForm input, #requestForm textarea  {
	background-color:#e4f7fe;
	border:1px solid #94d2e9;
	color:#102132;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	margin-bottom:3px;
	padding:3px;
}
	#requestForm input {width:300px;}
	#requestForm textarea {width:700px;}
#requestForm input.button {
	cursor:pointer;
	font-size:9pt; 
	margin-top:10px;
	margin-right:5px; 
	width:75px;
}


hr {
	clear:both;
	border:none;
	height:1px;
	color:#D2E8E7;
	margin:0 auto;
}

#cam-overlay {
	position:relative;
	z-index:99;
	overflow:hidden;
	display:compact;	
	background-image:url(cam-overlay.png);
	background-position: left;
	background-repeat:no-repeat;
	width:650px;
	height:490px;
}
#cam-overlay .text-line {}
#cam-layer{
	display:block;
	position:relative;
	z-index:20;
	margin-left:2px;
	margin-top:2px;
	}
	
	.cam {
		width:690px;
		height:520px;
		display:block;
		text-align:center;
		padding-top:28px;
		background-image:url("cam-back.jpg");
		background-repeat:no-repeat;
		background-position:left;
		margin-left:10%;
	}
		.cam2 {
		width:690px;
		height:520px;
		display:block;
		text-align:center;
		padding-top:28px;
		background-image:url("cam-back.jpg");
		background-repeat:no-repeat;
		background-position:left;
	}
	.cam-logo {
		position:relative;
		top:400px;
		left:10px;
		width:1px;
		height:1px;
		overflow:visible;
		z-index:99;
	}