/* COLORS *** 

    Standard Red:  #b00203
    Greg:          #1f1f1f
    
*/    


/* GENERAL *************************************************************************************************** */

    body { background: #000; margin: 0; font-family: Arial; font-size: 12px; color: #fff; }

    #container { width: 940px; margin: 0 auto; }

    a.btn_red { color: #fff; background:url(../img/design/btn_bg.png); text-decoration: none; padding: 3px 7px; font-weight: bold; font-size: 11px;}
    a.btn_red:hover { background: #6f0201; }
    
    h1 { letter-spacing: -1px; font-size: 42px; font-weight: normal; background: url(../img/design/bg_h1.gif); width: 589px; height: 29px; padding: 22px 0 10px 0;}
    h2 { letter-spacing: -1px; font-size: 16px; }
    .container h1 { font-weight: normal; font-size: 21px; background: none;}
    
    #frm  #blogShell {  }
    
    a { color: #b00203;}
    a:hover { text-decoration: none; }

    img { border: none; }

    hr { border-bottom: 1px solid #1f1f1f; border-top: none;border-left: none;border-right: none; line-height: 100%; height: 1px; margin: 30px 0;}

/* HEADER *************************************************************************************************** */

    #titlebar { height: 160px; background:url(../img/design/bg_titlebar.jpg); }
    
        #logo { margin: 18px 0 0 -40px;background:url(../img/design/logo.png); width: 318px; height: 106px; position: absolute; }
        #logo a { display: block; width: 290px; height: 106px; }
        
        #signup { margin: 0 0 0 450px;}
        
            #form_signup input { float: left; color:#ccc;}
        
        #nav {}
        #nav ul { text-align: left; width: 940px; margin: 121px 0 0 0px;  float: right; padding: 0; position: absolute; z-index: 999999; }
        #nav ul li { position: relative; float: right; display: block;  display: inline; list-style: none; margin: 0 0 0 10px;}
        #nav ul li a { position: relative; display: block;   height: 24px; padding: 7px 10px 8px 10px; font-size: 18px; color: #fff; font-weight: bold; letter-spacing: -1px; text-decoration: none; }
        #nav ul li a:hover,
        #nav ul li a.selectedPage { background:url(../img/design/bg_nav_hover.jpg) top center;}
        li.over a { background:url(../img/design/bg_nav_hover.jpg) top center;}
        #nav ul li.hasChildren .level2 { display: none;}
        
        #nav ul li.hasChildren:hover ul.level2 {  display: block; padding: 2px 0; background: #870100;  position:absolute; text-align:left;  margin: 39px 0 0 0; z-index:100; width: 175px;top: 0;  }
        #nav ul li.hasChildren:hover ul.level2 li { float: none; margin: 0; display: block; padding: 3px 5px;}
        #nav ul li.hasChildren:hover ul.level2 li a { font-size: 12px; height: 12px; padding-top: 3px; letter-spacing: normal; position: relative;}
        #nav ul li.hasChildren:hover ul.level2 li a:hover { background: #000; background-image: none;}


    #social_toolbar { position: absolute; margin: 0 0 0 695px; width: 227px; height: 59px; background:url(../img/design/bg_socialtoolbar_black.png);}
    #social_toolbar ul { margin: 10px 0 0 45px; padding: 0;  }
    #social_toolbar ul li { margin: 0 13px 0 0; display: block; float: left; width: 26px; height: 25px;}

        #social_toolbar ul li#facebook { width: 23px; height: 23px; background:url(../img/design/icon_facebook.jpg) -1px 0 }
        #social_toolbar ul li#vimeo { width: 24px; height: 23px;  background:url(../img/design/icon_vimeo.jpg) 0 0}
        #social_toolbar ul li#youtube { width: 23px; height: 23px;background:url(../img/design/icon_youtube.jpg) -1px 0}
        #social_toolbar ul li#twitter {width: 23px; height: 23px; background:url(../img/design/icon_twitter.jpg) -1px 0}
        #social_toolbar ul li#myspace {width: 22px; height: 23px; background:url(../img/design/icon_myspace.jpg) -2px 0}
/*
        #social_toolbar ul li#facebook { background:url(../img/design/icon_facebook.jpg)}
        #social_toolbar ul li#vimeo { background:url(../img/design/icon_vimeo.jpg)}
        #social_toolbar ul li#youtube { background:url(../img/design/icon_youtube.jpg)}
        #social_toolbar ul li#twitter { background:url(../img/design/icon_twitter.jpg)}
        #social_toolbar ul li#myspace { background:url(../img/design/icon_myspace.jpg)}
*/
    #social_toolbar ul li a { display: block; width: 26px; height: 25px;}
    #social_toolbar ul li a:hover { }

/**** NEW DROPDOWN TEST ********************************************** */

    #home #header { background: #383838; border: 9px solid #fff; width: 921px; height:379px;}
    #header { background: #383838 url(../image3.jpg); border: 9px solid #fff; width: 921px; height:200px;}

        #slogan { display: none; margin: 80px 0 0 605px; background:url(../img/design/slogan.png) no-repeat; position: absolute; height: 232px; width: 331px; z-index: 999;}
        #slogan a.btn_red { position: absolute; margin: 232px 0 0 200px;}


		#ctaShell { position: absolute; z-index: 999; margin: 30px 0 0 576px;}
		#ctaShell ul {}
		#ctaShell li { list-style: none; display: block; width: 314px; height: 88px; margin-bottom: 2px;}
		#ctaShell li a { display: block; width: 314px; height: 88px;}
		#ctaShell li a.help { background:url(../img/design/cta_help.gif); }
		#ctaShell li a.help:hover { background:url(../img/design/cta_help_hover.gif); }
		#ctaShell li a.learn { background:url(../img/design/cta_learn.gif); }
		#ctaShell li a.learn:hover { background:url(../img/design/cta_learn_hover.gif); }
		#ctaShell li a.support { background:url(../img/design/cta_support.gif); }
		#ctaShell li a.support:hover { background:url(../img/design/cta_support_hover.gif); }
		
		

/* BODY ***************************************************************************************************** */

    #home #contentContainer { height: 250px;  }
    #contentContainer { background:url(../img/design/bg_content.jpg) bottom no-repeat; }

        #home #content { position: absolute; width: 330px; margin: 20px 0 0 0; padding: 0; }
        #content { padding: 20px 25px;  width: 619px; line-height: 180%; margin: 10px 0 0 270px; }
        
        #admin #content { width: 640px;}
        
            span#text_large { font-weight: bold; font-size: 24px;}
            span#text_small { font-weight: bold; font-size: 15px; color: #a50102;}
        
        #home #galleryShell { display: block; padding: 30px 0 0 35px ; width: 241px; height: 182px;  position: absolute; margin: -20px 0 0 350px; background:url(../img/design/bg_gallery_home.png);   }
        #home #galleryShell img { display: block;}
        #home #galleryShell .btn_red { margin: 3px 0 0 0; }
        
        #galleryShell { display: none;   }

        #home #blogShell {  margin: -30px 0 0 530px; top: auto; width: 427px; height: 258px; background:url(../img/design/bg_blog_home.png); position: absolute;}
        #blogShell { margin: 0 0 0 0px; top: 340px; width: 276px; height: 253px; background:url(../img/design/bg_blog_sub.png); position: absolute; }
            
            #home #blogShell ul { margin: 100px 0 0 45px;}
            #blogShell ul { margin: 100px 0 10px 0px;}
            #blogShell ul li { line-height: 160%; list-style-image:url(../img/design/bullet_blog.gif);}
            #blogShell ul li a { color: #fff; font-size: 11px;}
            #blogShell ul li a:hover { text-decoration: none;}
            
            #home #blogShell a.btn_red { margin: 5px 0 0 285px;}
            #blogShell a.btn_red { margin: 35px 0 0 115px;}
            
            #fbShell { margin: 0 0 0 15px; position: absolute; top: 550px;}
            
                .fan_box .connections  { background: #000;}
            
            #creditfooter { display: none;}
            
            /* WHAT WE DO ************************************************************************ */
            
                .number { margin: 50px 0 0 0; color: #161616; font-weight: bold; font-size: 220px; position: absolute; z-index: -1;}

            /* BLOG ****************************************************************************** */

                .blogList ul li { border-bottom: 1px solid #1f1f1f;}
                
                .post h2 { font-size: 26px; } /* Title of Blog post on detail page */
                
                .postViewInfo { background: none; border-color: #1f1f1f; }
                
                .blogBack a { color: #fff; background:url(../img/design/btn_bg.png); text-decoration: none; padding: 3px 7px; font-weight: bold; font-size: 11px;}
                .blogBack a:hover { background: #6f0201; }
    
                div.comments dt.comment { background: none; border: none;}
                div.comments dd.comment { background: #1f1f1f; }
                
                .commentsForm { border-top: 5px solid #1f1f1f; margin: 30px 0 0 0; }
                
                .rss a img { border: none; margin: 10px 0; }
                
            /* Contact Us ****************************************************************************** */
            
                .form_container { margin: 0 0 0 -5px;}
                .fieldSelected { border: 0px solid #000000; background-color: #000000 !important; }
            
            /* PHOTO GALLERY PAGE ****************************************************************************** */
            
                .thumbContents a img { height: 75px; width: 75px; border: 3px solid #fff;}
                .photoGalleryElement { border-bottom: 1px solid #1f1f1f;}
                
            /* VOLUNTEER CALENDAR ****************************************************************************** */
                
                table.calendarTitle td { background: #b00203; }

            .eventsCalendar table { border: 1px solid #b00203; }
/* FOOTER *************************************************************************************************** */

    #footer { clear: left; border-top: 1px solid #131313; padding: 0px 0; margin: 2px 0 0 0 ; padding-bottom: 50px;}
    
        #credits { position: absolute; margin: 10px 0 0 835px; font-size: 11px; }
    
        #fnav {}
        #fnav ul { margin: 0; padding: 10px 0;}
        #fnav ul li { display: inline; margin: 0 15px 0 0;}
        #fnav ul li a { font-size: 11px; color: #262626; text-decoration: none;}
        #fnav ul li a:hover { text-decoration: underline; color: #b00203; }


img { border: none; }