/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

* {/*all html elements default to no padding, borders, etc. */
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:0;
	outline-style:none;
	outline-width:0;
}
body {
	background:#000;
	margin:0;
}
a, a:visited, a:hover, a:active  {
	color:#7B1113;
	text-decoration: none;
}
a:hover, a:active  {
	color: #333;
}
p {
	margin-top:0px;
	margin-bottom:20px;
}
strong {
	font-weight:bold;
}
/* headlines - used as 'colored bars' in design, block elements that change color for each section */
h1, h2, h3, h4, h5, h6 {
	display:block;
	color:#7B1113;
	font-weight:bold;
	text-transform:uppercase;
}
h1, h2 {
	font-size:14px;
	line-height:14px;
	margin-bottom:15px;
}
h3, h4, h5, h6 {
	font-size:12px;
	line-height:12px;
	letter-spacing:.6px;

}
h3, h4 {
	padding:3px 0 3px 0;
	line-height:170%;
}




hr {
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	height:1px;
	background:#000;
}
/* img -'behavior" allows IE6 to properly display transparent .png files */
/* - requires 2 files in /css folder 'iepngfix.htc', and 'blank.gif'*/
img {
	border:none;
	padding:0;
	behavior:url('/css/iepngfix.htc'); 
} 
table {

}
td {
	text-align:left;

}
th {
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
	background-color:#FEC05B;
}
ul {
	margin:12px 0 10px 15px;
	padding:0;
	list-style-type: square;
}
ul ul {
	margin:3px 0 4px 35px;
	list-style-type:circle;
}
ol {
	margin:12px 0 10px 20px;
	padding:0;
	list-style-type:decimal;
	font-family:Arial, Helvetica, sans-serif;
}
ol ol {
	list-style-type:lower-alpha;
}
/*************************** FORM ELEMENTS  **********************************/
label {
	display:block;
	margin:0;
	font-weight:bold;
	color:#292929;
}
input {
	width:215px;
	height:17px;
	margin:0 0 8px 0;
	padding:2px 2px 0 2px;
	border:solid 1px #999;
	font-size:12px;
	line-height:135%;
	font-family:Arial, Helvetica, sans-serif;
}
select {
	width:220px; /*make 'select' 5px wider than 'input' to match */
	height:21px;
	border:solid 1px #999;
	margin:0 0 8px 0;
	padding:1px 0 0 2px;
	line-height:135%;
}
textarea {
	width:213px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	height:150px;
	margin:0 0 8px 0;
	padding:1px 3px 1px 3px;
	border:solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* hide scrollbars if text area desired (less than approx 200px x 200px) */
/*	overflow-x:hidden; */
/*	overflow-y:hidden;*/
}
.errorMessage {
	color:#C00;
	font-weight:bold;
	font-style:italic;
}
.error_message {
	color:#C00;
	font-weight:bold;
	font-style:italic;
}

.fieldError {
	border-color:#F00;
	background:#F5FFFF;
}
.field_error {
	border-color:#F00;
	background:#F5FFFF;
}
.rightNote { /* small notes on form - e.g. "*all fields required" */
	margin-top:-16px;
	text-align:right;
	font-size:11px;
	color:#666;
}

/* BUTTONS - NOTE! Rather than apply styles to buttons, wrap buttons in '<div class="buttonHolder"> [--button--] </div>' */

/* Crossbroswer Hack - Format "buttonHolder" rather than button, so hover works in IE - look, size, text alignment, etc. are consistent */
.buttonHolder {
	display: inline-block;
	height:18px;
	width:60px;
	margin:3px 5px 0 0;
	border:solid 1px #999;
	background: #CCC;
	padding:0; /*don't change padding - change in button css instead */
}
.buttonHolder:hover {
	background: #999;
}
/* actual button */
.buttonHolder button, .buttonHolder input {
	/* tweak all 3 of these to get consistent vertical place of text within button in all 3 browsers */
	height:18px;				/* use "holder" for appearance of button height - button may exceed height of holder to get text right, since overflow is hidden in holder */
	padding:1px 1px 5px 1px; 	/* Firefox/Safari bottom padding pushes text up */
	line-height:135%; 			/* IE more sensitive to line height - in Safari, label will probably ride a pixel higher */
	/* specify these to override browser defaults - more consistency */
	font-weight:bold;
	letter-spacing:.2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* don't edit these, edit "buttonHolder" instead */
	margin:0;
	width:100%;
	background:none;
	border:none;
	outline:none;
}

