body {
	margin:0px;
	padding:0px;
	background:#221400 url( ../Images/body-bg.jpg ) top center no-repeat;
	}
body, div, table, td {
	font-family: 'Arial', sans-serif;
	font-size:12px;
	color:#2c1a00;
	}

p
{
    margin: 15px 0 15px 0;
    line-height: 1.5em;
}

a 
{
	color: #3354AA;
	text-decoration: underline;
	cursor: pointer;
}

a:hover 
{
	color: #4B6DB7;
	text-decoration: none;
}
	
h1.normal
{
    font-size: 20px;
    color: #2c1a00;
    margin: 0 15px 0 -27px;
    padding: 0 0 0 27px;
    background-repeat: no-repeat;
    background-position: 0 5px;
}
    h1#home
    {
        background-image: url( ../Images/h1-home.gif );
    }


h2.normal
{
    font-size: 17px;
}

h3.normal
{
    font-size: 15px;
    margin-top: 20px;
}
    
p.more-link
{
    display: block;
    margin: -10px 0 0 0;
    height: 38px;
    width: 69px;
    float: right;
}
    p.more-link a
    {
        display: block;
        width: 69px;
        height: 0 !important;
        padding-top: 38px;
        overflow: hidden;
        background: no-repeat url( ../Images/more-link.gif );
    }

img.right
{
    float: right;
    margin-right: 5px;
    margin-left: 10px;
}

img.left
{
    float: left;
    margin-right: 10px;
    margin-left: -10px;    
    margin-top: 15px;
}

#googlemap
{
    background: no-repeat url( ../Images/map-bg.gif );
    padding: 11px 12px 0 10px;
    height: 596px;
    width: 600px;
    position: relative;
    left: -8px;
    clear: both;
}

blockquote
{
    padding:8px 25px;
	margin: 0 0 -10px 8px;
	color: #2c1a00;
	background: url( ../Images/quote.gif ) no-repeat 0 5px;
	font-style: italic;
	border: none;
}

cite
{   
    font-weight:bold;
    display: block;
    margin: -2px 2px 2px -4px;
    padding: 1px 4px;
    color:#2c1a00;
}


	
div#SiteContainer
{
    width: 950px;
    margin: auto;
}




/* Header.. */

