/* meyer reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,dialog,footer,header,hgroup,output,section,nav{ display: block; }

body{ background: #fff url(../../../themes/site_themes/wbgcc/back.gif) 0 0 repeat-x; color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.2; }

a{ color: #7b0a0a; text-decoration: none; font-weight: bold; }
a:hover{ text-decoration: underline; }

p{ margin: 0 0 1em; }

.note{ font-size: 90%; font-style: italic;  }

.inset{ float: left; margin: 2px 20px 10px 0; -moz-box-shadow: 1px 1px 3px #999; }
* html .inset{ display: inline; }

#wrap{ width: 960px; margin: 20px auto; overflow: auto; overflow: hidden;padding: 0 0 150px; background: #fff; 
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}


    #wrap  h2{ font-size: 30px; margin: 0 0 10px;  }
    #wrap h3{ font-size: 22px; margin: 0 0 0;  }
    #wrap h4{ font-weight: normal; font-style: italic;}
    #wrap ul{ margin: 0 0 1em; }

#masthead{ padding: 60px 0 10px 310px; background: url(../../../themes/site_themes/wbgcc/woodbadgelogo.png) 68px 10px no-repeat;  min-height:100px; height:auto !important; height:100px; margin: 0 0 30px; }
    
    #masthead h1{ font-size: 60px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
    #masthead h1 em{ display: block; font-style: normal; font-size: 35px; text-transform: none; line-height: 1; margin: 0 0 -13px;  }

    #mainContent{ width: 640px; margin: 0 10px 0 10px; float: right; }
    #mainAside{ width: 280px; margin: 0 10px; float: left;  }
     * html #mainAside{ display: inline; }
     #mainAside .w{   padding: 0 20px 20px; -moz-border-radius: 10px; }
    
        #mainAside .fImgs{  margin: 0 -10px; padding: 10px 0; overflow: hidden; min-height:310px; height:auto !important; height:310px;  }
            #mainAside .fImgs li{ width: 100px; float: left; margin: 0 10px 10px;  }
            * html #mainAside .fImgs li{ display: inline; }
            #mainAside .fImgs li.nl{ clear: left; }
                #mainAside .fImgs li a{ display: block; opacity: .7;  }
                #mainAside .fImgs li a:hover{ opacity: 1; 
                    transform: scale(1.1);
                    -moz-transform: scale(1.1); 
                    -o-transform: scale(1.1); 
                    -webkit-transform: scale(1.1); 
                }
                #mainAside .fImgs li a img{ display: block; border: 0; 
                    box-shadow: 1px 1px 3px #999; 
                    -moz-box-shadow: 1px 1px 3px #999; 
                    -webkit-box-shadow: 1px 1px 3px #999; 
                    
                }
                
                
        #mainAside nav{ margin: 0 0 50px; }
        #mainAside nav li{  font-weight: bold; margin: 0 -10px; padding: 0; }

        #mainAside nav a{ border-bottom:1px solid #F0F4F7; display:block; font-size:16px; padding:8px 10px 7px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
            opacity: .7;
            text-shadow: 1px 1px 1px #ccc;
         }
        #mainAside nav a:hover{ text-decoration: none; background: #F0F4F7; opacity: 1;
            
         }
        #mainAside nav li.active a{ color: #000; }
        #mainAside h3{ font-size: 16px; }




        
        
    #wrap .col{ float: left; width: 380px; padding: 10px; }
    #wrap .col h3{ font-size: 18px; margin: 0 0 5px; }
    #wrap .col p{ margin: 0 0 10px; }
    #wrap .col .info{ margin: 0 0 10px; }