/* CHECKBOXES - NOTE! Rather than apply styles to checkboxes, wrapcheckboxesbuttons in '<div class="checkboxHolder"> [--checkboxHolder--] </div>' */
.checkboxHolder {
	display: inline-block;
	width:auto;
}
.checkboxHolder input {
	float:left;
	width:auto;
	border:none;
}


/* Styles Available in Admin Tool - must be copied into '/css/editorstyle.css' file */
.float_Image_Left {
	margin:0 10px 6px -1px;
	border:solid 1px #999;
	float:left;
}
.float_Image_Right {
	margin:0 -1px 6px 10px;
	border:solid 1px #999;
	float:right;
}
.float_Left_w_Border {
	margin:0 9px 6px 0px;
	border:none;
	float:left;
}
.float_Right_w_Border {
	margin:0 0 6px 9px;
	border:none;
	float:right;
}

/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/

#container {
	width:960px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	color:#000000;
	margin-right:auto; 
	margin-left:auto; 
	margin-bottom:20px;
	overflow:hidden;
}
#container_left {
	float:left;
	width:204px;
	height:498px;
	background: url(/images/logo_menu_bg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#container_right {
	float:right;
	width:756px;
	/*height:498px;*/ /* ***CHANGE TO MIN HEIGHT *** */
}
#header {
	height:52px;
	margin:58px 0 0 295px;
	background: url(/images/right_top_title.jpg);
	background-position:left top;
	background-repeat: no-repeat;	
}
#header_ad {	
	position:absolute;
	width:278px;
	height:82px;
	margin:-87px 0 0 -295px;
	overflow:hidden;
}
#container	#header_title {/*actually image bg dynamically defined in 'inc_styles.cfm' */
	width:123px;
	height:46px;
	margin-left:335px;	
}
#content {
	background-color:#FDE59D ;
	min-height:375px;
	height:auto !important;
	height:375px;
	padding:50px 170px 40px 40px;	
	background-position:left top;
	background-repeat: no-repeat;
}
#content_left_flyout_image {
	position:absolute;
	width:244px;
	height:162px;
	margin:493px 0 0 -40px;
	background-position:right top;
	background-repeat: no-repeat;
}
#footer {
	color:#FFF;
	margin-bottom:20px;
}
#copyright {
	float:right;
	margin-top:3px;
	color:#444;
	text-align:right;
	font-size:9px;
	letter-spacing:0px;
	line-height:11px;
}
#copyright a, #copyright a:visited {
	color: #590E00;
}
#copyright a:hover {
	color:#FFF;
}
/*************************************************************************/	
/**************** ALL NAV LINKS - Top, Right, Bottom & Left **************/
/*************************************************************************/

#nav_top {
	height:25px;
	background:#7B1113;
}
#nav_top ul, #nav_bottom ul {
	float:left;
	list-style:none;
	margin:0;
	font-size:11px;
}
#nav_top li, #nav_bottom li  {
	float:left;
}
#nav_top li a, #nav_bottom li a  {
	display:block;
	padding:4px 10px 4px 10px;
	color:#CE943E;
	font-weight:bold;
	letter-spacing:2.3px;
	text-transform:uppercase;
	text-decoration:none;
}
#nav_top li a:hover, #nav_bottom li a:hover {
	color:#FFF;
}
#nav_right {			
	float:right;
	position:absolute;
	width:136px;
	margin:6px 0 0 325px;
}
#nav_right ul {
	margin:0;
	padding:0 10px 6px 10px;
	list-style:none;
	background:#FEC05B;
}
#nav_right ul li {
	border-top:dotted 2px #000;
}
#nav_right ul li.top {
	border-top:none;
}
#nav_right ul li a {
	display:block;
	width:109px;
	padding:5px 0 5px 0;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:130%;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
}
#nav_right ul li a:hover {
	color:#AB1123;
}
#nav_bottom ul {
	margin-top:-1px;
}
#container #nav_left {
	float:right;
	width:115px;
	margin-top:200px;
	padding-top:12px;
	text-align:right;
}

