/* 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 effect ALL pages
*/


        body { background: #8f856a; font: normal 16px arial; color: #000}
        #content h1, h2 { margin-bottom: 5px; }
        #content h2 { margin-bottom: 2px; margin-top: 15px; }
        #content p { margin: 0px; margin-bottom: 10px; line-height: 20px; }
        #content li { background: url(/App_Images/ico_bullet.gif) no-repeat; padding: 0px 0px 0px 26px; line-height: 20px; margin-bottom: 3px; }
        #content a { color: #985431; }
			#content a:hover { color: #3C2214;}
        #content em { font-style: italic; }
        
        #mid { background: #fff; width: 899px; border-right: 3px solid #fff; border-left: 3px solid #fff; margin: 0px auto; }
        #top { background: #985431; height: 116px; border-bottom: 3px solid #fff}  
            #top h1 { text-align: center; }
        #nav { padding: 5px 25px 0px 30px; float: left; width: 844px; height: 40px; background: #889da2; border-bottom: 3px solid #fff}
            #nav li { float: left; padding: 0px 8px; border-right: 2px solid #a9b1bc; }
            #nav li.r { border-right: 0px; }
            #nav li a { float: left; }
            #nav li a:hover { background: #69787c}
        
            .pg_home #nav li a.a_home,
            .pg_about #nav li a.a_about,
            .pg_items #nav li a.a_items,
            .pg_events #nav li a.a_events,
            .pg_mom #nav li a.a_mom,
            .pg_contact #nav li a.a_contact { background: #69787c }

        #header { clear: both; height: 288px; background: url(/App_Images/bg_header_v3.jpg) no-repeat; border-bottom: 3px solid #fff}
    
        #content { clear: both; float: left; width: 899px; }
            #content #left { float: left; width: 660px; background: #fff; padding: 20px}
            #content #right { float: left; width: 199px; background: #fff; }
            
      
        
        #footer { font: normal 14px arial; color: #B5C4CF; clear: both; height: 139px; background: #536471; border-bottom: 1px solid #86766d }
            #footer a { font: normal 14px arial; color: #B5C4CF; }
            #footer a:hover { color: #fff; }
            #footer ul { float: left; width: 520px; margin: 62px 0px 62px 28px; }
            #footer li { float: left; margin-right: 5px}
            #footer span { float: right; width: 295px; margin: 62px 28px 62px 0px; }
            
            .pg_home #footer li a.a_home,
            .pg_about #footer li a.a_about,
            .pg_items #footer li a.a_items,
            .pg_events #footer li a.a_events,
            .pg_mom #footer li a.a_mom,
            .pg_contact #footer li a.a_contact { font-weight: bold; text-decoration: none}
        
        #btm { clear: both; height: 22px; background: #3c2214; border-bottom: 3px solid #fff}