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

/**********************************************************************************************************
All Pages
***********************************************************************************************************/

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
font-family: Verdana, Arial, Tahoma, sans-serif;
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 70%;
background: url(images/background.gif) repeat-x;
background-color:#f8f8f3;
}
p {
padding: 7px 0 7px 0;
}
a {
color: #000099;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;

}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
color:#000000 !important;
margin-top:8px;
}
h1, #header h2 {
color: #fff;
}
h4 {
font:12px Arial, Helvetica, sans-serif;
padding:0 0 0 7px;
background: #386755 url(images/bars.jpg);
color:#fff;
line-height:20px;
}
.black {
padding: inherit;
font-size:13px;
color: #000000;
}

#mainContainer {
width: 800px;
padding:8px 8px 8px 8px;
margin:auto; /*** Centers the design ***/
margin-top:20px;
min-height: 300px;
background: #fff;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
height:98px;
width:798px;
padding:0;
background-image:url(images/header3.jpg);
}
h1 {
margin:0 5px 0 5px;
}
/**************************
nav
**************************/
#tabs6 {
float: left;
width:100%;
background: url(images/nav9BG.jpg);
font-size:100%;
line-height:20px;
margin:8px 0 8px 0;
}
* html #tabs6 {
margin-bottom:-4px; /*** IE6 needs this  ***/
}
#tabs6 ul {
margin:0;
padding:0px 10px 0 0px;
list-style:none;
}
#tabs6 li {
display: inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background: url(images/nav9.jpg) no-repeat left top;
color:#000000;
padding:0 0 0 0px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background: url(images/nav9.jpg) no-repeat right top;
padding:5px 8px 4px 8px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}

#tabs6 a:hover span {
background-position:100% -42px;
}

/**************************
CONTENT AND COLUMNS
**************************/
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
/*** No need to do anything with a one column solution ***/
}
* html .inner {
/***  And therefor no need for hacking IE either ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: left;
width: 800px;
background: #fff;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap {
padding:0;

}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
#SubBanner {
height:150px;
background-color: #CCCCCC;
}
#leftcol {
padding: 10px 0 8px 0;
width:500px;
height:auto;
float:left;
}
#rightcol {
padding: 10px 0 8px 0;
width:300px;
height:auto;
float:left;
}
#welcome {
margin: 0 10px 0 0;
width:488px;
height: auto;
float:left;
background-color:#fff;
border:solid #CCCCCC 1px;
}
#welcome p{
padding:8px 8px 10px 8px;
color:#000000;
}
/**************************
FOOTER
**************************/
#footer {
height:25px;
text-align:center;
background: #386755 url(images/footer.jpg) repeat-x;
clear:both;
}
.foot a, p{
color:#fff;
}

.foot a:hover{
color:#fff;
}




/**********************************************************************************************************
HOME PAGE (index)
***********************************************************************************************************/

#flash {
width:800px;
height:200px;
background-color:#CCCCCC;
}

#btn1, #btn2, #btn3, #btn4{margin:0 10px 10px 0;display: block;width: 240px;height: 80px;background:no-repeat 0 0;float:left;}

#btn1{background: url("images/btn_OCR.jpg");}
#btn2{background: url("images/btn_Blog.jpg");}
#btn3{background: url("images/btn_Directions.jpg");}
#btn4{background: url("images/btn_NL.jpg");}

#btn1:hover, #btn2:hover, #btn3:hover, #btn4:hover{background-position: 0 -80px;}
#btn1 span, #btn2 span, #btn3 span, #btn4 span{display: none;}


#emp {
	width:238px;
	height:220px;
	background: #FFFFFF;
	border:solid #CCCCCC 1px;
	float:left;
	margin-top: 10px;
	margin-right: 10;
	margin-bottom: auto;
	margin-left: 10;
}
#brochure {
	width:240px;
	height: 220px;
	float:left;
	margin-top: 10px;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 10px;
}
#weather {
margin:0 0 0 0;
float: left;
height: auto;
}

#rtColAd {
	margin: 10px 0 0 0;
	width:298px;
	float: left;
	height: 100px;
}
#rtColAd2 {
	margin: 10px 0 0 0;
	width:298px;
	float: left;
	height: 165px;
}

/******** End Home Page *********/



/**********************************************************************************************************
HORSE CAMP - Adventure camp - Outdoor ED - PAGEs
***********************************************************************************************************/
#datestable{
float:left;
width:490px;
height: auto;
}

#postcard {
margin-top:10px;
width:490px;
height:auto;
float:left;
}
#dohop1 {
margin:10px 0 0 0;
padding: 0 10px 0 0;
width:330px;
height:150px;
float:left;
}
#dohop2 {
margin:10px 10px 0 0;
width:150px;
height:150px;
float:left;
}
#youtube {
margin-top:10px;
width:490px;
height:368px;
float:left;
}
#RCfeatureA{
float:left;
}
#RCfeatureB{
float:left;
margin:0 0 0 10px;
}
#RCfeatureC{
margin: 10px 0 0 0;
background: #FFFFFF;
width:300px;
float: left;
height: 248px;
}
#RCfeatureD{
margin: 10px 0 0 0;
background: #FFFFFF;
width:300px;
float: left;
height: auto;
}
.discounts {
color:#33CC33 !important;
}
/**********************************************************************************************************
Driving Directions PAGE
***********************************************************************************************************/

#gmaps {
margin-top:10px;
border:solid #CCCCCC 1px;
float:left;
}


/**********************************************************************************************************
Contact us - Accommodations - Recreation - Pages
***********************************************************************************************************/
#DataBox {
border-top:solid #CCCCCC 1px;
height:150px;
width: 800px;
padding: 8px 0 8px 0;
}

#imageOneC {
width:150px;
float: left;
}
#imageOneA {
width:200px;
float: left;
}

#TextBox {
height:150px;
width:500px;
float: left;
}
* html #TextBox {
width:497px;/*** IE6 needs this hack ***/
}

#TextBoxA {
height:150px;
width:400px;
float: left;
}
* html #TextBoxA {
width:397px;/*** IE6 needs this hack ***/
}

.lineA {
padding:5px 5px 8px 10px;
font-size:12px;
color: #000000;
}
.lineE {
padding:5px 5px 0 10px;
font-size:12px;
color: #FF0000;
}
.lineE a, a:hover {
color: #0033FF;
}

.lineOne {
padding:5px 5px 0 10px;
font-size:14px;
color: #990000;
}

.lineTwo {
padding:2px 5px 0 10px;
font-size:13px;
color: #000000;
}

.lineThree {
padding:5px 5px 20px 10px;
font-size:12px;
color: #000000;
}

.lineFour {
padding:5px 5px 0 10px;
font-size:12px;
color: #000000;
}
.lineFour a, a:hover {
color: #000000;
}

/**********************************************************************************************************
Retreat in a Box - Page
***********************************************************************************************************/
#floor {
margin-right:10px;
} 
#floorPdf {
padding:12px 0 0 0;
}







/**********************************************************************************************************
TEST SECTION
***********************************************************************************************************/