/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body { background: #fff; font: 12px/18px Calibri, Arial, sans-serif; color:#3c3c3c; }
a, a:visited { color:#971d20; }
a:hover { text-decoration:none; }
.clearfix { clear:both; height:1px; line-height:1px; }
.lt { float:left; }
.rt { float:right; }

#headerWrap { background: url(/images/frame/header.gif) repeat-x top left;  }   
#contentWrap { background: #7d7d7d; }
    #contentInner { background: url(/images/frame/bckMainTop.png) repeat-x top left; }
#footerWrap { background: url(/images/frame/bckFooter.jpg) repeat-x top left; }
    #header, #mainContainer, #footer, #copyright { width: 960px; margin: 0 auto; }
    
    #header { padding: 35px 0 0 0; min-height:111px; height:auto !important; height: 111px; }
        #header .logo { float:left; }
            #header a.logo img { padding-top:25px; }
        .topnav { float:right; margin-right:20px; }
            .topnav a, .topnav a:visited { color:#fff !important;font-size:12px; text-decoration:none !important; margin-right:20px; font-weight:bold; }
            .topnav a:hover { color:#e9e9e9;}
            
        #nav { display:inline; float:right; margin-top:20px; clear:right; width:570px; }
            #nav li { list-style:none; float:left; }
            #nav li a { display:block; float:left; height:38px; text-indent:-9999px; text-decoration:none; background-image: url(/images/nav.gif); margin-right: 5px; outline:none; }
            #nav li a#navHome { width:65px; background-position: 0 38px; }
            #nav li a#navAbout { width:118px; background-position: -65px 38px; }
            #nav li a#navOrg { width:154px; background-position: -183px 38px; }
            #nav li a#navInd { width:128px; background-position: -337px 38px; }
            #nav li a#navBlog { width:80px; background-position: -465px 38px; }
            
            body.homepage #nav li a#navHome { background-position: 0 0; }
            body.aboutpage #nav li a#navAbout { background-position: -65px 0; }
            body.orgpage #nav li a#navOrg { background-position: -183px 0; }
            body.indpage #nav li a#navInd { background-position: -337px 0; }
            body.blog #nav li a#navBlog { background-position: -465px 0; }                
        
    #mainContainer { min-height: 500px; height:auto !important; height: 500px; position:relative; background:#e9e9e9; }
        #pov { background: url(/images/frame/bckPov.jpg) no-repeat top left; min-height:309px; height:auto !important; height:309px; }
            .about { float:left; width: 400px; margin:60px 0 0 82px; font-size: 15px; line-height:20px; }
                .about h1 { text-indent:-9999px; background: url(/images/theMaccInitiative.gif) no-repeat top left; height:33px; width: 349px; margin-bottom:15px;  }
                .actions { margin-top: 15px; vertical-align:baseline; }
                    .actions a { line-height:47px; display:block; float:left;  }
                    .learnmore { margin-left: 20px; }
            
            .social { float:right; margin: 45px 32px 0 0; width: 220px; position:relative; z-index:2;}
                .socialLinks { text-align:right; padding-top:10px; }
                .socialLinks a { display:block; margin-top: 10px; }
            
            .person { position:absolute; top:-20px; left:420px; z-index:1; }
        
        #main { margin-top:0; padding: 20px 20px 30px 25px; background:#E9E9E9; min-height:500px; height:auto !important; height:500px; } 
        .homepage #main { background-color:transparent; margin-top:25px; padding-top:0; }    
            
            #main .lt { width: 550px; font-size: 14px; }  
            .homepage #main .lt { width: 500px; }
            .blog #main .lt { width:620px; }
                #main .lt p { padding-left:20px; margin-bottom:15px; }  
                .lt ul { padding-left:40px; margin-top:10px; }
                .lt ul li { margin-bottom: 15px; }
                .homepage .lt ul li { font-weight: bold; }
                .lt h2, .rt h2 { margin-bottom:15px; text-indent:-9999px; }
                #main .lt h2.services { background:url(/images/headers.gif) no-repeat 0 -38px; height: 38px; width: 168px; }
                #main .lt h2.mission { background:url(/images/headers.gif) no-repeat -168px -38px; height: 38px; width: 152px; }
                #main .lt h2.aboutInitiative { background:url(/images/headers.gif) no-repeat 0 -76px; height: 38px; width: 215px; }
                #main .lt h2.forOrg { background:url(/images/headers.gif) no-repeat 0 -152px; height: 38px; width:159px; }
                #main .lt h2.forInd { background:url(/images/headers.gif) no-repeat 0 -190px; height: 38px; width:177px; }
                #main .rt h2.contactus { background:url(/images/headers.gif) no-repeat 0 -228px; height: 38px; width:135px; }                
                #main .lt h2.getInvolvedForInd { background:url(/images/headers.gif) no-repeat 0 -266px; height: 38px; width:311px;margin-top:25px; }
                #main .lt h2.getInvolvedForOrg { background:url(/images/headers.gif) no-repeat 0 -304px; height: 38px; width:337px; }
                #main .lt h3.support { background:url(/images/support.gif) no-repeat top left; height:25px; width:523px; text-indent:-9999px; margin-left:20px; }
                
                #main p.dots { padding-bottom:15px; margin-bottom:15px; background:url(/images/dots.gif) repeat-x bottom left; }
                
            #main .rt { width: 310px; }  
            .homepage #main .rt { width: 372px; }   
            .blog #main .rt { width: 282px; }    
               
                #main .rt h2.partneringCompanies { text-indent:-9999px; background: url(/images/headers.gif) no-repeat 0 0; height:38px; width: 248px; }
                #main .rt h2.boardMembers { text-indent:-9999px; background: url(/images/headers.gif) no-repeat 0 -114px; height:38px; width: 186px; }
                #main .rt h3 { text-indent:-9999px; background:url(/images/maccinthenews.gif) no-repeat top left; height:18px; width:192px; }
                #main .rt p { font-size: 12px; }
                
                .rt ul { list-style:none; margin: 10px 0 0 15px; line-height:22px; }  
                .rt ul li { font-size: 14px; font-weight:bold; margin-bottom:5px; }              
                .rt ul li a, .rt ul li a:visited { color:#3c3c3c; font-weight:normal; }
                    .rt ul.boardMembers li p { margin:0; line-height: 14px; padding-left:10px; }
                    .rt ul.boardMembers li a.bio { color:#620203; font-weight: bold; font-size:12px; text-decoration:none; }
                    
                    .quote { background:#620203 url(/images/frame/bckQuoteTop.gif) no-repeat top left; margin-top:10px; padding:12px 8px 3px 12px;  }
                        .quote h4 { font: bold 16px/20px Calibri, Arial, sans-serif; color:#ffd4cb; margin-bottom:7px; }
                        .quote h5 { font: bold italic 14px/18px Calibri, Arial, sans-serif; color:#ffd4cb; }
                            .quote h5 span { font-size:10px;display:block; }
                        #main .rt .quote p { color:#ffd4cb; font-size:13px; margin-bottom:5px; }
                    .quoteBottom { background: url(/images/frame/bckQuoteBottom.gif) no-repeat top left; text-align:right; padding-top: 35px; margin-bottom: 15px; }
                
                .partners { margin-bottom:10px; }                
                .partners a { float:left; display:block; margin:0 10px 10px 0; }
                
    .popup { display:none; background:#e9e9e9; border:6px solid #620203; width: 500px; padding:20px; text-align:left; }
        #ibClose { cursor:pointer; float:right; } 
        .popup h2 { font-size: 23px; font-weight:bold; color:#620203;line-height:30px; }
        .popup p { padding-top:10px; }
                   
    #footer { padding:20px; font-size:12px; }
        .whatmomsaresaying { width:515px; }
            .whatmomsaresaying h3 { background:url(/images/whatmomsaresaying.gif) no-repeat top left; height:24px; width:333px; text-indent:-9999px; }
            .whatmomsaresaying .dots, .contact .dots { background: url(/images/dotsFooter.gif) repeat-x top left; padding-top: 10px; margin-top:5px; }
                .dots img { float:left; margin-right: 10px; }
                .dots p {  color:#fff; margin-left:97px; }
                .dots .name { margin-top: 10px; }
        
        #main .contact { float:none; width:auto; }        
        .contact { float:right; width:260px; }
            .contact h3 { background:url(/images/contact.gif) no-repeat top left; height:19px; width:112px; text-indent:-9999px; }
            .contact .dots p { padding-left:20px; margin-left:0; line-height: 18px; }
            .contact .dots p a, .contact .dots p a:visited { color:#fff; text-decoration:none; }
                .dots p.ning { background:url(/images/ningSM.gif) no-repeat center left; }
                .dots p.twitter { background:url(/images/twitterSM.gif) no-repeat center left; }
                .dots p.rss { background:url(/images/rssSM.gif) no-repeat center left; }
            .contact .logo { float:right; }
            
            
                
#copyright { color:#971d20; padding: 7px 0; font-size:13px; }  
#copyright a, #copyright a:visited { float:right; text-decoration:none; }