@charset "utf-8";
/* CSS Document */

/******* Blueprint Styles *******************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, legend, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.error h1{color:#8a1f11;}
.notice h1{color:#514721;}
.success h1{color:#264409;}

.notice{
padding: 5px;
text-align: left;
margin-top: 10px;
margin-bottom: 5px;
float:right;
margin-right: 110px;
width: 400px;

}

.error{
padding: 5px;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
float:right;
margin-right: 110px;
width: 400px;
}

.success{
font-family: 'lucida-sans', verdana;
font-size: 14px;
padding: 5px;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
float:right;
margin-right: 110px;
width: 400px;
}


body {
margin: 0px;
padding: 0px;
background-color: #c0c0c0;
background: url(images/woodBackground.jpg);
background-repeat: repeat;
background-position: top center;
}

body.mceContentBody {
background-image: none ;
background-color: #3a312a;
margin:20px;
}

#wrapper{
width:800px;
margin:auto;
}

.logo {
background-image: url(images/logo6.png);
width:800px;
height: 48px;
margin-top: 5px;
margin-left: -5px;
}

.logo h1{
display: none;
}

.quote {
padding-top: 20px;
margin-left: 20px;
}

.header{
margin: 1px 0px 0px 20px;
}

.bar {
margin: 1px 0px 0px 20px;
}

.textBox {
margin: 35px 0px 0px 9px;
}

.nav-hide{display:none;}


/************* Menumatic / Navigation CSS ************************/

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */


#nav a, #subMenusContainer a{
outline:none;
text-decoration:none;
display:block;
padding:9px 20px;
/*-moz-border-radius: 7px;
-webkit-border-radius: 7px;
*/
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/

#nav a{
outline:none;
margin:0;
float:left;	
display:block;
width:100%;
height:8px;
padding:17px 0px;
}

/* Just sub menu links */

#subMenusContainer a, #nav li li a{
outline:none;
font-family: 'lucida-sans', Trebuchet-ms, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left;
color:#b8b8ad;
}

/* All menu links on hover or focus */

#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
display:block;	
}

/* sub menu links on hover or focus */

#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
outline:none;
padding-top:0x;
width:100%;
}

#subMenusContainer a:hover{
background-color: #3a3a32;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */

.smOW{ 
display:none; 
position: absolute; 
overflow:hidden; 
/*the 2px left & right padding lets you have a 1px border 
on the ul or ol inside since overflow is set to hidden*/

padding:3px 2px;
margin:0 0 0 -2px;
}

/* All ULs and OLs */

#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
	
/* All submenu OLs and ULs */

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
/*border around submenu goes here*/	 
/*-moz-border-radius: 8px;*/
/*-webkit-border-radius: 8px;*/

background: #1a1a16;	
border:1px solid #000000;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */

#nav li { 
/*great place to use a background image as a divider*/

display:block;
list-style:none;
position:relative;
float:left;
height:45px;
}

#navigation{
margin-bottom: 46px;
padding-bottom: 5px;
_padding-bottom: 2px; 
}

#navigation ul li ul li a:hover{
background-color:#3a3a32;
text-decoration: none;
color:white;
width: 141px;
}

li.spacer {background:url(images/navigation/navSpacer_04.png) top center no-repeat; width: 1px;}

#nav-home {background-image:url(images/navigation/navHover_03.png); width: 60px;}
#nav-home a{background-image:url(images/navigation/navActive_03.png);}
#nav-home:hover a{background-image: none;}

#nav-ranch {background-image:url(images/navigation/navHover_05.png); width: 101px;}
#nav-ranch a{background-image:url(images/navigation/navActive_05.png);}
#nav-ranch:hover a{background-image: none;}

#nav-riding {background-image:url(images/navigation/navHover_07.png); width: 67px;}
#nav-riding a{background-image:url(images/navigation/navActive_07.png);}
#nav-riding:hover a{background-image: none;}

