/*
+-------------------------------------------------------------------------+
Title:		Left Field Styles
Version:	1.8
Copyright:	2010 - Smith Brothers Agency
Updated:	7/8/2010 - ajb
+-------------------------------------------------------------------------+
*/


/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;}

.clear {clear: both;}

#skip, 
.hide, 
hr, 
#logo-print {display: none;}


/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	margin: 0; padding: 0;
	text-align: center;}
	
	#index {background: #8cc63f url(../images/bg-sub.gif) 0 -10px repeat-x;}
	#sub {background: #8cc63f url(../images/bg-sub.gif) 0 0 repeat-x;}

/* index page ------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */
	
#leftfield {
	width: 894px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	position: relative;
	height: 650px;}
	
	#index #leftfield {width: 876px;}
	
	/*-- add our city background to all sub pages --*/
	#sub #leftfield {background: url(../images/bg-city.gif) 0 363px no-repeat;}
	
	#leftfield-index-content,
	#left-field-alt {
		width: 876px;
		height: 650px;
		margin: 0 auto;}
		
	/* Flash Alternatives for people without THE FLASH! */
	#left-field-alt {background: url(../images/bg-city.gif) 0 353px repeat-x;}
	
		#alt-why {
			width: 246px;
			height: 351px;
			text-indent: -123456px;
			background: url(../images/alt-why.gif) 0 0 no-repeat;
			position: absolute;
			top:60px;
			right:100px;}
			
			#facts-pdf-alt {
				display:block;
				width: 120px;
				height: 45px;
				position: absolute;
				bottom:63px;
				left:30px;}
		
		#alt-photo {
			width: 350px;
			height: 204px;
			text-indent: -123456px;
			background: url(../images/alt-photo.jpg) 0 0 no-repeat;
			position: absolute;
			top:125px;
			left:40px;}
			
			#photo-link-alt {
				display:block;
				width: 100px;
				height: 25px;
				position: absolute;
				bottom:0;
				right:18px;}
		
		
		
		
		
/* Sub Page -------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#brand {
	width: 129px;
	height: 136px;
	text-indent: -8000px;
	background: url(../images/logo-sub.png) top left no-repeat;
	position: absolute;
	top:425px;
	left: 385px;
	z-index: 100;
	overflow: hidden;}
	
	#brand a {
		display: block;
		width: 129px;
		height: 136px;}
	
	/* Nav    ------------------------------------------------------------ */

	#nav {
		width: 821px;
		height: 24px;
		background: url(../images/nav-bg.gif) top left no-repeat;
	 	position: absolute;
	 	top: 525px;
	 	left: 35px;
	 	z-index: 50;}
	 	
	 	#nav li {
	 		float: left;
	 		height: 24px;}
	 		
	 		#nav li a {
	 			display: block;
	 			height: 24px;
	 			background-repeat: no-repeat;
	 			background-image: url(../images/nav-buts.gif);
	 			text-indent: -8000px;}	 			 			
	 				 	
	 	#nav-abo a {width: 66px; margin: 0 13px 0 83px; background-position: 0 0;}
	 		#nav-abo a:hover,
	 		#nav-abo a.on {background-position: 0 -24px;}
	 		
 		#nav-spa a {width: 92px; margin-right: 13px; background-position: -67px 0;}
	 		#nav-spa a:hover,
	 		#nav-spa a.on {background-position: -67px -24px;}
	 		
	 	#nav-faq a {width: 51px; margin-right: 188px; background-position: -160px 0;}
	 		#nav-faq a:hover,
	 		#nav-faq a.on {background-position: -160px -24px;}
	 		
	 	#nav-res a {width: 95px; margin-right: 13px; background-position: -212px 0;}
	 		#nav-res a:hover,
	 		#nav-res a.on {background-position: -212px -24px;}
	 		
	 	#nav-aro a {width: 116px; background-position: -308px 0;}
	 		#nav-aro a:hover,
	 		#nav-aro a.on {background-position: -308px -24px;}
	 		
	 
