/* Global Styles
----------------------------------------- */

html { 
	height: 100%; 
	margin-bottom: 1px;
	}
body { 
	background: url(images/background.jpg); 
	color: #502013; 
	font: .8em Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.5;
	text-align: center;
	}
	
/* -- Links -- */	
	
a:link { 
	color: #006496; /* blue */
	}
a:visited { 
	color: #006496; /* blue */
	}
a:hover { 
	text-decoration: none;
	color: #7F2521; /* red */
	}
	
/* -- Tag Styles -- */	

body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd, dt, address, hr, img { 
	margin: 0; 
	padding: 0;
	}
ul, li { 
	list-style: none;
	}
p { 
	margin: 0 0 1em 0;
	}
h2 { 
	margin: 0 0 4px 0; 
	font-family: Times New Roman, Times, serif;
	font-size: 200%;
	font-weight: normal;
	color: #7F2521; /* red */
	}
h3 { 
	margin: 0 0 4px 0; 
	font-family: Times New Roman, Times, serif;
	font-size: 150%;
	font-weight: normal;
	}
li { 
	padding-left: 10px; 
	background: url(images/bullet_brown_square.gif) no-repeat 0 5px; 
	line-height: 1.3;
	}
img { 
	border: 0;
	}
	
/* -- Reusable Classes -- */		

.shade1 { 
	color: #7F2521; /* red */
	}
.shade2 { 
	color: #687C31; /* green */
	}
.shade3 { 
	color: #D4911C; /* yellow */
	}
.shade4 { 
	color: #A1671C; /* brown - living */
	}
.shade5 { 
	color: #9F4720; /* kitchen, queen - brown */
	}
.shade6 { 
	color: #4D7977; /* king - blue */
	}	
.shade7 { 
	color: #597381; /* twin - blue */
	}
.shade8 { 
	color: #81653B; /* bathroom - brown */
	}
.shade9 { 
	color: #744F31; /* extras - brown */
	}	
.shade10 { 
	color: #24559A; /* activites - blue */
	}	
.shade11 { 
	color: #5E7E00; /* contact - green */
	}
.shade12 { 
	color: #F9F6DE; /* tan */
	}
.bulleted_link a, .bulleted_link_list a { 
	padding-left: 10px; 
	background: url(images/bullet_yellow.gif) no-repeat 0 3px; 
	text-transform: uppercase; 
	font-size: 90%; 
	text-decoration: none;
	}	
.bulleted_link_clear a { 
	padding-left: 10px; 
	background: url(images/bullet_yellow.gif) no-repeat 0 3px; 
	text-transform: uppercase; 
	font-size: 90%; 
	text-decoration: none;
	}
.bulleted_link_clear { 
	clear: both;
	}
.bulleted_link_list { 
	margin: 10px 0; 
	padding: 0;
	}
.bulleted_link_list li { 
	background: none; 
	padding: 0;
	margin: 0;
	}
.plain_list li { 
	background: none;
	padding-left: 0;
	margin-bottom: 7px;
	}
.inset_border { 
	float: left;
	margin: 0 10px 10px 0;
	padding: 2px;
	}
.center { 
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
.zero { 
	margin-bottom: 0;
	}
.right { 
	float: right;
	}
.left { 
	float: left;
	}
.inset_left { 
	float: left; 
	padding: 2px 10px 10px 0;
	}
.inset_right { 
	float: right; 
	padding: 2px 0 10px 10px;
	}
	
.inset_border_right { 
	border: 3px solid #FFF;
	margin: 10px 0 10px 10px;
	float: right; 
	}	
	
.clear { 
	clear: both;
	}
	
.pdf { 
	padding-left: 18px;
	background: url(images/pdf_icon.gif) no-repeat 0 1px;
	}
	
.subpage_head { 
	font-size: 140%;
	margin: 0 0 15px 0;
	color: #7F2521;
	border-bottom: 1px solid #D4911C;
	text-transform: uppercase;
	}	
		
/* Wrappers
----------------------------------------- */		
	
#wrapper { 
	font-size: 80%; 
	width: 680px; 
	background: #F9F6DE; 
	margin: 0 auto; 
	padding: 0; 
	text-align: left;
	}
	