#nav-accommodation {background-image:url(images/navigation/navHover_09.png); width: 150px;}
#nav-accommodation a{background-image:url(images/navigation/navActive_09.png);}
#nav-accommodation:hover a{background-image: none;}

#nav-reservation {background-image:url(images/navigation/navHover_11.png); width: 111px;}
#nav-reservation a{background-image:url(images/navigation/navActive_11.png);}
#nav-reservation:hover a{background-image: none;}

#nav-photos {background-image:url(images/navigation/navHover_13.png); width: 76px;}
#nav-photos a{background-image:url(images/navigation/navActive_13.png);}
#nav-photos:hover a{background-image: none;}

#nav-newsletter {background-image:url(images/navigation/navHover_15.png); width: 109px;}
#nav-newsletter a{background-image:url(images/navigation/navActive_15.png);}
#nav-newsletter:hover a{background-image: none;}

#nav-contact {background-image:url(images/navigation/navHover_17.png); width: 90px; }
#nav-contact a{background-image:url(images/navigation/navActive_17.png); }
#nav-contact:hover a{background-image: none;}

#subMenusContainer li{
list-style: none;
}

/*.selectedRes a{
background-image:url(images/$navActive2_11.jpg); width: 111px; 
}*/

#nav-home a.selected{background-image:url(images/navigation/navSelected_03.png); width: 60px;}
#nav-ranch a.selected{background-image:url(images/navigation/navSelected_05.png); width: 101px;}
#nav-riding a.selected{background-image:url(images/navigation/navSelected_07.png); width: 67px;}
#nav-accommodation a.selected{background-image:url(images/navigation/navSelected_09.png); width: 150px;}
#nav-reservation a.selected{background-image:url(images/navigation/navSelected_11.png); width: 111px;}
#nav-photos a.selected{background-image:url(images/navigation/navSelected_13.png); width: 76px;}
#nav-newsletter a.selected{background-image:url(images/navigation/navSelected_15.png); width: 109px;}
#nav-contact a.selected{background-image:url(images/navigation/navSelected_17.png); width: 89px;}

/* main menu ul or ol elment */


#nav{
display:block;
list-style:none;
margin:0px 0px 0px 20px; 
padding-top:3px;
z-index:5;
left:50%;
text-align: center;
}

#subMenusContainer{
display:block; 	
position:absolute;	
top:0;	
left:0;	
width:100%;
overflow:visible;	
z-index:1000000000; }

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/


#nav li li{float:none;}

#nav li li a{ /* Just submenu links*/
outline: none;	
position:relative;
float:none;
color: #b8b8ad;
}

#nav li ul { /* second-level lists */

position: absolute;
width: 181px;
height: 144px;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:2.2em;
}

/* extra positioning rules for limited noscript keyboard accessibility */

#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul {margin-left: 10em; }

/**************** Background Text Box Styles **********************/

.bxMiddle{
width: 770px;
background: URL(images/straightEdge2.png) top left repeat-y;
}

.bxTop{
width: 770px;
margin: 0px;
background: URL(images/topBox39.png) top center no-repeat;
min-height:274px;
}

.bxBottom{
margin: 0px 0px 0px 20px;
padding-bottom:40px;
width: 770px;
min-height:274px;
background: URL(images/bottomBox9.png) bottom center no-repeat;
}

.clear{
clear:both;
}


/******** Page Styles ************/ 


p{
margin:0;
padding-left: 15px;
padding-right: 20px;
font-family: 'lucida-sans', verdana, Helvetica, sans-serif;
font-size: 16px;
line-height: 1 em;
color: #b8b8ad;
}


.contentWrapper{
width: 745px; 
margin:auto;
}

.pageContent{
padding: 20px 10px 10px 10px;
/*margin:auto;*/
}

.pageContent img{
clear:both;
margin:0px 30px 0px 30px;

}

.pageContent p{
margin:0;
padding-left: 15px;
padding-right: 20px;
line-height: 1.5;
text-align: justify;
font-family:  'lucida-sans', verdana, Helvetica, sans-serif;
font-size: 0.94em;
color: #d3d3cb;
}

