@charset "UTF-8";

@media screen, projection
{

/* --------------------------------------------------------------------------------------------------------
*
*      All styling except for the major containers can be found here
*      Looking to change the layout and appearance of the major boxes? Check out layout.css friend
*
* --------------------------------------------------------------------------------------------------------- */ 

   
/* 
			TABLE OF CONTENTS
			-----------------
			1. Containers
			2. Basic content styling - paragraphs, lists, blockquotes, etc.
			3. Heads
			4. Link styling - also find the custom buttons and icons in here
			5. Navigation Menus
			6. Form styling
			7. Table styling
			8. Tools - text-image replacement, clearing etc.
			9. Print specific styles
			-----------------
			
		NOTES: 
		* Quickly skip through the major sections by doing a find for ++ 
		* CSS styling standards:
		     > All styles inline
			 > Styles arranged by alphabetical order
			 > No spaces before opening curly brace
			 > No spaces after colons
			 > Single space after semi-colons
			 > Use indents to help show style hierarchy
			 > No line-breaks needed between multiple style declarations
			   for base html elements. eg: 
			 	   p, h1, h2, h3 {stuff;}
			 > Use line-breaks between multiple style declarations
			   that include class names. eg:
			      .stretch, 
				  .clear,
				  .hair {stuff;}
			-----------------


*/



/*  
------------------------------------ 1. Containers ------------------------------------- ++ 
*/
#page_margins {background:#fff url('../images/bg_pageMargins.gif') repeat-y; margin: 0 auto; position:relative; width:999px; z-index:1;}
#page {background:transparent url('../images/bg_page.jpg') 0 0 no-repeat; margin: 0 auto; position:relative; width:999px; z-index:1;}
#mainContainer {width:999px; height:930px; height:auto; background-repeat: no-repeat; margin: 0 auto; text-align: left; z-index:2; }
#mainContent { padding-left:52px; padding-right:345px; padding-top:429px; padding-bottom:20px;}
#rightSidebar { text-align: left; float:right; width: 258px; padding-top: 51px; padding-right: 28px;  }
#rightSidebarNoSub { text-align: left; float:right; width: 258px; padding-top: 51px; padding-right: 28px;} 
	
	.newsSub {background:#e6e4e5 url('../images/bg_newsSub.gif') repeat-x; padding:12px 0;}
    
#copy { width:999px; margin: 0 auto; text-align: left; font-family: "Arial"; font-size:1em; color:#FFF;}
#copycontent {padding-left:25px; padding-right: 25px; padding-bottom:20px; }
#fictive {float:right;}




/* Error messages */
.success, .fail {border-bottom:#110703 4px ridge; display:block; left:0; position:absolute; top:0; width:100%; z-index:99;}
	.success p, .fail p {font-size: 1.2em; font-weight:900; margin:0; padding:14px 0 16px; text-align:center;}
		.success a, .fail a {color:#fff; font-weight:900; text-decoration:underline !important;}
		.success a:hover, .fail a:hover {text-decoration:none;}
.success {background:#461400;}
	.success p {color:#f0efef;}
.fail {background:#ea561c;}
	.fail p {color:#f8d1c3;}


.homeLink {background:transparent; height:145px; left:60px; position:absolute; top:10px; width:235px;}
	

/* 
------------------------------------ 2. Basic content styling ------------------------------------- ++ 
*/

body {font-family: "Times New Roman", Times, serif; margin:0; padding:0; text-align: center; color:#461400;}
strong {font-weight:900;}
em {font-style:italic;}
small {font-size:1.1em;}
big {font-size:1.5em;}

p {font-size:1.4em; font-family: "Times New Roman", Times, serif; line-height:1.4em; margin-bottom:22px;}
#rightSidebar p {line-height:1em;padding-left:23px; padding-right: 28px; margin-bottom:10px;}
#rightSidebarNoSub p {line-height:1em; padding-left:23px; padding-right: 28px; margin-bottom:10px;}

.radioBtns p {margin:0;}

.rates {font-family:Verdana, Geneva, sans-serif; font-size: 0.8em;}


blockquote {font-size: 1.4em; padding:2px 63px;}
	blockquote p{font-size: 1.4em; padding:2px 63px;}

ul {list-style:disc; padding:3px 63px 7px;}
	ul li {}
	
ul.awards {padding-left:28px; padding-top:25px; list-style:none; }
	ul.awards li {font-size:1.1em; margin-left: -25px; padding:0 0 13px 25px; line-height:19px; background:url(../images/bullet.gif) no-repeat;}
	
ol {}
	ol li {}	

dl {}
	dt {font-size: 1.6em; font-weight:100;}
	dd {font-size:1.4em; padding:4px 0;}

.imagePadding {padding-right:8px;}
	


/* 
------------------------------------ 3. Heads ------------------------------------- ++ 
*/

h1 {font-size:33px;; font-style:italic; margin-bottom:25px;}
h2 {font-size:22px;}
#rightSidebar h2 {font-style:italic; padding-left:28px; padding-top:15px;/* margin-bottom:12px;*/}
h2.newsletter {color:#f8fefe; font-style:italic; padding-left:28px;/* padding-top:155px;*/ }
h2.awards {font-size: font-style:normal; padding-bottom:12px; padding-top:12px;}

h3 {font-size:1.6em; font-weight:100; padding:6px 0;}
td.header {background: #461400; color: #fff;}


/* 
------------------------------------ 4. Link styling ------------------------------------- ++ 
*/

a {color:#601a00; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
#mainContent a:hover {text-decoration:underline;}

#rightSidebar a {color:#FFF;}
#rightSidebarNoSub a {color:#FFF;}
#rightSidebarHome a {color:#FFF;}
#rightSidebarAccomodations a {color:#FFF;}

.homeLink a {background:transparent; display:block; height:145px; text-decoration:none; width:235px;}


/* 
------------------------------------ 5. Navigation Menus ------------------------------------- ++ 
*/

ul.navigation {list-style:none; margin-bottom:100px; padding-left: 22px; font-size:15px;}
	ul.navigation li {width:232px; padding-left:5px; padding-top: 7px; padding-bottom:4px; margin-bottom:3px;}
	#home ul.navigation li.mainHmLink,
	#accomodations ul.navigation li.accom, 
	#conference-center ul.navigation li.confer,
	#attractions ul.navigation li.attract,
	#photo-gallery ul.navigation li.scenery,
	#discovery-weekends ul.navigation li.disc,
	#about-us ul.navigation li.about,
	#reservation ul.navigation li.reserv,
	#contact ul.navigation li.contact {background-color:#544b15; cursor:default;}
	
	#home ul.navigation li.mainHmLink a,
	#accomodations ul.navigation li.accom a, 
	#conference-center ul.navigation li.confer a,
	#attractions ul.navigation li.attract a,
	#photo-gallery ul.navigation li.scenery a,
	#discovery-weekends ul.navigation li.disc a,
	#about-us ul.navigation li.about a,
	#reservation ul.navigation li.reserv a,
	#contact ul.navigation li.contact a {cursor:default;}
	.navigation li:hover {background-color:#544b15;}

ul.subnav {margin:0 0 22px; padding:0; list-style:none; font-size:1.6em;}
	ul.subnav li {margin:0 0 4px;}
		ul.subnav li a {background:transparent url('../images/bg_subnavItem.gif') 0 0 no-repeat; display:block; height:20px; padding:12px 28px; width:202px;}

		.ratesPage li.RT a,
		.cabinsPage li.CB a,
		.hotelPage li.HT a,
		.siteplansPage li.SP a,
		.masterplanPage li.MP a,
		.awardsPage li.AW a,
		.jobpostingsPage li.JP a {color:#d09681 !important; cursor:default;}
		
		.subnav a:hover {color:#d09681 !important;}




/* 
------------------------------------ 6. Form styling ------------------------------------- ++ 
*/

.notice {color:#461400; font-style:italic; margin-bottom:12px;}

form {margin-left:24px; margin-right:24px; margin-bottom:0px;}
.contactForm {float:left; margin:0; width:270px;}	
	label{display:block; color:#601a00;}
	.contactForm label {font-size:1.2em;}
	
	input, select, textarea {color:#5f5317; font-family:"Times New Roman", Times, serif; width:190px; border:#601a00 1px solid; margin-bottom:13px;}
	select {width:194px;}
	.contactForm input, .contactForm textarea {width:230px;}
	
	input.formBtnSub {background:transparent url('../images/btn-subscribe.gif') no-repeat; border:none; color:#fff; cursor:pointer; height:28px;  padding-bottom:3px; width:87px; vertical-align:middle;}
	.reserve input.formBtnSub {margin-top:12px;}
	
	form input.spamInput {width: 70px; /*margin-bottom:0; margin-top:18px;*/}	
	
.reserve {border-bottom:#c4c2c3 1px solid; margin:0 0 12px 0;}
	.reserve label {float:left; font-size:1.1em; width:286px;}
	
	.reserve input {display:block;}
	.checkboxes input, .radioBtns input {border:none; display:inline; width:auto;}
	
	.checkboxes label, .radioBtns label {vertical-align:top;}
	.reserve .short, .checkboxes label, .radioBtns label {width:142px;}
	
	.short input, .short select, .short textarea {width:80px;}

fieldset {padding: 8px 0; border-top:#c4c2c3 1px solid;}
.submitInfo {background:#f4f2f3; padding:12px 24px;}

/* 
------------------------------------ 7. Table styling ------------------------------------- ++ 
*/

table.rates td {margin:4px; padding:4px;}
.tableFill {background:#fecd5f;}


/* 
------------------------------------ 8. Tools ------------------------------------- ++ 
*/

/* Get scroll bars to always show up in firefox */
	html {overflow-y:scroll;}

	
	.hideMe {display:none; visibility:hidden;}
	
/* clearing */
	.stretch,
	.clear, #clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
	
	.clearLeft {clear:left;}
	.clearRight {clear:right;}


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }

/* sIFR styles */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #mainContent h1 {
	visibility: hidden;
	font-size: 46px;
	padding-bottom:0;
	margin-bottom:0;
}

.sIFR-hasFlash h2.newsletter {
	visibility: hidden;
	font-size: 32px;
	line-height:0.8em;
	padding-bottom:0;
	margin-bottom:0;
	padding-left:0 !important;
	margin-left:26px;
}

.sIFR-hasFlash #rightSidebarNoSub h2.newsletter {padding-top:0; /*margin-top:155px;*/ font-size:34px; line-height:0.7em;}


}

@media print 
{

/* 
------------------------------------ 9. Print Specific Styles ------------------------------------- ++ 
*/


.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

}