#wrapper:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#index #wrapper, #ranchhouse #wrapper, #ranchhouse_yard #wrapper, #rates #wrapper { 
	background: url(images/wrap_back_green.gif) repeat-y;
	}
	
#ranchhouse_living #wrapper { 
	background: url(images/wrap_back_tan.gif) repeat-y;
	}
	
#ranchhouse_kitchen #wrapper { 
	background: url(images/wrap_back_kitchen.gif) repeat-y;
	}
	
#ranchhouse_queen #wrapper { 
	background: url(images/wrap_back_queen.gif) repeat-y;
	}
	
#ranchhouse_king #wrapper { 
	background: url(images/wrap_back_king.gif) repeat-y;
	position: relative;
	}
	
#ranchhouse_twin #wrapper { 
	background: url(images/wrap_back_twin.gif) repeat-y;
	position: relative;
	}
	
#ranchhouse_bathroom #wrapper { 
	background: url(images/wrap_back_bathroom.gif) repeat-y;
	}
	
#ranchhouse_extras #wrapper { 
	background: url(images/wrap_back_extras.gif) repeat-y;
	}	
	
#activities #wrapper { 
	background: url(images/wrap_back_activities.gif) repeat-y;
	}	
	
#contact #wrapper, #offerings #wrapper { 
	background: url(images/wrap_back_contact.gif) repeat-y;
	}	
	
#terms #wrapper { 
	background-color: #F9F6DE;
	}
	
#sitemap #wrapper { 
	background: url(images/wrap_back_sitemap.gif) repeat-y;
	}	
	
#great_outdoors #wrapper { 
	background: url(images/wrap_back_activities.gif) repeat-y;
	}
	
#guests #wrapper { 
	background: url(images/wrap_back_guests.gif) repeat-y;
	}	
	
/* Header
----------------------------------------- */	

#header { 
	width: 680px;
	height: 48px; 
	background: url(images/header.jpg) no-repeat;
	}
#header h1 { 
	text-indent: -9999px;
	font-size: 1px; 
	height: 1px;
	display: block;
	}
	
/* Main Navigation Bar
----------------------------------------- */
	
ul#nav { 
	width: 680px; 
	height: 24px; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	/*overflow: hidden;*/
	}
ul#nav li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block;
	float: left;
	text-indent: -9999px;
	}
ul#nav li a { 
	border: 0;
	display: block;
	text-decoration: none;
	height: 24px;
	}
#nav a:link, #nav a:visited { 
	background-position: 0 0;
	}
#nav a:hover { 
	background-position: 0 -24px;
	}
#nwelcome a { 
	width: 99px; 
	background: url(images/nav_welcome.gif) no-repeat top left;
	}
#nranch_house a { 
	width: 119px; 
	background: url(images/nav_rhouse.gif) no-repeat top left;
	}
#nrates a { 
	width: 179px; 
	background: url(images/nav_rates.gif) no-repeat top left;
	}
#nactivities a { 
	width: 91px; 
	background: url(images/nav_activities.gif) no-repeat top left;
	}
#ncontacts a { 
	width: 192px; 
	background: url(images/nav_contacts.gif) no-repeat top left;
	}
#index #nwelcome a, #ranchhouse #nranch_house a, #ranchhouse_bathroom #nranch_house a, #ranchhouse_extras #nranch_house a, #ranchhouse_king #nranch_house a, #ranchhouse_kitchen #nranch_house a, #ranchhouse_living #nranch_house a, #ranchhouse_queen #nranch_house a, #ranchhouse_twin #nranch_house a, #ranchhouse_yard #nranch_house a, #rates #nrates a, #activities #nactivities a, #contact #ncontacts a { 
	background-position: 0 -48px;
	}
	
/* Left Column
----------------------------------------- */

#column_left { 
	width: 360px; 
	float: left; 
	padding: 10px 20px 10px 20px;	
	}
#top { 
	border-bottom: 1px solid #D4911C;
	}
#top:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#bottom_left { 
	float: left; 
	width: 164px; 
	margin-top: 10px; 
	padding-right: 15px; 
	}
#bottom_right { 
	width: 165px; 
	float: left; 
	margin-top: 10px; 
	padding-left: 15px
	} 
	