.pageContent li{
line-height: 1.5;
text-align: justify;
font-family:  'lucida-sans', verdana, Helvetica, sans-serif;
color: #d3d3cb;

}
 
.pageContent h1{
padding-left: 15px;
padding-bottom: 10px;
text-align: center;
font-size: 36px;
font-variant:small-caps;
color: #dadad4;
font-family: Geneva, Arial, Helvetica, sans-serif;
}


.reservationLink{
padding: 20px 0px 0px 140px;
margin-top: 20px;
}

h2{
clear:both;
padding-left: 15px;
color: #dadad4;
letter-spacing: 1.5px;
font-size: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

#rates h2{
padding-left: 15px;
color: #cbcbc5;
font-size: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
clear: none;
}


h1{
padding-left: 15px;
padding-bottom: 10px;
text-align: center;
font-size: 36px;
font-variant:small-caps;
color: #dadad4;
font-family: Geneva, Arial, Helvetica, sans-serif;
}


.footerLinks{
position: relative;
top:50px;
}

.sitemap{
float:left;
margin-left: 20px;
padding-bottom: 5px;
font-family: 'lucida-sans', verdana, arial;
font-size: 10px;
color: #b8b8ad;
}

.sitemap a{
text-decoration: none;
color: #989892;
}


.clounge{
margin-right: 15px;
float:right;
}


/*************index Page ************************/

#indexContent {
padding-left: 25px;
text-align: justify;
width: 450px;
float: left;
}

#indexImages{
padding-top: 100px;
float:left;
}

.footerText{
padding-top: 15px;
margin-left: 150px;
}

.footerImage{
margin-top: 10px;
margin-left: 200px;
}


/***************about us ********************/

#family{
margin-left: 25px;
padding-top: 10px;
padding-bottom: 20px;
}



/*********************Admin Login Form *****************************/

.loginForm{
float: right;
width: 615px;
padding-right:65px;
padding-top:50px;
}

.loginForm input{
width:150px;
}

.loginForm #formSubmit{
width: 50px;
}

.loginForm .formGroup{
float: left;
padding: 10px;
width: 150px;
color: #b8b8ad;
}

.loginForm h1{
padding-top: 10px;
font-family: 'lucida-sans', Arial;
text-align: center;
letter-spacing: .1em;
color: #b8b8ad;
}

.formrow{
margin: auto;
}


.formlabel {
font-family: 'lucida-sans', verdana;
font-size: 14px;
padding-right: 10px;
margin-left: 150px;
padding-bottom: 10px;
float: left;
width: 60px;
color: #b8b8ad;
}


/********************** Admin Page Styles ******************************/

.editPagesHeader{
padding: 7px 2px 5px 5px;
color: #b8b8ad;
}

.adminContent {
margin-left: 10px;
margin-top: 60px;
float:left;
background-color: #332d27;
width: 187px;
}

.pages h1{
font-family: 'lucida-sans', arial;
font-size: 18px;

}

.pages li {
list-style-type: none;
margin: 8px 0px;
text-align: left;
display: block;
color: #b8b8ad;
font-family: 'lucida-sans', arial;
font-size: 14px;
text-decoration: none;
outline: none;
letter-spacing: .1em;
}

.pages ul {
margin: 0px;

}

.pages ul li a {
padding-left: 20px;
}

.pages li a {
padding-left: 5px;
display: block;
color: #b8b8ad;
font-family: 'lucida-sans', arial;
font-size: 12px;
text-decoration: none;
outline: none;
letter-spacing: .2em;
}

.pages li:hover a{
background-color: #b8b6b4;
color: #000000;
}

.pages li ul li a{
font-size: 11px;
background-color: transparent !important;
color: #b8b8ad  !important;
}

.pages li ul li:hover a{
background-color: #b8b6b4 !important;
color: #000000 !important;
}

.cmsBox {
margin-top: 60px;
padding-left:10px;
float:left;
}

.submitButton {
float: right;
padding: 10px 18px 0px 0px;
}