#Header 
{	
	
    height: 136px;
    margin: 0 0 0 0;
    }
    #Header h1 
    {
        height: 136px;
        width: 294px;
        margin: 0 0 0 0;    
        visibility: visible;
    }
        #Header h1 a 
        {
            display: block;
            height: 0 !important;
            overflow: hidden;
            padding-top: 136px;
            width: 294px;
            background: no-repeat url( ../Images/logo.jpg );
        }
        #Header h1 strong 
        {
	        color:#ffa500;
        }
    
    #Header #weather-widget
    {
        width: 350px;
        height: 100px;
        position: absolute;
        top: 35px;
        margin-left: 550px;
    }
        #Header #weather-widget h3
        {
            visibility:visible;
            width: 236px;
            padding-top: 17px;
            height: 0 !important;
            overflow: hidden;
            background: no-repeat url( ../Images/current-weather-h3.gif ) 8px 0;
            margin: 10px 0 0 0;
            color: #fff;
        }
        
        #Header #weather-widget #icon
        {
            padding-top: 68px;
            height: 0 !important;
            width: 81px;
            float: left;
            overflow: hidden;
        }
        
        #Header #weather-widget .partly-cloudy { background: no-repeat url( ../Images/partly-cloudy.gif ); }
        #Header #weather-widget .clear-day { background: no-repeat url( ../Images/clear-day.gif ); }
        #Header #weather-widget .clear-night { background: no-repeat url( ../Images/clear-night.gif ); }
        #Header #weather-widget .mostly-cloudy { background: no-repeat url( ../Images/mostly-cloudy.gif ); }
        #Header #weather-widget .frosty-cold { background: no-repeat url( ../Images/frosty-cold.gif ); }
        #Header #weather-widget .fog-mist { background: no-repeat url( ../Images/fog-mist.gif ); }
        #Header #weather-widget .cloudy { background: no-repeat url( ../Images/cloudy.gif ); }
        #Header #weather-widget .scattered-showers { background: no-repeat url( ../Images/scattered-showers.gif ); }
        #Header #weather-widget .stormy { background: no-repeat url( ../Images/stormy.gif ); }
        #Header #weather-widget .light-rain { background: no-repeat url( ../Images/light-rain.gif ); }
        #Header #weather-widget .showers { background: no-repeat url( ../Images/showers.gif ); }
        #Header #weather-widget .thunder-showers { background: no-repeat url( ../Images/thunder-showers.gif ); }
        #Header #weather-widget .light-sleet { background: no-repeat url( ../Images/light-sleet.gif ); }
        #Header #weather-widget .heavy-sleet { background: no-repeat url( ../Images/heavy-sleet.gif ); }
        #Header #weather-widget .light-snow { background: no-repeat url( ../Images/light-snow.gif ); }
        #Header #weather-widget .snow-showers { background: no-repeat url( ../Images/snow-showers.gif ); }
        #Header #weather-widget .heavy-snow { background: no-repeat url( ../Images/heavy-snow.gif ); }
        #Header #weather-widget .partly-cloudy-night { background: no-repeat url( ../Images/partly-cloudy-night.gif ); }
        #Header #weather-widget .light-wind { background: no-repeat url( ../Images/light-wind.gif ); }
        #Header #weather-widget .heavy-wind { background: no-repeat url( ../Images/heavy-wind.gif ); }
        
        #Header #weather-widget #current-temp
        {
            float: left;
            height: 55px;
            width: 55px;
            margin: 5px 0 0 5px;
        }
            #Header #weather-widget #current-temp p
            {
                margin: 0;
                padding: 0;
                line-height: normal;
                font-size: 32px;
                font-weight: bold;
                color: #fff;
            }
                #Header #weather-widget #current-temp p sup
                {
                    font-size: 14px;
                    vertical-align: text-top;
                    font-weight: bold;
                    color: #fff;
                }
        #Header #weather-widget #weather-desc
        {
            float: left;
            width: 200px;
            margin: 7px 0 0 -5px;
        }
            #Header #weather-widget #weather-desc p
            {
                font-size: 14px;
                margin: 0;
                padding: 0;
                color: #fff;
            }
        #Header #weather-widget #high-low-temp
        {
            clear: left;
            position: relative;
            left: 11.3em;
            top: -2.7em;
            width: 200px;
        }
            #Header #weather-widget #high-low-temp p
            {
                margin: 0;
                padding: 0;
                font-size: 9px;
                letter-spacing: -0.01em;
                color: #fff;
            }


/* Body.. */

#OuterBody
{
    background: repeat-y url( ../Images/content-bg.jpg );
}

