/* Primary stylesheet for screen based browsing */

/***** import reset css *****/
@import url(reset.css);

/***** site generics *****/
	html {font-size: 100.01%; background: #453420 url(images/siteBknd.gif) repeat;}
	body { font: .85em arial, helvetica, verdana, sans-serif; background: #453420 url(images/siteBknd.gif) repeat; color: #fbc76b; }
	a, a:visited { text-decoration: none; color: #fbc76b; border-bottom: 1px dotted;}
	a:hover {border-bottom: 1px solid;}
	a.imgLink, a.imgLink:hover, a img { border: none; }	
	ul, p { margin: 0 0 1em; }
	em { font-style: italic;}	
	strong { font-weight: bold;}
	ul li {list-style: square outside; margin-left: 2em;}
		li li { margin-left: 2em;}
	h3 {font-weight: bold;}
	.error {background-color:#970008; border: 1px solid #453420; text-align: center; padding: 2px; font-weight: bold;}
	
	/* forms generics */
	form {display: inline;}
	legend {display: none;}
	input, textarea, select { font-size: 1em; padding-left: 2px; background-color:#C3994F; border: 1px solid #453420; font: 11px arial, helvetica, verdana, sans-serif; color: #453420;}
	input.radio, input.checkbox {border: none;}	
	input.button {background-color: #fbc76b; border-color: #453420; color: #453420; padding-right: 2px; font-weight: bold; font-size:1.1em;}
	input.button:hover { background-color: #453420; color: #fbc76b; }
	form li {list-style: none; clear: left; padding: 3px 0; margin-left: 0;}
	fieldset {margin: 10px 0;}
	label {float: left; display: block; width: 80px; padding-right: 10px;}
	input.text {float: left; display: block;}
		

/***** layout by section*****/
	#container {width: 700px; margin: 10px auto; padding: 10px 10px 0; border: 1px solid #68502d; background: #453420; } 
	
	/* header */
	#header {margin-bottom: 10px;}
		#header a {border: none; display: block; height: 75px; width: 700px; background: url(images/header.jpg) no-repeat; text-indent: -9999px;}
	
	/* main content */
	#content {width: 525px; float: right; background: #68502d url(images/contentBdknd.gif); padding: 10px 10px 15px;}
		#content h2 {height: 25px; text-indent: -9999px; padding-bottom: 5px;}
		#content #homeheader {background: url(images/warm.gif) no-repeat top right;}		
		#content #adminhomeheader {background: url(images/adminhome.gif) no-repeat top left;}		
		#content #statisticsheader {background: url(images/statistics.gif) no-repeat top left;}	
		#content #emailheader {background: url(images/email.gif) no-repeat top left;}			
		#content #accommodationsheader {background: url(images/accommodations.gif) no-repeat top right;}
		#content #locationheader {background: url(images/location.gif) no-repeat top right;}
		#content #reservationsheader {background: url(images/reservations.gif) no-repeat top right;}		
		#content #attractionsheader {background: url(images/attractions.gif) no-repeat top right;}
		#content #availabilityheader {background: url(images/availability.gif) no-repeat top left;}
		#content #contactUsheader {background: url(images/contactUs.gif) no-repeat top right;}	
		#content #guestphotosheader {background: url(images/guestPhotos.gif) no-repeat top left;}	
		#content #albummanagerheader {background: url(images/guestPhotos.gif) no-repeat top left;}	
		
		#maincontent {width: 290px; float: right; line-height:1.3em; font-size: 1em; }
		#maincontent p.subcontent {margin-left: 1em;}
		
		#photonav {text-align: center;}
		
		#highlight {width: 188px; margin-top: -25px; padding: 0 16px; float: left; font-size: .9em; line-height: 1.1em;}
			#highlight img {margin: 0 -16px 5px;}
			#highlight .vcard {margin-bottom: 10px;}
	
		#calendar {clear: right; font-size: 1em;} 
			/*#today, #todaykey {border: 1px solid #970008;}*/
			.notavailable, #notavailablekey, .notavailable a { color: #000; text-decoration: line-through;}
			.peakseason, #peakseasonkey {background-color:#914F00;}
			.regularseason, #regularseasonkey {background-color:#4f6224;}	
			td.rallyseason, #rallykey {background-color: #7d060c;}		
			/*#todaykey,*/ #peakseasonkey, #notavailablekey, #regularseasonkey, #offseasonkey, #availablekey, #rallykey {padding: 1px 2px;}
			#calendarnav {text-align: center; margin-top: 2em;}
				#calendarnav a {margin: 0 6px;}
			.calendarRow {clear: left; overflow: auto;}
			
			#calendar table { border: 1px solid #443420; margin: 5px 5px 5px 0; float: left;}
			#calendar tr.month { background-color: #443420; color: #FBC76B;}
			#calendar tr.days {background-color: #5c462b;}
			#calendar tr { border-top: 1px solid #eee;}
			#calendar th,td {padding: 0; text-align: center;}
			#calendar td a, #calendar td span {padding:1px 3px; border: none;}				
			#calendar td a:hover {border: 1px solid #443420; padding: 0 2px;}
			#calendar th {border: 1px solid #68502d; border-top: none;}
			#calendar tr.month th {border: none; text-align: center; padding: 2px 0;}
			#calendarkey { float: right; list-style: none; padding-left: 20px;}
			#calendarkey li {list-style: none;}
			p.confirmation {text-align: center; font-weight:bold; background-color: #600017; color: #FBC76B; border: 1px solid #FBC76B; padding: 3px 0; margin: 20px 40px;}
	
		#contact {}
			#contact input.text { width: 150px;}
			#contact textarea.textarea {width: 250px;}
		
	/* navigation */
	#navigation { width: 145px; background: #68502d url(images/contentBdknd.gif); float: left; padding: 15px 0;}
		#navigation a {border: none; margin: 0 auto;text-align: center; height: 30px; width: 145px; display: block; text-indent: -9999px;}
		#navigation #homelink {background: url(/images/homeLink.gif) no-repeat center top;}
		#navigation #adminhomelink {background: url(/images/adminHomeLink.gif) no-repeat center top;}
		#navigation #accommodationslink {background: url(/images/accommodationsLink.gif) no-repeat center top;}
		#navigation #locationlink {background: url(/images/locationLink.gif) no-repeat center top;}
		#navigation #reservationslink {background: url(/images/reservationsLink.gif) no-repeat center top;}
		#navigation #attractionslink {background: url(/images/attractionsLink.gif) no-repeat center top;}
		#navigation #availabilitylink {background: url(/images/availabilityLink.gif) no-repeat center top;}
		#navigation #contactUslink {background: url(/images/contactUsLink.gif) no-repeat center top;}
		#navigation #emaillink {background: url(/images/emailLink.gif) no-repeat center top;}
		#navigation #statisticslink {background: url(/images/siteStatisticsLink.gif) no-repeat center top;}
		#navigation #photoslink {background: url(/images/guestPhotosLink.gif) no-repeat center top;}
		
		#navigation #homelink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #adminhomelink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #accommodationslink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #locationlink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #reservationslink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #attractionslink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #availabilitylink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #contactUslink:hover {background-position: center bottom; background-color:#453420;}
		#navigation #emaillink:hover {background-position: center bottom; background-color:#453420; }
		#navigation #statisticslink:hover {background-position: center bottom; background-color:#453420; }
		#navigation #photoslink:hover {background-position: center bottom; background-color:#453420; }
		
		
		/*
		#navigation #homelink:hover { background: #453420 url(images/in/home.gif) no-repeat center;}
		#navigation #adminhomelink:hover { background: #453420 url(images/in/adminhome.gif) no-repeat center;}
		#navigation #accommodationslink:hover { background: #453420 url(images/in/accommodations.gif) no-repeat center;}
		#navigation #locationlink:hover { background: #453420 url(images/in/location.gif) no-repeat center;}
		#navigation #reservationslink:hover { background: #453420 url(images/in/reservations.gif) no-repeat center;}
		#navigation #attractionslink:hover { background: #453420 url(images/in/attractions.gif) no-repeat center;}
		#navigation #availabilitylink:hover { background: #453420 url(images/in/availability.gif) no-repeat center;}
		#navigation #contactUslink:hover { background: #453420 url(images/in/contactUs.gif) no-repeat center;}
		#navigation #emaillink:hover {background-position: center bottom; background-color:#453420; }
		#navigation #statisticslink:hover {background-position: center bottom; background-color:#453420; }
		*/
	
	/* footer */
	#footer { clear: both; padding-top: 10px; text-align: right; font-size: .8em;}