/*********ADMIN PHOTO STYLES ***********/


#addPhoto{
margin-top:60px;
float:left;
width: 500px;
}

#addPhoto .error{
margin-bottom: 10px;
float:left;
width: 450px;
}

#editPhoto{
margin-top: 80px;
float:left;
width: 450px;
}

#editPhoto .error{
margin: auto;
float:left;
width: 450px;
}

#editPhoto .formlabel{
margin-left: 30px;
}

#addPhoto .formlabel{
width: 40px;
margin-left: 10px;
}


/*
#addPhoto .error{
position: absolute;
margin-top: 300px;
margin-left: 320px;
}

#editPhoto .error{
position: absolute;
margin-top: 300px;
margin-left: 320px;
}

#addPhoto .success{
position: absolute;
margin-top: 200px;
margin-left: 320px;
}
*/

#photoForm{
margin-top: 60px;
margin-left: 20px;
background-color: #332d27;
float:left;
width: 500px;
}


#photoForm.formlabel{
margin-left: 150px;
padding-bottom: 10px;
float: left;
width: 200px;
color: #b8b8ad;

}

#photoForm.formrow{
margin: auto;
}

.photoNav h1{
margin-top: 10px;
padding: 10px;
}

.photoNav{
float:left;
}

.photoNav li {
margin-left: 100px;
list-style-type:none;
text-align:left;
float: left;
}

.photoNav li a {
font-family: ''lucida-sans'', verdana;
letter-spacing: .1em;
font-size: 12px;
outline: none;
display:block;
color: #b8b8ad;
text-decoration: underline;
}


#photoTable table{
margin-left: 100px;
border: 7px solid #332d27;
}

#photoTable table th{
font-size: 17px;
text-align: center;
font-family: 'lucida-sans', verdana;
padding-top: 5px; 
padding-bottom: 5px; 
color: #b8b8ad;
}

#photoTable table th1{
font-size: 15px;
}

#photoTable table td{
font-size: 14px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px; 
padding-bottom: 5px; 
border-top: 3px solid #332d27;
color: #b8b8ad;
}

#photoTable table td a{
color: #0099FF;

}

.image{
border: 5px solid white;
margin-left: 100px;
margin-bottom: 20px;

}

/********** Admin Messages *******************/

.adminLink{
text-decoration:underline;
}



.logoutMsg{
margin: 20px 15px 0px 0px;
font-family: 'lucida-sans', arial;
color: #cccccc;
font-size: 12px;
float:right;
}

.logOutlink{
margin-left: 18px;
}

.logoutMsg a{
text-decoration: underline;
color: #CCCCCC;
}

.logoutImg {
position: absolute;
margin-right: 1px;
margin-top:2px;
}

/**************Reservation Page ******************************/

#reservationForm{
width: 650px;
margin: auto;
}

#reservationForm h2{
font-family: 'lucida-sans', verdana;
color: #b8b8ad;
font-size: 14px;
padding:10px;
}

legend{
color: #b8b8ad;
background: #332d27;
padding:3px;
font-family: 'lucida-sans', verdana;
font-size: 18px;
border: 1px solid #fff;
}

.pageContent table h1{
font-size: 18px;
}

.pageContent table{

border: 7px solid #332d27;
margin: auto;
}

.pageContent table td{
font-size: 14px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px; 
padding-bottom: 5px; 
border-top: 3px solid #332d27;
color: #b8b8ad;
}

.pageContent table th{
font-size: 17px;
text-align: center;
font-family: 'lucida-sans', verdana;
padding-top: 5px; 
padding-bottom: 5px; 
color: #b8b8ad;
}

.req {
padding-top: 2px;
font-family: 'lucida-sans', verdana, 'sans-serif';
color: #b8b8ad;
font-style:italic;
font-size: 12px;
margin-left: 5px;
padding-bottom: 10px;
}

.resMsg {
padding-top: 2px;
font-family: 'lucida-sans', verdana, 'sans-serif';
color: #b8b8ad;
font-size: 16px;
margin-left: 50px;
padding-bottom: 10px;
}