#Body
{
    background: no-repeat url( ../Images/content-bg-head.jpg );
    position: relative;
    z-index: 1;
    padding: 50px 0 0 0;
    height: auto !important;
    height/**/: 450px;
    height:/**/ 450px;
    min-height: 450px;
    
}
    #Content
    {
        float: left;
        width: 580px;
        margin: 10px 0 0 0;
        display: inline;
        padding-left: 107px;
    }
        .home-promo
        {
            width: 265px;
            float: left;
            margin-top: 14px;
        }
        .home-promo.left
        {
            margin-right: 40px;
        }
            .home-promo h3
            {
                margin: 0 0 0 -23px;
                padding: 0 0 0 17px;
                font-size: 16px;
                background: url( ../Images/h2-bullet.gif ) no-repeat 0 5px;
                color: #2c1a00;
            }
                .home-promo h3 a
                {
                    color: #2c1a00;
                    text-decoration: none;
                }
    

        #Content ul
        {
            margin: 0 20px 0 0;
            padding: 0 0 0 0;
            list-style: none;
        }
            #Content ul li
            {
                background: url( ../Images/bullet.gif ) no-repeat 0 5px;
                padding-left: 13px; 
                margin-bottom: 7px; 
            }
        #Content ol
        {
            padding: 0 0 15px 22px;
            margin: 0 0 0 0;
        }
            #Content ol li
            {
                margin-bottom: 7px;    
            }
            
            
        ul.sub-menu
        {
            margin: 5px 0 0 -20px !important;
            padding: 0;
            height: 49px;
            list-style: none;
        }
            ul.sub-menu li
            {
                float: left;
                display: inline;
                background: none !important;
                padding: 0 !important;
            }
                ul.sub-menu li a
                {
                    display: block;
                    overflow: hidden;
                    height: 0 !important;
                    padding-top: 49px;
                    background-repeat: no-repeat;
                }
                ul.sub-menu li#about-sub a
                {
                    background-image: url( ../Images/about-sub.gif );
                    width: 92px;
                }
                ul.sub-menu li#join-sub a
                {
                    background-image: url( ../Images/join-sub.gif );
                    width: 93px;
                }
                ul.sub-menu li#saying-sub a
                {
                    background-image: url( ../Images/saying-sub.gif );
                    width: 144px;
                }
                ul.sub-menu li#gallery-sub a
                {
                    background-image: url( ../Images/gallery-sub.gif );
                    width: 98px;
                }
                ul.sub-menu li#our-rides-sub a
                {
                    background-image: url( ../Images/our-rides-sub.gif );
                    width: 105px;
                }
                ul.sub-menu li#ride-rules-sub a
                {
                    background-image: url( ../Images/ride-rules-sub.gif );
                    width: 87px;
                }
                ul.sub-menu li#cheesy-rides-sub a
                {
                    background-image: url( ../Images/cheesy-rides-sub.gif );
                    width: 111px;
                }
                ul.sub-menu li#fruity-rides-sub a
                {
                    background-image: url( ../Images/fruity-rides-sub.gif );
                    width: 102px;
                }
                ul.sub-menu li#away-rides-sub a
                {
                    background-image: url( ../Images/away-rides-sub.gif );
                    width: 102px;
                }
                ul.sub-menu li#maps-sub a
                {
                    background-image: url( ../Images/maps-sub.gif );
                    width: 78px;
                }
                ul.sub-menu li a:hover
                {
                    background-position: 0 -50px;
                }
                
#Panel
{
    float: right;
    width: 186px;
    position: relative;
    left: -65px;
    top: -10px;
}
    #main-nav
    {
        height: 253px;
        background: url( ../Images/main-nav-bg.gif ) no-repeat;
    }
        #main-nav ul
        {
            margin: 0;
            padding: 29px 0 0 13px;
            list-style: none;
        }
            #main-nav ul li
            {
                height: 24px;
                width: 160px;
            }
                #main-nav ul li a
                {
                    display: block;
                    overflow: hidden;
                    height: 0 !important;
                    width: 160px;
                    padding-top: 24px;
                    background-position: -160px 0;
                    background-repeat: no-repeat;
                }
                #main-nav ul li a:hover
                {
                    background-position: 4px 0;
                }
                #main-nav ul li.home-butt a { background-image: url( ../Images/home-butt.gif ); }
                #main-nav ul li.about-butt a { background-image: url( ../Images/about-butt.gif ); }
                #main-nav ul li.rides-butt a { background-image: url( ../Images/rides-butt.gif ); }
                #main-nav ul li.forum-butt a { background-image: url( ../Images/forum-butt.gif ); }
                #main-nav ul li.calendar-butt a { background-image: url( ../Images/calendar-butt.gif ); }
                #main-nav ul li.news-butt a { background-image: url( ../Images/news-butt.gif ); }
                #main-nav ul li.resources-butt a { background-image: url( ../Images/resources-butt.gif ); }
                #main-nav ul li.contact-butt a { background-image: url( ../Images/contact-butt.gif ); }
                /* current page */
                #home #main-nav ul li.home-butt a, #about #main-nav ul li.about-butt a,
                #rides #main-nav ul li.rides-butt a, #calendar #main-nav ul li.calendar-butt a,
                #news #main-nav ul li.news-butt a, #resources #main-nav ul li.resources-butt a,
                #contact #main-nav ul li.contact-butt a
                {
                    background-position: 4px 0;
                }
    
    div#calendar-sub
    {
        margin-top: 3px;
        margin-left: 18px;
    }
        div#calendar-sub a
        {
            display: block;
            width: 146px;
            height: 0 !important;
            padding-top: 49px;
            overflow: hidden;
            background: no-repeat url( ../Images/calendar-sub.gif );
        }
    
    div#trail-conditions
    {
        margin: 15px 15px 0 25px;
    }
    
        div#trail-conditions h3
        {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            font-size: 14px;
            
        }
        
        div#trail-conditions p
        {
            margin: 5px 0 5px 4px;
            font-size: 0.8em;
        }
        
        div#trail-conditions select
        {
            font-size: 0.9em;
        }

