/* 
    Document   : main
    Created on : Apr 15, 2010, 2:42:07 PM
    Author     : parkerproject
    Description:
        Purpose of the stylesheet follows.
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */



/* general style */
body {
	font-family: 'Helvetica Neue', Arial , Georgia, Arial;
	line-height:2.00;
	font-size: 12px;
        color: #000
}

.clear{clear:both;}

#container{width: 1060px;
margin: 0 auto;}

#header{background: url(../img/about.gif) no-repeat;
width: 1060px;
height: 193px;}

a#logo{
display:block;
height:95px;
left:30px;
position:relative;
top:50px;
width:400px;
text-indent:-9999px;
outline: none;
float: left;}

ul#nav{float: left;
color:white;
height:30px;
position:relative;
top:160px;
}

#nav li{display: inline-block;}

li.about a {
background:url("../img/about.png") no-repeat scroll 0 0 transparent;
height:30px;
margin:3px 80px 0 15px;
text-indent:-9999px;
width:81px;
display: block;
outline: none}

li.concert a {
background:url("../img/concert.png") no-repeat scroll 0 0 transparent;
height:30px;
margin:3px 65px 0 0;
text-indent:-9999px;
width:102px;
display: block;
outline: none}

li.camp a {
background:url("../img/camping.png") no-repeat scroll 0 0 transparent;
height:30px;
margin:3px 50px 0 0;
text-indent:-9999px;
width:105px;
display: block;
outline: none}

li.find a {
background:url("../img/find.png") no-repeat scroll 0 0 transparent;
height:30px;
margin:3px 0 0 7px;
text-indent:-9999px;
width:100px;
display: block;
outline: none}

.black-bg{width: 1060px;
height: 59px;
background-color: black}

#main{width: 1060px;
margin: 0 auto;}

#row-1{background:url("../img/photo4.png") no-repeat scroll 0 0 transparent;
height: 316px;
width: 1060px;}

#divider{background:url("../img/pirtle-picnic.gif") no-repeat scroll 0 0 transparent;
height: 22px;
width: 1060px;}

#row-2{height:  280px;
width: 1060px;
background-color: #DFDDD2;
overflow: hidden}

#row-2 .left{background:url("../img/photo5.png") no-repeat scroll 0 0 transparent;
float: left;
width: 764px;
height: 254px;
margin-left: 28px;}

#row-2 .right{width: 239px;
float: left}

#row-2 .right h2{color: black;
font-size: 24px;
font-weight: bold;}

img#bottom{float: right;
position:relative;
right:30px;
top:-25px;
}

#left-content{float: left;
width:460px;}

#left-content-map{float: left;
width: 700px}

#left-content img{margin: 40px 85px 0px 76px}

#left-content-map img{margin:40px 0 0 20px;}

#right-content{float: left;
width: 530px;
margin: 40px 68px 0px 0px;
font-size: 12px;
font-family: arial;}

#right-content-map{
float: left;
width: 239px;
margin: 40px 30px 0 35px;
font-size: 12px;
font-family: arial;
}

img#footer-img{float: right;
margin-right: 20px;}

#footer{background: url(../img/footer-text.png) no-repeat scroll 0 0 transparent;
height: 20px;
width: 902px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -20px}

ol li{list-style: decimal}

ol{padding:0 0 0 20px}