/* Minor reset
*/
html, body, h1, h2, h3, h4, h5
table, thead, tbody, tr, td, blockquote,
p, img, hr, ol, ul, li, pre, code, fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	font-weight: 400;
}


/* Element-level styles
*/
html {
	height: 100%;
	font-size: 100.01%;
	background: #58595b;
}
body {
	color: #414142;
	text-align: center;
	padding-bottom: 1em;
	font: 400 75%/1.4 verdana, sans-serif;
}
h2, h3, h4, h5 {
	color: #666;
	margin-bottom: .5em;
	font: 700 2em/1.2 helvetica, arial, sans-serif;
}
h3 {
	font-size: 1.6em;
}
h3 strong {
	font-weight: normal;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1em;
}
p {
	margin-bottom: 1em;
}

a {
	color: #3896d6;
	text-decoration: underline;
}
	a:hover {
		color: #3b748d;
	}


/* Table styles
*/
table {
	width: 100%;
	font-size: 1em;
	margin: .5em auto 1em;
	border-collapse: collapse;
}

	table thead {
		font-size: .9em;
		text-align: center;
	}
		thead td {}
	table tr {
		background: #fff;
		padding-bottom: 3px;
	}
		table tr.alt {
			background: #fff;
		}
	table td {
		font-size: 1em;
		padding: .2em 1em;
		border: 1px solid #ddd;
	}
		table td.center {
			text-align: center;
			vertical-align: middle;
		}
		table td p {
			margin: 0;
		}
table.news {
	width: 100%;
	font-size: 1em;
	margin: .5em auto 1em;
	border-collapse: collapse;
}
	table.news tr {
		background: #fff;
		padding-bottom: 0px;
	}
	table.news td {
		font-size: 1em;
		padding: 0;
		border: 0px;
	}	

/* Form styles
*/
form {}
	form fieldset {
		margin: 0 0 .25em;
	}
		fieldset legend {
			font-size: .8em;
		}
	form label {}
		form label.side {
			width: 6em;
			float: left;
			display: block;
			margin-right: .5em;
		}
	form input.txt,
	form textarea, form input[type=text] {
		width: 12.5em;
		padding: .15em;
		font: 400 1.2em/1.2 'microsoft sans serif', helvetica, sans-serif;
	}
	form textarea {
		width: 95%;
		height: 7em;
		overflow: auto;
	}
	form .btns {
		margin-top: .25em;
		text-align: right;
	}
	form input.btn,
	form input[type=button], form input[type=submit] {
		font: 400 1.2em/1.3 'microsoft sans serif', helvetica, sans-serif;
	}


/* General class styles
*/
.hi { color: #669eb5; }
.lo { color: #999999; }
.no { color: inherit !important; }
.hide { display: none; }
.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }
.center { display: block; margin: 0 auto 1em; text-align: center; }
.intro {
	color: #3896d6;
	padding: .25em 0;
	font-size: 1.25em;
	margin-bottom: 1em;
}
.info {
	font-size: .9em;
	padding: .5em 1em;
	margin: .25em 0 1em;
	background: #fffade;
	border: 1px solid #ee9;
}


/* Layout styles
*/
#wrap-out {
	width: 985px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff url(img/bg-body.jpg) no-repeat;
	text-align: left;
}
	#wrap {
		padding: 10px 30px 20px;
	}
		#wrap #main {
			clear: both;
			overflow: hidden;
			margin-bottom: 0em;
		}
			#main .col {
				float: left;
				position: relative;
			}
			#page {
				width: 525px;
				margin: 0 30px;
			}
			#col-1 {
				width: 180px;
			}
			#col-2 {
				float: right;
				width: 160px;
				overflow: hidden;
			}
			#foot-out {
				clear: both;
			}