#Footer
{
    height: 260px;
    background: no-repeat url( ../Images/content-foot.jpg );
    margin-top: -210px;
}


div#nicevoo
{
    width: 875px;
    text-align: right;
    color: #fff;
    position: relative;
    top: 0px;
    margin-bottom: 0px;
    background: #221400 url( ../Images/nicevoo-v.gif ) top right no-repeat;
    padding-right: 30px; 
    padding-bottom: 0px;  
}

div#nicevoo a
{
    color: #fff;
    text-decoration: none;
}

div#nicevoo a:hover
{
    color: #fff;
    text-decoration: underline;
}


/* Gallery */

span.blue
{
    color: #008aff;
    text-decoration: none;
}

span.pink
{
    color: #fe00ba;
    text-decoration: none;
}

div#gallery
{
   
}
    div#gallery ul#photosets, div#gallery ul#photos
    {
        margin: 0 0 0 0;
        padding: 0;
    }
        div#gallery ul#photosets li, div#gallery ul#photos li
        {
            margin: 0 0 20px 0;
            padding: 0;
            background: none;
            width: 95px;
            float: left;
            display: inline;
        }
            div#gallery a
            {
                display: block;
                background: no-repeat url( ../Images/gallery-thumb-bg.gif );
                width: 75px;
                height: 75px;
                padding: 9px 10px 9px 10px;
            }
                div#gallery a img, div#single-image a img
                {
                    border: none;
                }
                                   
            div#gallery ul#photosets li ul.photoset-info, div#gallery ul#photos li ul.photo-info
            {
                margin: 0 0 0 10px;
            }
                div#gallery ul#photosets li ul.photoset-info li, div#gallery ul#photos li ul.photo-info li
                {
                    border: none;
                    display: block;
                    float: none;
                    width: 65px;
                    margin: 0 0 0 0;
                    height: auto;
                }   
                    div#gallery ul#photosets li ul.photoset-info li.photo-count
                    {
                        font-size: 0.9em;
                        margin-bottom: 5px;
                    }
                        div#gallery ul#photosets li ul.photoset-info li.photo-count em
                        {
                            color: #fe00bf;
                            font-style: normal;
                        }     
                    div#gallery ul#photosets li ul.photoset-info li.photoset-title, 
                    div#gallery ul#photos li ul.photo-info li.photo-title
                    {
                        height: 45px;
                        overflow: hidden;
                        font-weight: bold;
                        font-size: 0.9em;
                    }
                        div#gallery ul#photosets li ul.photoset-info a,
                        div#gallery ul#photos li ul.photo-info li.photo-title a
                        {
                            background: none;
                            display: inline;
                            height: auto;
                            width: auto;
                            padding: 0;
                            text-decoration: none;
                            color: #2c1a00;
                        }







/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {
	display:inline-table;
	}

/* Hides from IE-mac \*/

* html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}