/* ----- @ Main Elements -----*/
body {
	/* background:url('bg.jpg') center top no-repeat fixed #6daacf; */
	background:url('bg-grad.jpg') center top repeat-x fixed #6daacf;
	color:#000;
	font-family:"Trebuchet MS", Arial, san-serif; 
	font-size:8pt;
	margin:0; 
	min-width:960px;
	padding:0; 
}

	a:link, a:visited, a:active {
		color:#316583;
		font-weight:bold;
		text-decoration:none;
	}
	a:hover {
		color:#316583;
		font-weight:bold;
		text-decoration:underline;
	}

	em {background:#fff; font-weight:bold;}
	p {margin:0; padding:0 0 10px 0;}

	h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
	h1 {font-size:12pt; padding-bottom:5px;}
	h2 {font-size:10pt;}
	h3 {font-size:9pt;}
	h4 {font-size:8pt;}
	
	img {border:0;}
		img.center {display:block; margin:5px 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 #99BFD5; padding: 3px; background:#fff;}
			
	input.button {font-family:"Trebuchet MS", Arial, san-serif; font-size:8pt;}

	td {font-size:8pt;}
	ul li {list-style-image:url('bullet.png'); margin-left:-10px;}


/* ----- @ Top / Search ----- */
#site-border {background:url('bg-site-border.png') repeat-x;}

#site-search {background:url('bg-site-search.png') left top no-repeat; display:block; height:51px; width:100%;}
	#search-box {float:right; text-align:left; width:250px;}
		.input-image {margin-top:0px;}
		.input-text {
			background-repeat:no-repeat;
			background-color:transparent;
			border:0;
			font-size:8pt;
			padding: 6px 6px;
			width:192px;
		}

		
/* ----- @ Navigation ----- */
#main-nav {height:60px; padding-top:30px;}
	.logo {background:url('logo.png') left top no-repeat; float:left; width:280px;}
	.site-nav {
		float:right;
		margin:26px 0 0 0;
		text-align:right;
		width:580px;
	}
		.site-nav a.menu:link, .site-nav a.menu:visited, .site-nav a.menu:active {
			color:#092c3f;
			display:inline;
			font-size:10pt;
			list-style-type:none;
			padding:0 18px;
			position:relative;
			text-decoration:none;
		}
			.site-nav a.menu:hover {
				color:#fff;
				text-decoration:none;
			}
				.dropmenudiv {
					background-color:#336684;
					border:1px solid #254f67;
					border-bottom-width:0;
					line-height:20px;
					margin-left:10px;
					margin-top:3px;
					position:absolute;
					text-align:left;
					top:0;
					visibility:hidden;
					width:100px;
					z-index:100;
				}		
					.dropmenudiv a {
						border-bottom:1px solid #254f67;
						border-top:1px solid #427999;
						color:#fff;
						display:block;
						font-weight:normal;
						text-align:left;
						text-decoration:none;
						text-indent:7px;
						width:auto;
					}		
					.dropmenudiv a:hover {
						background-color:#427999;
						color:#99bfd5;
						text-align:left;
					}
				* html .dropmenudiv a {width:100%;} /*IE only hack*/
				.notop {border-top:0px !important;}
		
		
/* ----- @ Header ----- */
#featured-webcam {
	background:url('bg-featured-webcam.png') left top no-repeat;
	height:339px;
}
		
	/* ----- Left Column ----- */
	#featured-text {
		float:left;
		margin:90px 10px 20px 30px;
		overflow:hidden;
		width:270px;
	}
		#featured-text h1 {
			color:#d3ad3d;
			font:14pt;
			padding-bottom:15px;
		}
		#featured-text h1 a {
			color:#000;
			font-weight:normal;
			text-decoration:none;
		}
		#featured-text h1 a:hover {color:#316583; font-weight:normal;}
		#featured-text p {
			color:#000;
			font-size:9pt;
			padding-bottom:15px;
		}
		#featured-text p a {color: #4a847f;}

	/* ----- Right Column ----- */		
	#featured-image {
		float:right;
		width:594px;
		margin:19px 23px 0 0;
	}


/* ----- @ Content ----- */
.content-top {background:url('bg-content-top.png') left top no-repeat; height:23px; width:100%;}
	.content-top-cams {background:url('bg-content-full-top.png') left top no-repeat; height:8px; width:100%;}
	.content-full-top {background:url('bg-content-full-top.png') left top no-repeat; height:23px; width:100%;}
.content-bottom {background:url('bg-content-bottom.png') left top no-repeat; height:20px; width:100%;}
	.content-full-bottom {background:url('bg-content-full-bottom.png') left top no-repeat; height:20px; width:100%;}