/* ID-level styles
*/
#wrap-out {}
	#wrap {}
		#wrap ul#menu-aux-1 {
			float: right;
			font-size: .9em;
			margin-bottom: 1em;
		}
			ul#menu-aux-1 li {
				float: left;
				padding: 0 1em;
				border-right: 2px solid #999;
			}
				ul#menu-aux-1 li a {
					font-weight: 700;
					text-decoration: none;
				}
					ul#menu-aux-1 li.here a {
						color: #3b748d;
					}
				ul#menu-aux-1 li.last {
					border-right: 0;
				}
			ul#menu-aux-1 form.search {}
			ul#menu-aux-1 form.search input.txt {
				width: 120px;
			}
			ul#menu-aux-1 form.search input#search-button {
				margin: 0 0 -3px 5px;
			}
		#wrap #head {
			clear: both;
			height: 150px;
			overflow: hidden;
			position: relative;
			/*background: #f8fbfb;*/
			border: 0px solid #ddd;
		}
			#head h1 {
				left: 5px;
				top: 5px;
				width: 180px;
				height: 130px;
				margin-left: 0px;
				position: absolute;
				text-indent: -9999em;
				background: transparent url('img/logo.png') no-repeat 50% 50%;
			}
				#head h1 a {
					width: 180px;
					height: 130px;
					outline: none;
					display: block;
				}
			#head #headers {
				float: right;
				width: 716px;
				height: 150px;
				background: transparent url('img/bg-header-photos.gif') no-repeat;
				padding: 5px 0 0 6px;
				overflow: hidden;
				position: relative;
			}
			#head #headers #headers-container{ 
				width: 710px;
				height: 140px;
				overflow: hidden;
			}			
			
		#wrap #main {
			background: transparent url('img/bg-main.png') repeat-y right;
		}
			#main #menu-pri {
				margin: 1.2em 0;
				font-size: 1.2em;
				overflow: hidden;
				text-align: center;
			}
				ul#menu-pri li {
					float: left;
					list-style: none;
					margin-right: 0.2em;
					text-align: center;
					
				}
					ul#menu-pri li.here {
						
					}
					ul#menu-pri li a {
						color: #666;
						height: 34px;
						display: block;
						padding: 0 0.8em;
						font-weight: 400;
						line-height: 32px;
						text-decoration: none;
					
					}
						ul#menu-pri li a:hover {
							color: #3896d6;
						}
						ul#menu-pri li.here a,
						ul#menu-sec li.here a {
							color: #666;
							cursor: default;
						}
						ul#menu-pri li.here a {
							color: #3896d6;
						
						}
					ul#menu-pri li.last {
						margin-right: 0;
					}
			#main #page {}
				#page ul,
				#page ol {
					margin-left: 1.6em;
				}
					#page li {
						list-style: square;
						margin-bottom: .75em;
					}
						#page ol li {
							list-style: decimal;
						}
				#page h2.ft {
					font-weight: 700;
					text-transform: uppercase;
				}
				#page .cols {
					clear: both;
				}
					#page .cols .col {
						width: 47%;
						padding: 0;
						float: left;
						min-height: 1px;
						margin: 0 6% 0 0;
						position: relative;
					}
					#page .cols .last {
						margin-right: 0;
					}
				#page .bc-box {
					color: #bbb;
					cursor: default;
					font-size: .9em;
					margin-bottom: 1em;
				}
					#page .bc-box a {
						color: #bbb;
						text-decoration: none;
					}
						#page .bc-box a:hover {
							color: #666;
						}
					#page .bc-box span.bc-current {
					}
			#main #col-1 {}
				#col-1 #menu-sec {
					overflow: hidden;
					margin-bottom: 2em;
				}
					ul#menu-sec li {
					}
						ul#menu-sec li.last {
							background-image: none;
						}
						ul#menu-sec li.here {
						}
						ul#menu-sec li a {
							color: #4086a3;
							height: 31px;
							display: block;
							line-height: 30px;
							padding-left: 1em;
							margin-bottom: .25em;
							text-decoration: none;
							background: transparent url('img/bg-ul-sec.png') no-repeat left bottom;
						}
							ul#menu-sec li a:hover {
								color: #666;
							}
							ul#menu-sec li.here a {
								background-position: left bottom;
							}
			#main #col-2 {}
			#main .col {}
				.sbb {
					overflow: hidden;
					padding: 10px 15px;
					background: #dbf1fb;
					margin-bottom: .5em;
				}
				#sb-time {}
					#sb-time h4 {
						margin: 0;
						color: #666;
						font-size: 1.6em;
						text-align: center;
					}
						#sb-time h4 small {
							color: #669eb5;
							display: block;
							font-size: .5em;
						}
				#sb-weather {}
					#sb-weather dl {}
					#sb-weather dl dt {
						color: #999;
						font-size: .8em;
					}
					#sb-weather dl dd {
						margin-left: 1em;
					}
				#sb-webcams {}
					#sb-webcams h4 {}
						#sb-webcams h4 a {
							text-decoration: none;
						}
						#sb-webcams p.center {
							font-weight: 700;
							margin: -.5em 0 .25em;
						}
		#wrap #foot-out {
			padding-top: 15px;
			background: transparent url('img/bg-foot-out.png') 50% top no-repeat;
		}
			#foot-out #foot {
				color: #999;
				padding: .5em;
				font-size: .85em;
				background: #fff;
				margin-top: 15px;
				text-align: center;
			}
				#foot ul.menu {
					overflow: hidden;
					text-align: center;
				}
					#foot ul.menu li {
						display: inline;
						padding: 0 16px 0 10px;
						background: transparent url('img/bg-menu-sec-li.png') right 50% no-repeat;
					}
						#foot ul.menu li#plug {
							display: none;
						}
						#foot ul.menu li a {
							color: #999;
							text-decoration: none;
						}
							#foot ul.menu li a:hover {
								color: #333;
							}