#subheading {
	position: absolute;
	top: 25px;
	left: 34px;
	height: 30px;
	text-indent: -8000px;}
	
	/* the images/section for the subheading */	
	.ban-abo {width: 147px;	background: url(../images/ban-abo.gif) top left no-repeat;}
	.ban-ame {width: 226px;	background: url(../images/ban-ame.gif) top left no-repeat;}
	.ban-aro {width: 326px;	background: url(../images/ban-aro.gif) top left no-repeat;}
	.ban-res {width: 252px; background: url(../images/ban-res.gif) top left no-repeat;}
	.ban-faq {width: 252px; background: url(../images/ban-res.gif) top left no-repeat;}
		
	#subnav {
		width: 125px;
		height: 242px;
		padding: 28px 0 0 22px;
		background: url(../images/bg-subnav.png) top left no-repeat;
		position: absolute;
		top: 73px;
		left: 32px;}
		
		#subnav li,
		#remainders li {
			width: 105px;
			height: 23px;
			margin:0; padding:0;}
			
			#subnav li a,
			#remainders li a {
				display: block;
				width: 105px;
				height: 23px;
				margin:0; padding:0;
				background-image: url(../images/nav-full-h.gif);
				background-repeat: no-repeat;
				text-indent: -5000px;}
		
		
		/* about */
		#ab-loc a	{background-position: 0 0;} 			#ab-loc a:hover, #ab-loc a.on {background-position: -105px 0;}
		#ab-par a	{background-position: 0 -23px;} 		#ab-par a:hover, #ab-par a.on {background-position: -105px -23px;}
		#ab-tes a	{background-position: 0 -46px;} 		#ab-tes a:hover, #ab-tes a.on {background-position: -105px -46px;}
		#ab-pho a	{background-position: 0 -69px;} 		#ab-pho a:hover, #ab-pho a.on {background-position: -105px -69px;}
		#ab-dir a	{background-position: 0 -92px;} 		#ab-dir a:hover, #ab-dir a.on {background-position: -105px -92px;}
		#ab-smi a	{background-position: 0 -115px;} 		#ab-smi a:hover, #ab-smi a.on {background-position: -105px -115px;}
		#ab-faq a	{background-position: 0 -138px;} 		#ab-faq a:hover, #ab-faq a.on {background-position: -105px -138px;}
		
		/* amenities */
		#sp-gre a	{background-position: -210px 0;}		#sp-gre a:hover, #sp-gre a.on {background-position: -315px 0;}
		#subnav #sp-roo {height: 37px;}
		#sp-roo a	{background-position: -210px -23px; height: 37px !important;}	#sp-roo a:hover, #sp-roo a.on {background-position: -315px -23px; height: 37px;}
		#sp-kit a	{background-position: -210px -60px;}	#sp-kit a:hover, #sp-kit a.on {background-position: -315px -60px;}
		#subnav #sp-foc {height: 35px;}
		#sp-foc a	{background-position: -210px -83px; height: 35px !important;}	#sp-foc a:hover, #sp-foc a.on {background-position: -315px -83px; height: 35px;}
		#sp-lou a	{background-position: -210px -118px;}	#sp-lou a:hover, #sp-lou a.on {background-position: -315px -118px;}
		
		/* calendar */
		
		/* resources */
		#re-cat a	{background-position: -420px 0px;}	#re-cat a:hover, #re-cat a.on {background-position: -525px 0px;}
		#subnav #re-mod {height: 37px;}
		#re-mod a	{background-position: -420px -23px;  height: 37px !important;}		#re-mod a:hover, #re-mod a.on {background-position: -525px -23px;  height: 37px !important;}
		#re-fil a	{background-position: -420px -60px;}	#re-fil a:hover, #re-fil a.on {background-position: -525px -60px;}
		#re-tra a	{background-position: -420px -83px;}	#re-tra a:hover, #re-tra a.on {background-position: -525px -83px;}
		#re-oth a	{background-position: -420px -105px;}	#re-oth a:hover, #re-oth a.on {background-position: -525px -105px;}
		
		/* around town */
		#ar-lod a	{background-position: -630px 0;} 			#ar-lod a:hover, #ar-lod a.on {background-position: -735px 0;}
		#ar-res a	{background-position: -630px -23px;} 		#ar-res a:hover, #ar-res a.on {background-position: -735px -23px;}
		#ar-per a	{background-position: -630px -46px;} 		#ar-per a:hover, #ar-per a.on {background-position: -735px -46px;}
		#subnav #ar-gal {height: 38px;}
		#ar-gal a	{background-position: -630px -69px; height: 38px !important;} 		#ar-gal a:hover, #ar-gal a.on {background-position: -735px -69px; height: 38px;}
		#ar-spo a	{background-position: -630px -107px;} 		#ar-spo a:hover, #ar-spo a.on {background-position: -735px -107px;}
		#ar-act a	{background-position: -630px -130px;} 		#ar-act a:hover, #ar-act a.on {background-position: -735px -130px;}
		#ar-wal a	{background-position: -630px -153px;} 		#ar-wal a:hover, #ar-wal a.on {background-position: -735px -153px;}
				
		/* remainders */
		
		#remainders {
			width: 125px;
			position: absolute;
			top: 287px;
			left: 57px;}
		
		#s-res a {
			background-position: -1050px 0;}		
			#s-res a:hover, #s-res a.on {background-position: -1155px 0;}
			
		#s-con a {
			background-position: -840px -23px;}	
			#s-con a:hover, #s-con a.on {background-position: -945px -23px;}	
			
			
		/* tert nav - on amenities pages - top */		
		#nav-tert {
			position: absolute;
			top: -35px;
			right: 55px;
			width: 201px;
			height: 21px;
			background: url(../images/nav-tert.gif) 0 -42px no-repeat;}
			
			#nav-tert li {width: 95px; float: left;}
			#nav-tert li a {
				display: block;
				height: 21px;
				width: 95px;
				text-indent: -8000px;
				background-image: url(../images/nav-tert.gif);
				background-repeat: no-repeat;}
				
			#tert-pho a {background-position: 0 0;}
				#tert-pho a:hover, #tert-pho a.on {background-position: 0 -21px;}
				
			#tert-lay a {background-position: -106px 0; margin-left: 11px;}
				#tert-lay a:hover, #tert-lay a.on {background-position: -106px -21px;}
			