/************************* LEFT NAV ********************************/

/*normal state bg images*/
#nav_left ul li a.Horses 			 {background: url(/images/left_nav/Horses.jpg); 			}
#nav_left ul li a.Retreats 			 {background: url(/images/left_nav/Retreats.jpg); 			}
#nav_left ul li a.Camps 			 {background: url(/images/left_nav/Camps.jpg); 				}
#nav_left ul li a.Events			 {background: url(/images/left_nav/Events.jpg); 			}
#nav_left ul li a.Activities 		 {background: url(/images/left_nav/Activities.jpg); 		}
#nav_left ul li a.Film-Location		 {background: url(/images/left_nav/Film-Location.jpg); 		}

/*rollover state bg images*/
#nav_left ul li a.Horses:hover 		 {background: url(/images/left_nav/Horses_over.jpg); 		}
#nav_left ul li a.Retreats:hover 	 {background: url(/images/left_nav/Retreats_over.jpg); 		}
#nav_left ul li a.Camps:hover 		 {background: url(/images/left_nav/Camps_over.jpg); 		}
#nav_left ul li a.Events:hover 		 {background: url(/images/left_nav/Events_over.jpg); 		}
#nav_left ul li a.Activities:hover 	 {background: url(/images/left_nav/Activities_over.jpg); 	}
#nav_left ul li a.Film-Location:hover{background: url(/images/left_nav/Film-Location_over.jpg);	}

/* bg image position and repeat states*/
#container #nav_left ul li a.Horses,
#container #nav_left ul li a.Retreats,
#container #nav_left ul li a.Camps,
#container #nav_left ul li a.Events,
#container #nav_left ul li a.Activities,
#container #nav_left ul li a.Film-Location
									 {background-repeat:no-repeat;background-position:right top;}
/*list/link properties*/
#nav_left ul {
	list-style:none;
	margin:4px 0 0 0;
}
#container #nav_left ul li a {
	display:block;
	width:auto;
	height:49px;
	margin:0 10px 0 0;
	padding:0;
}
/* have hiddien text on menu links for SEO purposes - but don't display it */
#nav_left ul li a span.hide_text {
	display:none;
}


/*************************************************************************/	
/************************* SPECIFIC PAGES ********************************/
/*************************************************************************/
#container.Home.Welcome #content, 
#container.Events #content, 
#container.Film-Location #content { /* note, width is different for IE6 - see inc_style.cfm */
	width:665px;
}

#container.Welcome a.enter_site {
	position:absolute;
	display:block;
	margin:328px 0 0 457px;
	height:49px;
	width:144px;
}
#container.Welcome a:hover.enter_site {
	background-color:#777;
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity:0.15; 
	opacity:0.15;
}
#container.Welcome a.enter_site span.hide_text {
	display:none;
}

#container.HomePage #content {
	padding:0;	
}

#container.Map-of-Area #content {
	min-height:530px;
	height:auto !important;
	height:530px;
}




#container.Camps #content {
	min-height:388px;
	height:auto !important;
	height:388px;
}

#container.Retreats #content {
	min-height:390px;
	height:auto !important;
	height:390px;
	padding-right:220px;
}



#container.Activities #content {
	min-height:386px;
	height:auto !important;
	height:386px;
}

/* --Horses - */

#container.Horses #content {
	min-height:386px;
	height:auto !important;
	height:386px;
}

#container.Sales #content {
	padding:50px 150px 40px 40px;

}

#horse_detail_left {
	float:left;
	width:300px;
}
#horse_detail_left img {
	width:300px;
	border:solid 1px #333;
	margin-bottom:18px;
}
#horse_detail_right {
	float:right;
	width:215px;
	margin-right:25px;
}

#container.Sales #content div.horse_list {
	clear:both;
	width:520px;
	margin-bottom:30px;
	
}
#container.Sales #content .horse_list img {
	float:left;
	display:block;
	margin:0 10px 40px 0; 
	border:solid 1px #333;
}


