/* Global Recreation */ 

#wrapper	{
	width:	940px;
	margin:	0 auto;
	padding:	15px;
	border:	3px solid #d5d5c8;
	background-color:#faf8ea;
	text-align:	left;
	}

#content {
	position:relative;
	height:1%;
	}

#column-main	{
	float:left;
	width:540px;
	position:relative;
	left:162px;
	}
	#column-main2	{
        float:left;
        width:730px;
        position:relative;
        left:162px;
        }
        
p#mainphoto {
    text-indent:0px;
	float:right;
	width:321px;
	padding:0px 0px 35px 0px;
	font-size:12px;
	margin:-12px 0px 30px 30px;
	background-color:#fff;
    text-align:center;
    background-image:url(images/bottom-tape.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	position:relative;
    }
    p#mainphoto img {
        border:0;
        }
        
p#mainphoto2 {
    text-indent:0px;
	float:right;
	width:321px;
	padding:0px 0px 35px 0px;
	font-size:12px;
	margin:-12px 0px 30px 30px;
	background-color:#fff;
    text-align:center;
    background-image:url(images/bottom-tape.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	position:relative;
    }
    p#mainphoto2 img {
        border:0;
        }

a.acknowledgements {
    font:oblique 9px/10px georgia;
    display:block;
    margin:-25px 0px 0px 277px;
    padding:10px;
    color:#BB7D7D;
    }

#bottom	{
    padding:20px 5px 0px 0px;
    text-align:right;
	margin:10px 0px 30px 0px;
	height:60px;
	}



/* Navigation - all pages */

#column-left	{
	width:	152px;
	margin:	0px 20px 50px -30px;
	padding: 0px 20px 0px 0px;
	border-right: 2px solid #e5e5e5;
    position:absolute;
    top:0;
    left:0;
	}
    
#column-left	a {
    font-family:"Lucida grande", "Lucida sans unicode", arial, sans-serif;
    color:#841313;
    }
    #column-left	a:visited {color:#841313;}

#column-left h3 {
    margin:0px 0px 0px 40px;
    }
    h3 a.letter {color:#4E92B5;}

    #column-left ul {margin:0;}
    #column-left ul li	{
       border-bottom:	1px dotted #ccc;
       padding:5px 0px;
       color:#999;
       font-size:	13px;
       line-height:	17px;
       list-style-type:none;
       list-style:none;
       }
       #column-left li#youarehere { color:#000;font-weight:bold; }
       #column-left li a {
        text-decoration:none;
        display:block;
        margin:0px -20px 0px -5px;
        padding:5px 20px 5px 5px;
        }
        #column-left li#youarehere a {
            text-decoration:none;
            display:block;
            margin:0px -20px 0px -5px;
            padding:5px 20px 5px 5px;
            background-color:#fff;
            color:#000;
            font-weight:normal;
            background-image:url(images/youarehere.gif);
	        background-position:right center;
	        background-repeat:no-repeat;
            }
            #column-left li a:hover {
                background-color:#fff;
                background-image:url(images/youarehere.gif);
	            background-position:right center;
	            background-repeat:no-repeat;
                }
            
    #column-left p {
        display:block;
        margin:0px 0px 0px 20px;
        border-bottom:	1px dotted #ccc;
        padding:5px 0px;
        }

#column-right ul{margin:0;position:relative;}
    #column-right ul li {
        list-style-type:none;
        list-style:none;
        font:normal 10px/15px verdana, sans-serif;
        color:#999;
        }
        #column-right ul li a {text-decoration:none;}
        #column-right ul li a:hover {text-decoration:underline;}
        #column-right ul li a:visited {color:#841313;}
    #column-right .subtext {color:#999;font:normal 10px/15px verdana, sans-serif;}
#column-right ol{margin:0;position:relative;}
    #column-right ol li {
        /*list-style-type:none;
        list-style:none;*/
        font:normal 10px/15px verdana, sans-serif;
        color:#999;
        }
        #column-right ol li a {text-decoration:none;}
        #column-right ol li a:hover {text-decoration:underline;}
        #column-right ol li a:visited {color:#841313;}


    
/* Individual Tract Pages */


h1 {position:relative;z-index:10;}

div#photoframe {
    margin:-37px 0px 0px 0px;
    padding:0;
    position:relative;
    width:427px;
    height:510px;
    display:block;
    }
    div#photoframe div#photo {
        margin:31px 0px 0px 25px;
        padding:0;
        position:absolute;
        width:378px;
        height:378px;
        display:block;
        }
    div#photoframe p#slideshow {
        margin:0;
        padding:0;
        position:absolute;
        width:427px;
        height:510px;
        display:block;
        top:0;
        left:0;
        }