/* Component-specific styles
*/

#banner-1 {
	height: 70px;
	line-height: 70px;
	background: #f6f6f6;
	border: 1px solid #eee;
}
/*#banner-2 {
	height: 360px;
	line-height: 360px;
	background: #f6f6f6;
	border: 1px solid #eee;
}*/

.search {}
	.s-resultsInfo {}
	.s-resultListContainer {}
		.s-result {
			padding: .5em 1em 0;
			margin-bottom: .5em;
			border: 1px solid #ddd;
		}
			.s-resultLink {}
			.s-extract {}
	.s-highlight {
		font-weight: 700;
	}
.gallery {
	margin-bottom: .5em;
}

#ext-uns,
#ext-uns * {
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1;
	list-style: none;
	text-decoration: none;
	background: transparent;
	font: 400 9px/1 verdana, tahoma, sans-serif;
}

/*
#ext-uns {
	background: #fff;
	text-align: center;
	padding-bottom: 3px;
	border: 1px solid #ddd;
}*/
	#ext-uns ul {
		top: 0;
		left: 50%;
		padding: 0;
	   width: 710px;
		line-height: 1;
	   overflow: hidden;
		position: absolute;
		margin-left: -470px;
	}
		#ext-uns ul li {
			float: left;
			width: 150px;
			position: relative;
			text-align: center;
			margin: 0 -10px 0 0;
		}
			#ext-uns ul li a {
				color: #777;
				height: 22px;
			   display: block;
				cursor: pointer;
				line-height: 16px;
				background: transparent url('img/uns-li-0.png') no-repeat 50% bottom;
			}
				#ext-uns ul li a:hover {
					color: #333;
				}
			#ext-uns ul li.last {
			}
			#ext-uns ul li.here {
			   z-index: 20 !important;
			}
				#ext-uns ul li.here a {
					color: #000;
				   height: 25px;
				   line-height: 18px;
					background-image: url('img/uns-li-1.png');
				}
					#ext-uns ul li.here a:hover {
						cursor: default;
						text-decoration: none;
					}
			#ext-uns ul li#n-1 { z-index: 5; }
			#ext-uns ul li#n-2 { z-index: 4; }
			#ext-uns ul li#n-3 { z-index: 3; }
			#ext-uns ul li#n-4 { z-index: 2; }
			#ext-uns ul li#n-5 { z-index: 1; }


/* Section-specific styles
*/

body.wide {}
	body.wide #page {
		width: 715px;
		margin: 0 0 0 30px;
	}
		body.wide #page .cols .col {
			width: 36%;
		}
		body.wide #page .cols .last {
			width: 58%;
		}
	body.wide #col-2 {
		display: none;
	}