#container.Sales a.next_horse {
	position:absolute;
	display:block;
	margin:225px 0 0 570px;
	height:14px;
	width:53px;
	background: url(/images/sales_detail_next.gif);
	background-position:left top;
	background-repeat: no-repeat;
}
#container.Sales a:hover.next_horse {
	background: url(/images/sales_detail_next_over.gif);
	background-position:left top;
	background-repeat: no-repeat;
}
#container.Sales a.next_horse span.hide_text {
	display:none;
}

/* -- Galleries -- */
#container.Galleries #content div.gallery_list {
	width:520px;
	margin-bottom:30px;
	
}

#container.Galleries #content .gallery_list span.text { 				 
	width:350px;
	display:inline-block;
	vertical-align:top;
	
}

#container.Galleries #content .gallery_list a {
	display:block;
}

#container.Galleries #content .gallery_list span.imgHolder { 		/*border:#000 1px solid;*/
	display:inline-block;
	margin:0 10px 40px 0; 
	width:150px;

}

#container.Galleries #content .gallery_list img.images {
	display:inline-block;
	margin:0 10px 40px 0; 
	border:solid 1px #333;
}

#container.Galleries-Sub #content .gallery_list img {
	float:none;
	display:inline;
	margin:0 20px 0 0; 
	border:solid 1px #333;
}

#container.Galleries-Sub #content .gallery_list img.adminLink {
	float:left;
	display:block;
	margin:0 5px 0 0; 
	border:solid 1px #333;
}


/* -- Reservations Request Form-- */
#container.Reservations #content {
	width:680px;
}



/* -- Contact Us Form-- */

#container.Contact-Us #content {
	width:680px;
}

#contactForm h3 {
	margin-top:20px;
	margin-bottom:12px;
	line-height:150%;
}
#contactForm hr {
	background:#BBB;
		width:580px;
}
#contactForm label {
	display:inline;
}
#contactForm div.contactLeftColumn {
	float:left;
	width:320px;

}
#contactForm div.contactRightColumn {
	float:right;
	width:320px;

}
#contactForm div.contactSpan {
	clear:both;
}

#contactForm textarea {
	width:580px;
	height:100px;
}

#contactForm .checkboxHolder {
	display: inline;
	width:auto;
}

/* -- Event List -- */
#event_list hr {
	background: #AAAA77;
}
#event_list span.event_date {
	display:block;
	font-size:11px;
	color:#555;
}
#event_list span.event_link {
	display:block;
	margin-bottom:15px;
}


/* -- The Buzz -- */
#container.The-Buzz #content {
	min-height:386px;
	height:auto !important;
	height:386px;
}

#thebuzz_detail_left {
	float:left;
	width:300px;
}
#thebuzz_detail_left img {
	width:300px;
	border:solid 1px #333;
	margin-bottom:18px;
}
#thebuzz_detail_right {
	float:right;
	width:300px;
	margin-right:25px;
}


div.buzz_list {
	border-top:dotted 2px #000;
	padding:20px 0 16px 0;
}
div.buzz_list img.buzz_list_image {
	border: solid 1px #444;
	display:inline-block;
	margin:0 16px 16px 0;
	vertical-align:top;
}
div.buzz_list span.buzz_list_text { 
	display:inline-block;
	vertical-align:top;
	width:490px;
}






/* -- Login Page-- */	
	#container.Home.Login #content {
		background:#FFF;
		padding:40px;
	}
	#editExample			{border:dashed 1px #DDD; margin:-1px; background:#FFF; padding:10px;}
	#editExample table 		{border:none; background:#FFF;}
	#editExample td 		{border:none; background:#FFF;}
	table.browserLogos		{border:none; background:#FFF;}
	table.browserLogos td	{padding:5px; background:#FFF; text-align:center;}
	
	
	
/* -- Paypal Button Style corrections -- */
/*#PayPalHolder input, #PayPalHolder button {
	border:none;
	width:122px;
	height:47px;
}*/


#event_payment_info label {
	display:inline-block;
	width:160px;
	text-align:right;
	margin-right:3px;

}