.content {background:url('bg-content.png') left top repeat-y;}
	.content-full {background:url('bg-content-full.png') left top repeat-y;}
	#camera-choices {background:url('t-camerachoices.png') left top no-repeat; height:37px;}
		.cam-choices {background:url('bg-camchoices.png') left top repeat-y;}
			#cam-include a {font-weight:normal;}
			#cam-include a:hover {
				background-color:#316583;
				color:#fff;
				font-weight:normal;
				padding:0 3px;
				text-decoration:none;
			}
			#cam-include a.none:hover, #cam-include a.none:active img {
				border:0;
				padding:0;
				background:none;
				text-decoration:none;
			}
				.mvc-t {padding:10px 0 5px 30px;}
				.src-t {padding:10px 0 5px 18px;}
				.othercams-t {padding:10px 0 5px 18px;}
				.mvc1 {padding:0 5px 0 30px;}
				.mvc2 {padding:0 15px 0 0;}
				.src {padding:0 15px 0 18px;}
				.othercams {padding:0 20px 0 18px;}
	#sponsors {background:url('t-sponsors.png') left top no-repeat; height:37px;}
		.sponsors {background:url('bg-sponsors.png') left top no-repeat; height:371px;}
			.ad1 {padding:20px 0 0 20px;}
			.ad2 {padding:21px 0 15px 20px;}
	#calendar-side {background:url('t-calendar-side.png') left top no-repeat; height:37px;}
		.calendar-side {padding:10px 15px 0 15px;}
				
				/* ----- Text Ads ----- */
				td.ad-vert #ad {
					background:url('hr.png') top left repeat-x;
					/* border-top:2px groove #fff; */
					margin:10px 0 10px 3px;
					padding:15px 15px 3px 15px;
					text-decoration:none; 
				}
					td.ad-vert #ad a {}
					td.ad-vert img {
						background-color:#fff;
						border:1px solid #bbb;
						padding:2px;
					}
					td.ad-vert .ad_image {float:left; margin-right:5px;}
					td.ad-vert .ad_title {color:#2e5f71; font-weight:bold;}
					td.ad-vert .ad_text {}
					td.ad-vert .ad_distance {
						color:#555;
						font-style:italic;
						padding-bottom:3px;
					}
				h3.ad-title {margin-top:10px; color:#222;}
				div.ad-horiz {border-top:2px groove #fff;}
					div.ad-horiz #ad {
						border-bottom:2px groove #fff;
						border-right:2px groove #fff;
						height:105px;
						margin:0 0 10px 0;
						padding:10px 15px 10px 15px;
						text-decoration:none; 
						width:200px;
					}
						div.ad-horiz #ad a {}
						div.ad-horiz .noborder {border-right:0 !important;}
						div.ad-horiz img {
							background-color:#fff;
							border:1px solid #bbb;
							padding:2px;
						}
						div.ad-horiz .ad_image {float:left; margin-right:5px;}
						div.ad-horiz .ad_title {color:#2e5f71; font-weight:bold;}
						div.ad-horiz .ad_text {}
						div.ad-horiz .ad_distance {
							color:#555;
							font-style:italic;
							padding-bottom:3px;
						}
				
	#latest-news {background:url('t-latestnews.png') left top no-repeat; height:37px;}
		.latest-news {padding:10px 15px 0 30px;}
	#about-us {background:url('t-aboutus.png') left top no-repeat; height:37px;}
		.about-us {padding:10px 15px 0 25px;}
	#specials {background:url('t-specials.png') left top no-repeat; height:37px;}
		.specials {padding:10px 15px 0 30px;}
	#general-info {background:url('t-generalinformation.png') left top no-repeat; height:37px;}
		.general-info {padding:10px 15px 0 23px;}
	#having-problems {background:url('t-havingproblems.png') left top no-repeat; height:37px;}
		.having-problems {padding:10px 15px 0 25px;}

#subpage {padding:10px 15px 0 30px;}
	#subpage h1, #subpage h2 {padding-top:10px;}
	#error-page {background:url('t-404b.png') left top no-repeat; height:37px;}
	#cameras {background:url('t-cameras.png') left top no-repeat; height:37px;}
		.webcam {margin:0 auto; padding:0; width:680px;}
			#webcam {margin:0 0 5px 0;}
				.cam {background-color:#fff;}
				.cam-t {background:url('cam-t.png') left top repeat-x;}
				.cam-r {background:url('cam-r.png') left top repeat-y;}
				.cam-b {background:url('cam-b.png') left top repeat-x;}
				.cam-l {background:url('cam-l.png') left top repeat-y;}
	#trip-planner {background:url('t-tripplanner.png') left top no-repeat; height:37px;}
	#visitors {background:url('t-visitors.png') left top no-repeat; height:37px;}
	#media {background:url('t-media.png') left top no-repeat; height:37px;}
	#contact {background:url('t-contact.png') left top no-repeat; height:37px;}
		#commentForm .button {margin-right:5px;}
		#advertiseTable td {padding:3px;}
			.table-border {
				background-color:#fff;
				border:1px solid #d6d6d6;
				margin:0 auto;
				padding:5px;
			}
			.advertise-table-border {
				background-color:#fff;
				border:1px solid #d6d6d6;
				margin:0 auto;
				padding:5px;
				width:300px;
			}
				#advertiseTable td.t-column {
					font-size:10pt;
					font-weight:bold;
					text-align:center;
				}
				#advertiseTable td.t-row {font-size:9pt; font-weight:bold;}
				#advertiseTable td.price {text-align:center;}
				#advertiseTable td.italic {font-style:italic; text-align:center;}
					#advertiseTable td.even {background:#d3e6f1;}
					#advertiseTable td.odd {background:#e5f0f7;}
	#advertisers {background:url('t-advertisers.png') left top no-repeat; height:37px;}
	#articles {background:url('t-articles.png') left top no-repeat; height:37px;}
		#articles-specials {background:url('t-articles-specials.png') left top no-repeat; height:37px;}
	#search-results {background:url('t-search-results.png') left top no-repeat; height:37px;}
		.results {margin:0 auto; padding:0; width:900px;}
			#results {margin:0 0 5px 0;}


#areamenu {
	width:175px;
	margin:0 0 5px 5px;
	padding:5px;
	border: 1px #99BFD5 solid;
	float:right;
	}


/* ----- @ Footer ----- */
.footer-top {background:url('bg-footer-top.png') left top no-repeat; height:19px; width:100%;}
.footer-bottom {background:url('bg-footer-bottom.png') left top no-repeat; height:48px; width:100%;}

#footer {
	background:url('bg-footer.png') left top repeat-y;
	color:#000; 
	font-size:7pt; 
}
#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
	#newsletter {background:url('t-newsletter.png') left top no-repeat; height:37px;}
		.newsletter {padding:7px 20px 0 30px;}
		
			/* ----- Fireblast ----- */
			#fireblast .input {width:150px;}
			#fireblast .none {display:none;}
			#fireblast .button {margin-top:3px;}
			#fireblast .unsubscribe {font-size:7pt;}
		
	#legal {background:url('t-legal.png') left top no-repeat; height:37px;}
		.legal {padding:7px 20px 0 20px;}
	#sitelinks {background:url('t-sitelinks.png') left top no-repeat; height:37px;}
		.sitelinks {padding:7px 15px 0 25px;}
			.sitelinks ul {margin:0; padding:0;}
			.sitelinks ul li {margin:0 0 0 18px; padding:0;}


/* ----- @ Horizontal Ads ----- */
#horizontal-ads {background:url('bg-horizontal-ads.png') left top no-repeat; height:105px; width:100%;}
#horizontal-ads-cams {background:url('bg-horizontal-ads-cams.png') left top no-repeat; height:97px; width:100%;}
	.ad-left {
		float:left;
		padding:15px 0 0 25px;
		width:456px;
	}
		.ad-left-cams {
			float:left;
			padding:8px 0 0 25px;
			width:456px;
		}
	.ad-right {
		float:right;
		padding:15px 15px 0 0;
		width:456px;
	}
		.ad-right-cams {
			float:right;
			padding:8px 15px 0 0;
			width:456px;
		}


/* ----- @ Misc ----- */
.addthis_button {
	float:right;
	margin:0 23px 5px 0;
}

#container {margin:0 auto; width:960px;}

.content-divide {background:url('bg-content-divide.png') left top no-repeat; height:38px; width:100%;}
.content-divide-noline {background:url('bg-content-divide-noline.png') left top no-repeat; height:14px; width:100%;}

#contentForm {margin:0; padding:0;}

.image-center {border:3px solid #fff; margin:0 auto;}
.image-right {
	border:3px solid #fff;
	float:right;
	margin:0 0 7px 7px;
}
.image-left {
	border:3px solid #fff;
	float:left;
	margin:0 7px 7px 0;
}

	/* ----- Social Bookmarks -----*/
	.sharing-cl {
		list-style:none;
		margin:0 auto;
		overflow:hidden; 
		padding:0;
		width:408px;
	}
	ul.sharing-cl li {float:left; margin:0; padding:0; list-style-image:none;}
		.sharing-cl a {
			float:left;
			height:72px;
			margin-right:10px;
			overflow:hidden;
			text-indent:-9999px;
			width:70px;
		}

			.sharing-cl a {background:url(social-bookmarks.png) no-repeat;}
			a.sh-digg {background-position:0 0;}
			a.sh-facebook {background-position:-80px 0;}
			a.sh-twitter {background-position:-160px 0;}
			a.sh-email {background-position:-240px 0;}
			a.sh-bookmark {background-position:-320px 0; margin-right:0;}

			a.sh-digg:hover {background-position:0 -71px;}
			a.sh-facebook:hover {background-position:-80px -71px;}
			a.sh-twitter:hover {background-position:-160px -71px;}
			a.sh-email:hover {background-position:-240px -71px;}
			a.sh-bookmark:hover {background-position:-320px -71px; margin-right:0;}


/* ----- @ Programming ----- */
.time {
	color:#444;
	display:block;
	font-size:7pt;
	font-style:italic;
	margin-bottom:5px;
}
.hr {padding:5px 0;}
.hr2 {
	background:url('hr.png') left top repeat-x;
	height:2px;
	margin:10px auto;
	padding-bottom:10px;
	width:75%;
}
.hr2 hr {display:none;}