@charset "UTF-8";

/* 960 GRID
--------------------------------------------------------------------------------*/
/* Change the background image to create various column separations on the page*/

.container_12 { height: 100%; clear: both; border-bottom: 3px solid #8B4513; margin-left: auto; margin-right: auto; float: left; width: 100%; }

#bg264 { background-color: #FFFFFF; background-repeat: repeat-y; float: left; background-image: url(../images/bg_2.6.4.png); }
#bg210 { background-color: #FFFFFF; background-repeat: repeat-y; float: left; background-image: url(../images/bg_2.10.png); }
#bg273 { background-color: #FFFFFF; background-image: url(../images/bg_2.7.3.gif); background-repeat: repeat-y; float: left; }
#bg354 { background-color: #FFFFFF; background-image: url(../images/bg_3.5.4.gif); background-repeat: repeat-y; float: left; }
#tan { background-color: #f9f5d0;} /* tan */

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display: inline;float: left;}

.container_12 .grid_1 {width: 70px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_3 {width: 210px;}
.container_12 .grid_4 {width: 280px;}
.container_12 .grid_5 {width: 350px;}
.container_12 .grid_6 {width: 420px;}
.container_12 .grid_7 {width: 490px;}
.container_12 .grid_8 {width: 560px;}
.container_12 .grid_9 {width: 630px;}
.container_12 .grid_10 {width: 700px;}
.container_12 .grid_11 {width: 770px;}
.container_12 .grid_12 {width: 8400px;}


.alpha {margin-left: 0;}
.omega {margin-right: 0;}
	
/* Removes the space around the header graphic */
#nospace {margin: 0;}
.nopadding { padding: 0; }


/* BODY CONTENT
--------------------------------------------------------------------------------*/
html { background-color:saddlebrown;}
body { color:#000000; font-family: Arial, Helvetica, sans-serif; line-height:18px; position: relative; }

/* Adds padding to text in columns so that text doesn't span the full width of the grid column*/
p,h1,h2,h3,h4,h5,h6 {padding-left:10px; padding-right:10px;} 
p {padding-bottom:6px;}
img.left {float:left; padding-left:10px; padding-right:10px; padding-top:10px;} 
img.right {float:right; padding-left:10px; padding-right:10px; padding-top:10px;} 

/* Styles for left navigation */
#main_nav {line-height: 25px; margin: 0;}
ul.main_nav ul {display:block; font-size:100%; font-weight: bold; margin:0px; padding:0px; list-style-type:none;}
ul.main_nav li {display:block; font-size:100%; font-weight: bold; margin:0px; padding:0px; list-style-type:none;}
ul.main_nav li a {color:#7a0019; text-decoration:none;}
ul.main_nav li a:link {text-decoration:none; color:#7a0019;}
ul.main_nav li a:visited {color:#900021;}
ul.main_nav li a:hover { color:#362f2d; border-bottom: 1px solid #998675;}
ul.main_nav li a:active {color:#362f2d;}

#l1 {display:block; font-size:100%; font-weight: bold; margin:0px;list-style:none;}
#l2 {display:block; font-size:100%; font-weight: normal; margin:0px 0px 0px 10px;list-style:none;}
#selected { background-color:saddlebrown; color:lightgreen}

/* CENTER CONTAINER -- Centers the page in the browser */
body.center {margin-left:auto;margin-right:auto;width:840px;}
#center {display: block; margin-left: auto; margin-right: auto; }

/* LINKS */
a {color:#7a0019;}
a:link {color:#7a0019;}
a:visited {color:#7a0019;}
a:hover {color:#666699;}
a:active {color:#7a0019;}
a[href ^='http'] { padding-right: 13px; background: transparent url(../images/external.png) no-repeat scroll right center; }
a[href $='.pdf'] { padding-right: 15px; background: transparent url(../images/pdf.gif) no-repeat scroll right center; }
a[href $='.doc'] { padding-right: 15px; background: transparent url(../images/doc.gif) no-repeat scroll right center; }
a[href $='.docx'] { padding-right: 15px; background: transparent url(../images/doc.gif) no-repeat scroll right center; }

/* HEADINGS *//* Basic Headline Set -- Adjust font sizes based on YUI chart above to maintain consistency. */
h1 { font-size:161%; line-height: 26px; color:#7a0019; margin-bottom: 10px; margin-top: 10px; }
h2 {font-size:138.5%;color:#7a0019;margin-bottom: 10px;line-height: 22px;margin-top: 12px;}
h3 { font-size:108%; color:#000000; margin-bottom: 10px; line-height: 22px; margin-top: 12px; font-style: italic; font-weight: bold; }
h4 { font-size:108%; color:#000000; font-weight: bold; }
h5 {font-size:100%;color:#900021;text-transform:uppercase;}
h6 {font-size:93%;}
h7 {font-size:77%;}

/* TEXT *//* Basic Text Set */
p,ol, ul {font-size:97%;margin:0 0 .5em 0;}

/* List styles - edit as needed */
ul {list-style-type: none; padding:0px;margin:0 5px 0 10px;}
ol {list-style-type:decimal;margin:0 10px 0 10px;}

/* campsite page */
.camping   {color: black;
	   font-size: 14pt;
	   font-weight: bold;
	   text-align: right;
	   height: 80;}

/* BREADCRUMBS */
/* Use with template 2.6.4 */
.breadcrumbs { padding-top: 2px; padding-bottom: 4px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bbb7b0; }
/* Use with template 2.7.3 */
.crumb { padding-top: 4px; border: none 0; border-bottom: 3px solid #e4e4e4;border-right: 3px solid #e4e4e4; border-left: 3px solid #e4e4e4; background: #FFFFFF; }


/* Removes link lines and other unsightly blemishes */
.noline {text-decoration: none;}

/*FOOTER*/

#footer_inner { padding:5px 0 0 0; font-size: 90%; width:500px;}
.copyright { float:left; margin-left: 10px; list-style:none;}

#footer_right{ font-size: 90%; padding:5px 0 0 0; float: right; width: 460px; text-align: right; }
ul.footer_links {float:right;padding-right: 10px; list-style:none;}
ul.footer_links li { display:inline; padding-left: 10px; }
ul.footer_links li a {color:#7a0019; text-decoration:none; border-bottom:1px solid #c2a9ae;}
ul.footer_links li a:link {color:#7a0019;}
ul.footer_links li a:visited {color:#900021;}
ul.footer_links li a:hover { color:#666666; border-bottom: 1px solid #666666; }
ul.footer_links li a:active {color:#666666;}


/* =CLEAR FLOATED ELEMENTS
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* http://www.positioniseverything.net/easyclearing.html: See print out of this article. This fix should not be needed with overflow:auto added to the outer div */

.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}

.clearfix {display: block;}