.border { 
	clear: both;
	border-top: 1px solid #D4911C;
	margin-top: 10px;
	padding-top: 10px;
	}
	
/* -- Index Page -- */

#welcome_text { 
	margin-left: 113px;
	}
#index .inset_left { 
	float: left; 
	margin-right: 10px;
	}
#index #bottom_left li { 
	padding: 0 0 10px 0;
	background: none;
	}
#index #bottom_left .bulleted_link_list { 
	margin-top: 5px;
	}
	
/* -- Ranch House Pages -- */

.pic, .pic_end { 
	float: left;
	margin: 0 6px 10px 0;
	text-align: center;
	}
	
.pic_end { 
	margin-right: 0;
	}
	
.pic img, .pic_end img { 
	padding: 2px;
	}	
	
.pic a, .pic_end a {
	text-decoration: none;
	font-weight: bold;
	}
	
h2.ranchhouse, p.ranchhouse { 
	display: inline;
	}
	
h2.ranchhouse { 
	margin-right: 10px;
	}	
	
/* -- Rates and Reservations Page -- */

.rates { 
	width: 60%;
	float: right;
	margin: 0 20px 10px 0;
	}

.rates dt { 
	float: left;
	}	
	
.rates dd { 
	font-weight: bold;
	text-align: right;
	}	

.rates_list { 
	margin-bottom: 15px;
	}	
	
.rates_list li { 
	line-height: 1.5;
	}
	
/* -- Contact Page -- */

.contact_text { 
	margin-left: 167px;
	}	
	
.password_form .field { 
	border: 1px solid #D4911C;
	width: 160px;
	margin-bottom: 1em;
	}
	
/* -- Offerings Page -- */	

#offerings #column_left { 
	width: 357px;  
	padding: 10px 20px 10px 23px;
	}
	
#offerings li { 
	margin-bottom: 5px;
	}
	
/* -- What Guests Say Page -- */	

#guests dt { 
	font-size: 110%;
	font-weight: bold;
	}	
	
#guests dd { 
	font-weight: bold;
	}	
	
/* -- Activities Page -- */

.inset_guest { 
	padding: 2px;
	float: left;
	margin-right: 5px;
	}	
	
	
/* Column Right
----------------------------------------- */	
	
#column_right { 
	width: 240px; 
	float: left;
	padding: 10px 20px 10px 20px;
	}
.inset { 
	border: 3px solid #FFF;
	margin-top: 10px;
	}
	
.bottom_right { 
	position: absolute;
	bottom: 0;
	right: 0;
	}
	
/* -- Ranch House - King, Twin Bedroom */
	
#ranchhouse_twin #column_right, #ranchhouse_king #column_right { 
	margin-bottom: 135px;
	}	
	
/* -- Rates and Reservation Page -- */

.rates_form .field, .rates_form .message { 
	width: 140px;
	}
	
.rates_form input, .rates_form textarea, .rates_form select { 
	border: 1px solid #D4911C;
	}
	
.rates_form select { 
	font-size: 90%;
	}
	
.arrival_day, .stay_number { 
	width: 40px;
	}
	
.stay_length { 
	width: 93px;
	}
	
.arrival_month, .arrival_year { 
	width: 45px;
	}
	
.rates_form input.submit { 
	border: none;
	}
	
/* -- Contact Page -- */

.contact_map { 
	margin: 0 auto 1em;
	display: block;
	border: 2px solid #687C31;
	}
	
/* Terms Page
----------------------------------------- */			
	
#terms_content { 
	padding: 20px;
	}
	
ul { 
	margin-bottom: 1em;
	}
	
#terms h2 { 
	margin: 0;
	padding: 0;
	}
	
#terms #nav { 
	margin: 0;
	}
	
/* Site Map Page
----------------------------------------- */	
	
#sitemap #column_left { 
	width: 401px;
	padding: 0;
	margin: 0;
	}	

#sitemap #column_right { 
	width: 239px;
	margin: 0;
	padding: 15px 20px;
	}	
	
#sitemap dt { 
	font-size: 150%;
	margin: 5px 0 5px 0;
	}
	
#sitemap dd { 
	padding-left: 10px;
	margin: 0 0 5px 0;
	}
	
#sitemap dt a, #sitemap dd a { 
	text-decoration: none;
	}	
	