/* Page-specific styles
*/

/* Webcams */
#p-37 {}
	#p-37 #sb-webcams {
		display: none;
	}
/* Advertising (Demo) */
#p-38 {}
	#p-38 #wrap {
		background: #fff url('img/bg-wrap.jpg') 0 0 no-repeat;
	}
	#p-38 #wrap #head {
		height: 152px;
	}
		#p-38 #head #headers {
			width: 720px;
			height: 150px;
			border-left: 1px solid #ddd;
		}
			#p-38 #head #headers img {
				border: 5px solid #fff;
			}
	#p-38 #head h1 {
		margin-left: 0;
	}
	#p-38 #menu-aux-1 label {
		color: #fff;
		font-weight: 700;
	}
	#p-38 #menu-pri {
		margin: .5em 0;
		font-size: 1.2em;
		padding-left: 1em;
	}
		#p-38 #menu-pri li {
			margin: 0 1em 0 0;
			background-image: none !important;
		}
			#p-38 #menu-pri li.last {
				margin-right: 0;
			}
			#p-38 #menu-pri li a {
				color: #555;
				padding: 0 .5em;
				font-weight: 400;
				background: inherit;
			}
				#p-38 #menu-pri li a:hover,
				#p-38 ul#menu-pri li.here a {
					color: #3896d6;
				}
	#p-38 .sbb {
		border: 1px solid #8ac0d8;
	}

/* Extra stuff
*/
a.QE_Link {
	right: 0;
	float: none;
	margin-top: -1.5em;
	color: #fff !important;
	background: #333 !important;
	position: absolute !important;
	border-color: #333 !important;
	font: 10.5px verdana, tahoma, sans-serif !important;
}
	a.QE_Link:hover {
		color: #ff9 !important;
		background: #333 !important;
		border-color: #333 !important;
	}
#qe-header-1, #qe-pagetitle, #qe-column-left {
	margin-top: 0;
}
#qe-content {
	margin-right: 140px;
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #333;
	font: 12px arial, helvetica, sans-serif;
}
#TB_secondLine {
	color:#666;
	font: 10px arial, helvetica, sans-serif;
}
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	position: fixed;
}
.TB_overlayMacFFBGHack { background: url('img/macFFBgHack.png') repeat; }
.TB_overlayBG {
	opacity: 0.75;
	-moz-opacity: 0.75;
	background-color: #000;
	filter: alpha(opacity=75);
}
* html #TB_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	top: 50%;
	left: 50%;
	color: #000;
	z-index: 102;
	display: none;
	position: fixed;
	text-align: left;
	background: #fff;
	border: 4px solid #333;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#TB_caption{
	float: left;
	height: 25px;
	padding: 7px 30px 10px 25px;
}
#TB_closeWindow{
	float: right;
	height: 25px;
	padding: 11px 25px 10px 0;
}
#TB_closeAjaxWindow{
	float: right;
	text-align: right;
	margin-bottom: 1px;
	padding: 7px 10px 5px 0;
}
#TB_ajaxWindowTitle{
	float: left;
	margin-bottom: 1px;
	padding: 7px 0 5px 10px;
}
#TB_title{
	color: #fff;
	height: 27px;
	background-color: #333;
}
#TB_title a {
	color: #fff !important;
}
#TB_ajaxContent{
	clear:both;
	overflow:hidden;
	text-align:left;
	line-height:1.4em;
	padding:15px;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	top: 50%;
	left: 50%;
	width: 208px;
	height: 13px;
	z-index: 103;
	display: none;
	position: fixed;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	z-index: 99;
	height: 100%;
	border: none;
	position: fixed;
	-moz-opacity: 0;
	background-color: #fff;
	filter: alpha(opacity=0);
}
* html #TB_HideSelect { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}


/* ----- New Directory listing -- */

#directory-listing .phone {
	font-size:80%;
}

#directory-listing table td {
	padding:5px 10px;
}

#directory-listing table thead td {
	font-weight:bold;
	background:#DBF1FB;
	border:1px solid #DBF1FB;
}