div#about {
    display:block;
    width:925px;
    margin:20px 0px 0px -167px;
    background:transparent url(images/conservation-background.png) repeat-y bottom right;
    padding-bottom:20px;
    position:relative;
    }
    div#about p#map {
        float:right;
        margin:0px 0px 30px 20px;
        padding:35px 0px 0px 0px;
        position:relative;
        width:649px;
        height:1032px;
        display:block;
        background:transparent url(images/map-background.png) no-repeat top center;
        text-align:center;
        }
    div#about div#text {
    	margin:0px 0px 20px 0px;
	    line-height:	1.4em;
	    }
    div#about h2#tract {
        color:#663300;
        font:24px/24px "courier new";
        word-spacing: -0.3em;
        letter-spacing: -0.05em;
        font-weight:bold;
        margin:0px 0px 15px 0px;
        padding:10px 0px 5px 0px;
        background-color:transparent;
        border-top:0;        
        border-bottom:2px dotted #999;
        }
    div#about h2 {
        color:#000;
        font:18px/24px "courier new";
        word-spacing: -0.3em;
        letter-spacing: -0.05em;
        font-weight:bold;
        margin:20px 30px 0px 0px;
        padding:10px 0px 5px 0px;
        background-color:transparent;
        border-top:0;                
        }
        div#about h2#recopp {
            text-align:left; 
            word-spacing: -0.026em;
            line-height:20px;
            margin:85px 30px -10px 0px;
            border-bottom:0;
            border-top:2px dotted #999;
            }
            div#about .tt_details p {margin:15px 0px 15px 20px;}
        div#about h2#recopp2 {  
            line-height:22px;
            margin:80px 30px 0px 0px;
            padding-top:30px;
            border-bottom:0;
            border-top:2px dotted #999;
            }

    div#about h3 {
        color:#663300;
        font:18px/20px "courier new";
        word-spacing: -0.3em;
        letter-spacing: -0.05em;
        font-weight:bold;
        margin:10px 0px 4px 0px;
        padding:10px 0px 5px 0px;
        background-color:transparent;
        border-top:0;        
        }
    div#about ul { 
        margin:0px 30px 0px 0px; 
        }       
    div#about p.break {
        position:absolute;
        border:0;
        background:transparent url(images/divider.png) no-repeat;
        width:322px;
        height:109px;
        margin:-5px -30px 0px -20px;
        z-index:10;
        }
    div#about p.break2 {
        position:absolute;
        border:0;
        background:transparent url(images/divider2.png) no-repeat;
        width:346px;
        height:112px;
        margin:0px -30px 0px -140px;
        z-index:10;
        }
  
#topimage-tracts {
    width:344px;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:152px;
    overflow:hidden;
    }

#column-right h2#visitproperty {
    font-size:22px;
    font-style:oblique;
    font-weight:normal;
    margin-top:-5px;
    }
#column-right .post-it {
    width:320px;
    background:transparent url(images/post-it.gif) no-repeat bottom center;
    padding:15px 0px 20px 0px;
    margin:15px 0px 0px -20px;
    text-align:center;
    min-height:210px;
    height:auto !important;
    }
    #column-right .post-it h3 {        
        display:block;
        font:bold 18px/18px "courier new";
        word-spacing: -0.3em;
        letter-spacing: -0.05em;
        color:#663300;
        margin:0px 0px 0px 10px;
        padding:8px 10px 5px 12px;
        text-align:left;
        }
    #column-right .post-it div.tt_details {
        display:block;
        padding:0px 10px 20px 10px;
        margin:0px 0px 0px 12px;
        font-style:oblique;
        text-align:left;
        }
         #column-right .post-it div.tt_details li {
            font:oblique 12px sans-serif;
            color:#000;
            padding-bottom:5px;
            }
            #column-right .post-it div.tt_details p {margin-bottom:0;}
        #column-right p.leaf {
            position:absolute; left:-120px; top:435px;
            border:0;
            background:transparent url(images/divider2.png) no-repeat;
            width:346px;
            height:112px;
            //*margin:-30px 0px 0px -140px;*//
            z-index:10;
            }    
    	


/* Events */

ul.events {
    text-indent:0px;
	padding:0px 0px 13px 0px;
	font:16px/22px "Lucida grande", "Lucida sans unicode", verdana, sans-serif;
	margin:-50px 30px 30px 0px;
    list-style-type:none;
    list-style:none;
    width:350px;
    background-image:url(images/notepage-bottom.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	position:relative;
    }
    ul.events li {
        padding:0;
        background-image:url(images/notepage-bg.gif);
	    background-position:center top;
	    background-repeat:repeat-y;
	    }
	    ul.events li .item {
	        margin:0px 8px 0px 28px;
	        padding:8px 22px 8px 57px;
	        display:block;
	        font-size:12px;
	        border-top:1px dotted #ccc;
	        }
            ul.events li .item .bullet {position:absolute;left:30px;margin-top:-40px;}
            ul.events li .item .camera {position:absolute;left:30px;margin-top:-10px;}
    ul.events li#upcoming {
        text-align:center;
        height:50px;
        background-color:transparent;
        background-image:url(images/notepage.gif);
	    background-position:center top;
	    background-repeat:no-repeat;
	    font-family:"courier new";
        font-size:22px;
        word-spacing: -0.3em;
        letter-spacing: -0.05em;
        color:#663300;
        font-weight:bold;
        padding-top:30px;
        margin-bottom:-10px;
        border:0;
        }
        ul.events li#recent {
            text-align:center;
            font-family:"courier new";            
            word-spacing: -0.3em;
        letter-spacing: -0.05em;
        color:#663300;
            font-weight:bold;
            text-indent:-25px;
            }
            ul.events li#recent .item {margin-left:8px;font-size:22px;}




