@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: Georgia, "Times New Roman", Times, serif;
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 90%;
/*
background: url(file:///C|/Documents and Settings/Tanya/Local Settings/Temporary Internet Files/Content.IE5/LPCCHJCB/images/background.gif) repeat-x;
*/
background-color:#BBDACA;
}
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 {
	padding:0 0 0 7px;
	background: #386755 url(images/titleBar.jpg);
	color:#fff;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.black {
padding: inherit;
font-size:13px;
color: #000000;
}

#mainContainer {
width: 990px;
padding:8px 8px 8px 8px;
margin:auto; /*** Centers the design ***/
margin-top:20px;
min-height:1050px;
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: 1050px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
height:275px;
width:990px;
padding:0;
background-image: url(images/banner2.jpg);
}
h1 {
margin:0 5px 0 5px;
}
/**************************
nav
**************************/
#tabs6 {
float:left;
width:100%;
background: url(images/navBtn1-bg.jpg);
font-size:12pt;
line-height:12px;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
}
* html #tabs6 {
margin-bottom:4px; /*** IE6 needs this  ***/
}
#tabs6 ul {
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding:0px 10px 0 0px;
list-style:none;
}
#tabs6 li {
display: inline;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding:0;
}
#tabs6 a {
float:left;
background: url(images/navBtn1-bg.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/navBtn1-bg.jpg) no-repeat right top;
padding:5px 8px 8px 8px;
color:#000000;
}
/* 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: 990px;
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: #017538 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;}


#specialEvents {
margin: 10px 0 0 0;
width:333px;
height:auto;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#lessons {
margin: 10px 0 0 10px;
width:145px;
height: 260;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#slideShow1 {
margin:0 0 0 0;
float: left;
width:450px;
height:298px;
background: #FFFFFF;
border:solid #CCCCCC 1px;
}

#zaire {
margin: 5px 0 0 0;
width:475px;
height:200px;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#spring {
margin: 20px 0 0 0;
width:475px;
height:250px;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#rtColAd {
margin: 10px 0 0 0;
width:298px;
float: left;
height: 100px;
}

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


/******************************************************************************************************
Lessons - Pages
******************************************************************************************************/
#LessonBox {
height:auto;
width: 980px;
margin:auto;
padding: 8px 8px 8px 0;
background: #017538;
border:solid #CCCCCC 1px;
float:left;
}
#innerLessonBox {
height:auto;
width: 700px;
margin:10px 0 0 150px;
padding: 8px 8px 8px 0;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#leftcol-lesson {
padding: 10px 0 8px 0;
width:400px;
height:auto;
background: #FFFFFF;
float:left;
}
#rightcol-lesson {
padding: 10px 8px 8px 8px;
width:190px;
height:auto;
background: #FFFFFF;
float:left;
}
#lesson {
margin: 0 10px 0 20px;
width:380px;
height:auto;
float:left;
background-color:#fff;
}
#lesson p{
padding:8px 8px 10px 8px;
color:#000000;
}
#rightLessonBox {
margin: 10px 10px 0 0;
width:265px;
height:auto;
float:left;
background-color:#fff;
}
#lessonPic1 {
width:auto;
height:auto;
float:left;
border:solid #000000 2px;
}
#lessonPic2 {
padding: 10px 8px 8px 15px;
width:auto;
height:auto;
float:left;
}
#innerLessonBoxTitle {
height:auto;
width: 700px;
margin:0 0 0 0;
padding: 8px 8px 8px 0;
background: #FFFFFF;
border-bottom:solid #000000 1px;
float:left;
}
#innerLessonBoxBottom {
height:auto;
width: 700px;
margin:0 0 0 0;
padding: 8px 8px 8px 0;
background: #FFFFFF;
border-top:solid #000000 1px;
float:left;
}

/******************************************************************************************************
Shows - Pages
******************************************************************************************************/
#shows {
margin: 0 10px 0 20px;
width:300px;
height:auto;
float:left;
background-color:#fff;
}
#leftcol-shows {
padding: 10px 0 8px 0;
width:320px;
height:auto;
background: #FFFFFF;
float:left;
}

/******************************************************************************************************
Specials - Pages
******************************************************************************************************/
#specials {
margin: 0 10px 0 20px;
width:300px;
height:auto;
float:left;
background-color:#fff;
}
#leftcol-specials {
padding: 8px 0 8px 8px;
width:340px;
height:auto;
background: #FFFFFF;
float:left;
}

/******************************************************************************************************
Boarding - Pages
******************************************************************************************************/
#boarding {
margin: 0 10px 0 20px;
width:300px;
height:auto;
float:left;
background-color:#fff;
}
#leftcol-boarding {
padding: 8px 0 8px 8px;
width:340px;
height:auto;
background: #FFFFFF;
float:left;
}
#boardingBox {
margin: 10px 0 0 0;
width:333px;
height:auto;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#boardingBoxRt {
margin: 10px 0 0 0;
width:300px;
height:auto;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}

