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

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

* /*Set's border, padding and margin to 0 for all values*/
{
	margin: 0;
	border: 0;
	padding-top: 0;
	padding-right: 8;
	padding-bottom: 0;
	padding-left: 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:#165B7C;
}
p {
padding: 7px 0 7px 0;
}
a {
color: #000000;
}
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: #FF0000;
	color:#fff;
	line-height:20px;
	font-family: Calibri;
	font-size: 10px;
	font-weight: bold;
}

h5 {
	padding:0 0 0 7px;
	background: #E0E0E0;
	color:#000000;
	line-height:20px;
	font-family: Calibri;
	font-size: 12px;
	font-weight: bold;
}

h6 {
	padding:0 0 0 0px;
	background: #ffffff;
	color:#000000;
	line-height:20px;
	font-family: Calibri;
	font-size: 12px;
	font-weight: bold;
}

.black {
padding: inherit;
font-size:13px;
color: #000000;
}

#mainContainer {
width: 873px;
padding:8px 8px 8px 8px;
margin:auto; /*** Centers the design ***/
margin-top:0px;
height: auto;
align: center;
background-image: url(images/bkg2.png);
background-repeat: no-repeat;
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:132px;
width:641px;
padding:0;
align: center;
background-image: url(images/banner.png);

}
h1 {
margin:0 5px 0 5px;
}

/**************************
DEBT CLOCK
**************************/
#debtClock {
height:20px;
width:641px;
padding:0;
align: center;
background-color:#FF0000;
}

h1 {
margin:0 5px 0 5px;
}

/**************************
Main Body
**************************/
#mainBody {
width: 641px;
height:auto;
padding:0;
align: center;
background-color: #FFFFFF;
}

#mainBody2 {
width: 641px;
height:1300;
padding:0;
align: center;
background-color: #FFFFFF;
}
/**************************
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: 0px 0 0px 0;
width:242px;
height:auto;
float:left;
}
#rightcol {
padding: 0px 0 0px 0;
width:397px;
height:auto;
float:right;
}
#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:145px;
text-align:center;
background: #c8d1e4;
clear:both;
}

#paidFor {
margin: 0 10px 0 0;
width:300px;
height: 80;
float:center;
border:solid 2px;
}

.foot a, p{
color:#000000;
}

.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;}



/**************************
News Flash
**************************/
#newsFlashbox {
padding: 0px 0 0px 0;
width:390px;
height:auto;
float:left;
background-color:#ffffff;
border:solid #CCCCCC 1px;
}

#newsFlashpic {
padding: 0px 0 0px 0;
width:133px;
height:auto;
float:left;
}

#newsFlashtxt {
padding: 0px 0 0px 5px;
width:250px;
height:auto;
float:left;
}

#pledgePic {
margin: 0 0 0 0;
width:390px;
height:auto;
background-color: #c8d1e4;
border:solid #CCCCCC 1px;
float:left;
}

#scrollBox {
margin: 0 0 0 0;
width:387px;
height:auto;
background-color: #c8d1e4;
border:solid #CCCCCC 1px;
float:left;
}

#notes {
margin: 0px 0 0 0px;
width:313px;
height: auto;
background: #FFFFFF;
float:center;
}

#blogBox {
margin: 0 0 0 0;
float: right;
width:380px;
height:auto;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
border:solid #CCCCCC 1px;
}

#pledgeBox {
margin: 0 0 0 0;
float: right;
width:370px;
height:auto;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
border:solid #CCCCCC 1px;
}

#pledgeIcon {
margin: 0 0 0 0;
float: left;
width:82px;
height:auto;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top:20px;
}

#pledgeText {
margin: 0 0 0 0;
float: right;
width:260px;
height:auto;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
}

#picBox {
margin: 0 0 0 0;
float: right;
width:370px;
height:85px;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
border:solid #CCCCCC 1px;
}

#picIcon {
margin: 0 0 0 0;
float: left;
width:82px;
height:auto;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top:10px;
}

#picText {
margin: 0 0 0 0;
float: right;
width:260px;
height:auto;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top:20px;
}

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

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


/******************************************************************************************************
Bailey Blog - 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-blog {
padding: 10px 0 8px 0;
width:400px;
height:auto;
background: #FFFFFF;
float:left;
}
#rightcol-blog {
padding: 10px 8px 8px 8px;
width:190px;
height:auto;
background: #FFFFFF;
border:solid #CCCCCC 1px;
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;
}

/******************************************************************************************************
Events - Pages
******************************************************************************************************/
#eventsBox {
margin: 0 0 0 0;
float: right;
width:600px;
height:auto;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
border:solid #CCCCCC 1px;
}

/******************************************************************************************************
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;
}