.sentEmailMsg{
text-align: center;
font-family: 'lucida-sans', verdana;
color: #264409;
font-size: 14px;
width: 500px;
padding: 10px;
margin:auto;
border: 1px solid #C6D880;
background:#E6EFC2;
}

/****************** Privacy Policy Page ****************************/









/******************Contact Page ****************************/

#contactCaptcha{
margin-left: 220px;
}

#myform{
margin-top:0px;
}


#myform p{
font-family: 'lucida-sans', verdana, sans-serif;
font-style: italic;
font-size: 12px;
}

#contactUs{
margin-left: -25px;
padding-top: 10px;
}

#addressWrapper{
margin-top: 10px;
float:left;
}

#directionsWrapper {
margin-top: 10px;
float:left;
}

#addressBox{
background-color: #2c2722;
margin: 0px 5px 0px 42px;
width: 220px;
padding-bottom:45px;
}

#addressBox a{
color: #009999;
padding-left: 30px;
}

#addressImg {
margin-left:42px;
width: 220px;
padding: 0px 0px 5px 0px;
}

#addressBox p{
font-family: 'lucida-sans', verdana, Helvetica, sans-serif;
color: #b8b8ad;
padding: 7px;
font-size: 14px;

}

#directions{
margin: 0px 55px 0px 0px;
background-color: #2c2722;
width: 420px;


}

#directionImg{
font-family: 'lucida-sans', verdana, Helvetica, sans-serif;
width: 420px;
margin-left: 0px;
padding: 0px 0px 5px 0px;
}



#directions  p{
font-family: 'lucida-sans', verdana, Helvetica, sans-serif;
color: #b8b8ad;
font-size: 14px;
padding: 7px;
}

#brochure{
width: 650px;
padding: 10px 0px 5px 0px;
margin-left: 67px;
}

#contactForm{
width: 611px;
margin: auto;
padding-top: 5px;
background-color: #2c2722;
}

#contactForm h1{
padding-bottom: 20px;
}

.formlabel {
padding: 10px;
float: left;
margin-left: 50px;
width: 140px;
font-family: Arial, Helvetica, sans-serif;
}

#contactForm .formGroup {
float: left;
padding: 10px;
width: 150px;
color: #b8b8ad;
}


.message {
padding: 10px;
color: red; 
font-style: italic;
float: left;
}


/************PHOTO GALLERY PAGE STYLES *******************/

.photoWrapper{
padding-top: 20px;
margin-left: 75px;
width: 700px;
}

.imgBackground {
float:left;
margin: 0px 20px 20px 0px;
border: 3px solid white;
}


/* SLIMBOX CSS REQUIRED FOR IMAGE GALLERIES */

#lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}
.lbLoading {background:url(../assets/images/loading.gif) no-repeat center; background-color:#fff;}

#lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background: transparent url(../assets/images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../assets/images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: 'Lucida Grande', Lucida, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;
	border-top-style: none;}
#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(../assets/images/closelabel.gif) no-repeat center;margin:5px 0;outline:none;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:bold;}
/* end of Slimbox CSS - compacted by Steven Johnstone */

/*************FormCheck *******************/
.fc-tbx .tl{background: url('img/tl.png') no-repeat;}
.fc-tbx .t{	background: url('img/t.png') repeat-x; height: 16px;}
.fc-tbx .tr{background: url('img/tr.png') no-repeat;}
.fc-tbx .l{background: url('img/l.png') repeat-y; width : 16px;}
.fc-tbx .r{background: url('img/r.png') repeat-y; width: 16px;}
.fc-tbx .bl{background: url('img/bl.png') no-repeat;}
.fc-tbx .b{background: url('img/b.png') no-repeat; height: 25px;}
.fc-tbx .br{background: url('img/br.png') no-repeat;}
.fc-tbx .c{	background: url('img/c.png') repeat;}
.fc-tbx a.close {
	float: right;
	background: url('img/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {float: left;}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('img/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}

/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}