/******************************************************************************************************
Camps - Pages
******************************************************************************************************/
#CampBox {
height:auto;
width: 980px;
margin:auto;
padding: 8px 8px 8px 0;
background: #017538;
border:solid #CCCCCC 1px;
float:left;
}
#innerCampBox {
height:auto;
width: 700px;
margin:10px 0 0 150px;
padding: 8px 8px 8px 0;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#leftcol-camp {
padding: 8px 0 8px 8px;
width:340px;
height:auto;
background: #FFFFFF;
float:left;
}
#rightcol-camp {
padding: 10px 8px 8px 8px;
width:190px;
height:auto;
background: #FFFFFF;
float:left;
}
#camp {
margin: 10px 10px 0 20px;
width:300px;
height:auto;
float:left;
background-color:#fff;
border-bottom:solid #CCCCCC 1px;
border-right:solid #CCCCCC 1px;
border-left:solid #CCCCCC 1px;
}
#camp p{
padding:8px 8px 10px 8px;
color:#000000;
}
#rightCampBox {
margin: 15px 10px 0 0;
width:265px;
height:auto;
float:left;
background-color:#fff;
}
#rightCampBox2 {
margin: 10px 10px 0 0;
width:265px;
height:auto;
float:left;
background-color:#fff;
}
#indCampBox {
margin: 10px 0 0 0;
width:333px;
height:230px;
background: #FFFFFF;
border:solid #CCCCCC 1px;
float:left;
}
#CampPic1 {
width:auto;
height:auto;
float:left;
border:solid #000000 2px;
}
#CampwPic2 {
padding: 10px 8px 8px 15px;
width:auto;
height:auto;
float:left;
}
#innerCampBoxTitle {
height:auto;
width: 700px;
margin:0 0 0 0;
padding: 8px 8px 8px 0;
background: #FFFFFF;
border-bottom:solid #000000 1px;
float:left;
}
#innerCampBoxBottom {
height:auto;
width: 700px;
margin:0 0 0 0;
padding: 8px 8px 8px 0;
background: #FFFFFF;
border-top:solid #000000 1px;
float:left;
}

/**************************
Camp nav
**************************/
#tabsCamp {
/* float:left; */
width:680;
/*background: url(images/navBtn1-bg.jpg); */
font-size:10pt;
line-height:10px;
margin-top:10px;
margin-bottom:0;
margin-right:0;
margin-left:155px;
}
* html #tabsCamp {
margin-bottom:4px; /*** IE6 needs this  ***/
}
#tabsCamp ul {
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left:0;
	padding:0px 10px 0 0px;
	list-style:none;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#tabsCamp li {
display: inline;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding:0;
}
#tabsCamp a {
float:left;
/*background: url(images/navBtn1-bg.jpg) no-repeat left top;*/
color:#000000;
padding:0 0 0 0px;
text-decoration:underline;
}
#tabsCamp a span {
float:left;
display:block;
/*background: url(images/navBtn1-bg.jpg) no-repeat right top;*/
padding:5px 8px 8px 8px;
color:#000000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsCamp a span {float:none;}
/* End IE5-Mac hack */
#tabsCamp a:hover span {
color:#CCCCCC;
text-decoration:underline;
}
#tabsCamp a:hover {
background-position:0% -42px;
}

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

/**********************************************************************************************************
Contact us - Accommodations - Recreation - Pages
***********************************************************************************************************/
#DataBox1 {
border-top:solid #CCCCCC 1px;
height:550px;
width: 690px;
padding: 8px 0 8px 0;
border:solid #CCCCCC 1px;
margin-right: 8px;
margin-left: 8px;
}
#DataBox2 {
border-top:solid #CCCCCC 1px;
height:650px;
width: 690px;
padding: 8px 0 8px 0;
border:solid #CCCCCC 1px;
margin-right: 8px;
margin-left: 8px;
}
#DataBox3 {
border-top:solid #CCCCCC 1px;
height: 620px;
width: 690px;
padding: 8px 0 8px 0;
border:solid #CCCCCC 1px;
margin-right: 8px;
margin-left: 8px;
}
#DataBox4 {
border-top:solid #CCCCCC 1px;
height:350px;
width: 690px;
padding: 8px 0 8px 0;
border:solid #CCCCCC 1px;
margin-right: 8px;
margin-left: 8px;
}

#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
***********************************************************************************************************/
#parade {
margin: 10px 0 0 0;
width:488px;
height:auto;
border:solid #CCCCCC 1px;
float:left;
background-color:#fff;
}

#floor {
margin-right:10px;
} 
#floorPdf {
padding:12px 0 0 0;
}