#sitemap .expanded { 
	border-bottom: 1px solid #D4911C;
	}
	
/* Who Stays Here Page
----------------------------------------- */	

.top-padding { 
	padding-top: 10px;
	}

#divided_top { 
	background: url(images/wrap_back_who.gif) repeat-y;
	}
	
#divided_top:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
#divided_top .divided_left { 
	width: 357px;
	padding: 10px 20px 10px 23px;
	float: left;
	}
	
#divided_top .divided_right { 
	width: 230px;
	padding: 10px 20px;
	margin-left: 400px;
	}
	
#divided_bottom { 
	background: url(images/wrap_back_who2.gif) repeat-y;
	}
	
#divided_bottom:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
#divided_bottom .divided_left { 
	width: 357px;
	padding: 10px 20px 10px 23px;
	float: left;
	}
	
#divided_bottom .divided_right { 
	width: 230px;
	padding: 10px 20px;
	margin-left: 400px;
	}
	
/* -- Good Things to know
----------------------------------------- */
	
.top_table_left { 
	width: 357px;
	padding: 10px 20px;
	background: #FEF1BB;
	}
	
.top_table_right { 
	width: 230px;
	padding: 10px 20px;
	background: #CCD489;
	}
	
.middle_table_left { 
	width: 357px;
	padding: 10px 20px;
	background: #BDD0A8;
	}
	
.middle_table_right { 
	width: 230px;
	padding: 10px 20px;
	background: #FBF7E4;
	}	
	
.bottom_table_left { 
	width: 357px;
	padding: 10px 20px;
	background: #FBF7E4;
	}
	
.bottom_table_right { 
	width: 230px;
	padding: 10px 20px;
	background: #AFAD87;
	}	
	
h2.seasons { 
	background: url(images/icon_seasons.gif) no-repeat 0 50%;
	height: 33px;
	padding: 5px 0 0 40px;
	color: #F8CE27;
	}
	
h2.critters {
	background: url(images/icon_critters.gif) no-repeat 0 50%;
	height: 33px;
	padding: 5px 0 0 40px;
	color: #5A600B;
	}
	
h2.poison_oak {
	background: url(images/icon_poisonoak.gif) no-repeat 0 50%;
	height: 33px;
	padding: 5px 0 0 40px;
	color: #407607;
	}	
	
h2.first_aid {
	background: url(images/icon_firstaid.gif) no-repeat 0 50%;
	height: 33px;
	padding: 5px 0 0 40px;
	color: #EF3E33;
	}		
	
h2.fire {
	background: url(images/icon_fire.gif) no-repeat 0 50%;
	height: 33px;
	padding: 5px 0 0 40px;
	color: #B8120B;
	}	
	
h2.roads {
	background: url(images/icon_roads.gif) no-repeat 0 50%;
	height: 34px;
	padding: 5px 0 0 40px;
	color: #5E5A0D;
	}	
	
/* What Guests Say 
----------------------------------------- */

#guests .larger_pic { 
	margin-bottom: 10px;
	}

#guests .smaller_pic, .smaller_pic_end { 
	float: left;
	margin: 0 4px 10px 0;
	}
	
#guests .smaller_pic_end { 
	margin-right: 0;
	}	
	
#guests .smaller_pic_end dd, #guests .smaller_pic dd, #guests .larger_pic dd { 
	color: #F9F6DE;
	font-weight: normal;
	text-align: left;
	}
	
	
/* Footer
----------------------------------------- */	

#footer { 
	width: 680px; 
	margin: 0 auto; 
	padding: 0; 
	text-align: center; 
	font-size: 80%; 
	border-top: 2px solid #D4911C; 
	margin-top: 1px; 
	padding: 10px 0 20px 0;
	}
#footer, #footer a:link, #footer a:visited { 
	color: #D4911C; 
	text-decoration: none;
	}
	
/* Hacks
----------------------------------------- */		
	
#top, #divided_bottom, #divided_top, #wrapper {
	display: inline-block;
	}  

/* Holly Hack Targets IE Win only \*/
* html #divided_top, * html #wrapper, * html #divided_bottom, * html #top {height: 1%;}
#top, #divided_bottom, #divided_top, #wrapper {display: block;}
 /* End Holly Hack */