/* Content Box Styles ------------------------------------------------ */
/* note the no-img styles below - these are to extend the width of our content area when there are no photos */	

#content {
	width: 650px;
	height: 346px;
	background: url(../images/bg-content.png) top left no-repeat;
	position: absolute;
	top: 74px;
	left: 203px;}	
	
	#content-header {
		width: 370px;
		position: absolute;
		height: 31px;
		top: 28px;
		left: 221px;
		background: url(../images/bg-dot.gif) bottom left repeat-x;}
		
		#section-head {
			font-size: 20px;
			color: #8cc63f;
			font-family: Tahoma, Geneva, sans-serif;
			text-transform: uppercase;
			font-weight: normal;
			letter-spacing: .05em;}
					
		/* override the left position for content w/out images*/
		div.no-img #content-header {
			width: 540px;
			left: 30px;}	
		
	#content-img {
		position: absolute;
		left: 30px;
		top: 33px;
		border: 5px solid #adc0c6;}	
		
	
	/* scroll box/actual content  --------------------------------------- */
	#content-text {
		width: 407px;
		height: 215px;
		padding: 8px 0 0 0;
		position: absolute;
		top: 62px;
		left: 221px;
		overflow: auto;}
		
		/* override the left position for content w/out images*/
		div.no-img #content-text {
			left: 30px;
			width: 576px;
			padding:0;}
			
		/* also override the top position for content w/out images and a gallery */
		div.gallery #content-text {
			top: 28px; 
			width: 610px;
			height: 258px;
			overflow: visible;}	
		
		/* Content Styles */
		/* These are the styles for ALL of our main content */
		
		#content-text a {color: #16659f; text-decoration: none;}
			#content-text a:hover {text-decoration: underline;}
		
		#content-text p {margin-bottom: 1.5em;}
				
		#content-text h3 {
			font-size: 14px;
			color: #8cc63f;
			font-family: Tahoma, Geneva, sans-serif;
			text-transform: uppercase;
			font-weight: normal;
			margin-bottom: .5em;}
		
		#content-text ul {margin-bottom: 1.2em;}
			#content-text ul li {
				padding-left:15px;
				background: url(../images/bul.gif) 2px 50% no-repeat;
				margin: 0 0 .2em;}
		
		#content-text dl {margin-bottom: 1.5em;}
			#content-text dt {font-weight: bold; margin-bottom: .8em;}
				#content-text dd {margin-bottom: 2em;}
			
			
		/* map styles */		
		#map-text #content-header {
			width: 310px;
			left: 310px}
			
			#map {
				width: 271px;
				height: 276px;
				position: absolute;
				top: 34px;
				left: 20px;
				border: 2px solid #a3d8f5;}
			
			#map-text #content-text {
				width: 310px;
				height: 240px;
				left: 310px;
				top: 72px;}
				
				
			