/* Species */
        
		ul.guides {
			padding:0;
			margin:0;
			list-style:none;
			display:block;
			position:relative;
			}	
		ul.guides li {
            display:inline;
            float:left;
            width:200px;
            padding:0px;
            font-size:14px;
            margin:0px 10px 20px 30px;
            background-color:#faf8ea;
            background-image:url(images/notepad-background.jpg);  
			position:relative;
            text-align:center;
			}
            ul.guides li img {margin-bottom:-6px;}
            ul.guides li img.top {margin-bottom:5px;}
            
#topimage-species {
    width:300px;
    position:absolute;
    top:-50px;
    left:50%;
    margin-left:200px;
    overflow:hidden;
    }


/* Activities Pages */

p.floatright {
    text-indent:0px;
	float:right;
	padding:0px;
	font-size:12px;
	margin:-12px 0px 30px 30px;
    font:	16px/22px "Lucida grande", "Lucida sans unicode", verdana, sans-serif;
	font-weight:	bold;
	padding-bottom:	15px;
	color:	#4E92B5;
    }

ul.bestopp li {
    border-bottom:1px dotted #9c9c9c;
    padding-top:5px;
    padding-bottom:5px;
   font:12px "Lucida grande", "Lucida sans unicode", verdana, sans-serif;
    }

p.reservation {
    position:relative;
    float:right;
    overflow:hidden;
    border:2px solid #CDD8CF;
    width:309px;
    height:100px;
    padding-top:17px;
    padding-bottom:15px;
    font:oblique 10px/18px sans-serif;
    color:#999;
    background-color:#fff;
    background-image:url(images/vine.gif);  
    background-position:center bottom;
	background-repeat:no-repeat;
    text-align:center;
    margin:-12px 0px 30px 30px;
    }
    p.reservation a.rezlink {font:bold 14px "Lucida grande", "Lucida sans unicode", verdana, sans-serif;}
    a.credit {display:block;width:97%;font:normal 9px/11px sans-serif;text-align:right;text-decoration:none;}
    

/* Campgrounds Table */

div.tractgroup {
    background-color:#fefdf9;
    padding:10px;
    border:1px solid #e5e5e5;
    }
h2.campground {
    color:#000;
    font:17px/20px georgia, "trebuchet ms", serif;
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 0px;
	border-style:solid;
	border-right-width:0px;
	border-left-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-color:#999;
	z-index:5;
	position:relative;
	}
			
table.activities {
	width:720px;
	margin:0px;
	}
	table.activities th {
		font:9px/9px verdana, sans-serif;
		text-align:left;
		padding:5px 8px 5px 8px;
		color:#4d4d4d;
		vertical-align:bottom;
		}
	table.activities td {	
		font-family:"Lucida grande", "Lucida sans unicode", verdana, sans-serif;
		font-size:12px;
		line-height:12px;
		background-color:#fff;
		padding:5px 8px 5px 8px;
		}		
		table.activities td a {text-decoration:none;}
		table.activities td.directions {font:9px/11px verdana, sans-serif;}
	    table.activities td.reservation {font:bold 9px/11px verdana, sans-serif;width:105px;}
	    table.activities td.reservation a {text-decoration:underline;}
	    
.tractlink {
	 margin:-30px 0px 10px 0px;
	 padding:0px 0px 8px 0px;
	 display:block;
	 font:10px/12px sans-serif;
	 text-align:right;
	 position:relative;
	 background-color:transparent;
	 }

.huntdates {
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 8px 0px;
	 display:block;
	 font:10px/12px sans-serif;
	 }
	        
/* Hunting FWC Guides */
        
		ul.fwc {
			padding:0;
			margin:0;
			list-style:none;
			display:block;
			position:relative;
			}	
		ul.fwc li {
            display:inline;
            float:left;
            width:125px;
            padding:0px;
            font-size:14px;
            margin:5px 6px 20px 0px;
            background-color:#fff;
            border:2px solid #e5e5e5;
			}
            ul.fwc li a {border-bottom:2px solid #e5e5e5;}
            ul.fwc li a:hover {border-bottom:2px solid #841313;}
            
            a.pubhunt {border-bottom:2px solid #e5e5e5;}
            a.pubhunt:hover {border-bottom:2px solid #841313;}
