/* layout.css
	This document contains elements that are used on every page and are *not* page specific.  They contain basic style
	elements as well as host of positioning elements.
	
	**warning**: changing styles in this stylesheet may effecs ALL pages
 */

/*  Main Page Elements */

    body { background: #000; font-size: 62.5%; color: #fff; font-family: arial;}
    a span { display: none; }
    
    a { color: #fff; }
    
    .members_pg #content a, a.a_members { color: #C93; }
        .members_pg #content a:hover, a.a_members:hover { color: #EFB13B; }
    
    .events_pg #content a, .a_events { color: #7AA9CB; }
        .events_pg #content a:hover, a.a_events:hover { color: #86C5EF; }
    
    .map_pg #content a, .a_map { color: #00BFA0; }
    .map_pg #content a:hover, a.a_map:hover { color: #00EFC9; }
    .print { display: none; }
    #container { width: 800px; margin: 0px auto; font-size: 1.2em; padding-bottom: 50px;}
    
/* Top Area (navigation links, logo) */

    #top { height: 83px; border-top: 8px solid #CC9933; background: #fff; position: relative;}
        #top h1 { float: left; }
        #top .banners { position: absolute; right: 0px; }        
        #top ul { float: right; display: inline; margin-top: 63px; margin-right: 15px;}
        #top li { float: left; }
        #top li a { display: block; line-height: 9px; height: 9px; padding-right: 12px; border-right: 1px solid #362323; margin-right: 12px; }
        
        #top li.home a { background: #fff url(/images/nav/btn_home.gif) no-repeat 0px -11px; width: 32px }
        #top li.members a { background: #fff url(/images/nav/btn_members.gif) no-repeat 0px -11px; width: 54px }
        #top li.events a { background: #fff url(/images/nav/btn_events.gif) no-repeat 0px -11px; width: 97px }
        #top li.map a { background: #fff url(/images/nav/btn_map.gif) no-repeat 0px -11px; width: 23px }
        #top li.contact a { background: #fff url(/images/nav/btn_contact.gif) no-repeat 0px -11px; width:49px; border-right: 0px}

        #top li a:hover { background-position: 0px 0px; }
        .home_pg #top li.home a{ background: url(/images/nav/btn_home.gif) no-repeat 0px 0px; }
        .members_pg #top li.members a{ background: url(/images/nav/btn_members.gif) no-repeat 0px 0px; }
        .events_pg #top li.events a{ background: url(/images/nav/btn_events.gif) no-repeat 0px 0px; }
        .map_pg #top li.map a{ background: url(/images/nav/btn_map.gif) no-repeat 0px 0px; }
        .contact_pg #top li.contact a{ background: url(/images/nav/btn_contact.gif) no-repeat 0px 0px; }

/* Content Area (where all content goes, text etc, has the brown background with watermarks ) */

    #content { float: left; width: 800px; background: #362925 url(/images/bg_content.gif) no-repeat left bottom; padding-bottom: 75px; } 
        #content p {  line-height: 1.2em }
            #content p.mainintro { width: 770px; margin: 15px 0px 0px 15px; }
            #content p.intro { margin: 15px 0px 0px 15px; }
        #content h1 { margin-bottom: 13px; }

/* Bottom Area (secondary set of links, copyright info) */

    #btm { clear: left; padding-top: 10px; color: #095145;}
        #btm a { color: #095145; font-weight: normal;}
        #btm a:hover {color: #0E6E5E; }
        
        .home_pg #btm a.home { color: #6B501F; text-decoration: none; }
        .members_pg #btm a.members { color: #6B501F; text-decoration: none; }
        .events_pg #btm a.events { color: #6B501F; text-decoration: none; }
        .map_pg #btm a.map { color: #6B501F; text-decoration: none; }
        .contact_pg #btm a.contact { color: #6B501F; text-decoration: none; }
        
        #btm h5 { float: left; line-height: 1.2em; font-weight: normal;}
        #btm h6 { float: right; line-height: 1.2em; text-align: right; font-weight: normal;}