/* buttons under scroll-box */
	#content-support {
		height: 21px;
		position: absolute;
		top: 298px;
		left: 30px;
		overflow: hidden;}
		
		#content-support li {
			width: 119px;
			float: left;}
		
		#content-support a {
			display: block;
			width: 109px;
			height: 21px;
			text-indent: -8000px;}		
		
		#but-fact {background: url(../images/but-fact.gif) top left no-repeat;}
		
	/* Resources statement */
	
	#res-statement {
		height: 40px;
		width: 350px;
		position: absolute;
		top: 298px;
		left: 220px;
		font-size: 10px;
		overflow: hidden;}
		
	/* address & map link */
	#address {
		width: 112px;
		height: 43px;
		background: url(../images/address.gif) top left no-repeat;
		position: absolute;
		top: 361px;
		left: 56px;
		text-indent: -8000px;
		overflow: hidden;}
		
	#map-link a {
			display: block;
			width: 72px;
			height: 25px;
			background: url(../images/map.gif) top left no-repeat;
			text-indent: -8000px;
			position: absolute;
			top: 411px;
			left: 74px;}
						

/* footer ---------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#footer {
	text-align: center;
	margin: 20px 0 0;
	font-size: 10px;
	color: #ffffff;
	width: 100%;}
	
	#sub #footer {
		position: absolute;
		top: 600px;}
	
	#footer a {color: #ffffff; text-decoration: none;}
	#footer a:hover {text-decoration: underline;}
			

/* scrollbar ------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}

.vscrollerbase {width: 35px; background: #fbfcfc url(../images/sc-bg.gif) repeat-y 0 0;}

.vscrollerbar {
	width: 35px;
	height: 20px !important;
	background: url(../images/sc-b.gif) 0 0px no-repeat;
	padding: 15px;
	z-index: 2;}

.vscrollerbarbeg {
	background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
	width: 35px;
	height: 15px !important;}

.vscrollerbarend {
	background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
	width: 35px;
	height: 15px;}

.scrollerjogbox {
	width: 35px;
	height: 15px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background: #000000 url(horizontalbarbody_cornerjog.png) 0px 0px;}

.vscrollerbasebeg {
	background: url(../images/sc.gif) 0 0 no-repeat;
	width: 35px;
	height: 15px !important;}

.vscrollerbaseend {
	background: url(../images/sc.gif) 0 -15px no-repeat;
	height: 15px;
	width: 35px;}

.scrollerjogbox:hover {background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;}