@import url(http://www.chapterspot.com/premium_site/_assets/css/reset.css);
@import url(http://www.chapterspot.com/premium_site/_assets/css/tools.css);
/*  = INFO
/*  -------------------------------------------------------- */
  /*

    project:          Chapter Spot - Templates
    file:             screen.css
    creator:          Ben Kutil <ben@make-things.com>
    creation date:    Fri Sep  4 11:09:00 EDT 2009
    copyright:        (c) 2009 - Make Things Studio, LLC
                      All rights reserved.      

    info:             Main CSS File for Chapterspot
                      This needs to be layout only.

  */
/*  -------------------------------------------------------- */
/*  = [end] INFO */ 

/*  = DEV
/*  -------------------------------------------------------- */

    /*div { background: url(../images/_d/t.png);}*/
    #topnews .news-list li+li { display: none;}

/*  -------------------------------------------------------- */
/*  = [end] DEV */

/*  = Global
/*  -------------------------------------------------------- */
    
    /*  = Typography
    /*  -------------------------------------------------------- */
        
        body { font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 15px; letter-spacing: 0; }
        
        h1,h2,h3,h4,h5,h6 { margin: 0 0 1em; font-family: Trade Gothic, Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal; }
        


        h3,
        table.calendar caption { font-size: 15px; font-weight: bold; margin: 0; }
        h4 { font-size: 15px; }
        
        p, pre, address,
        abbr, code, kbd,
        samp, small, var { font-size: 10.5px; line-height: 15px; }
        p { margin: 0 0 15px 0; }

        ul, ol, dl { font-size: 10.5px; }
        li ul, li ol {  }
        form, legend, label { font-size: 10.5px; }
        
        .lhorz { display: inline; float: left; width: 100%; }
        .lhorz li { display: inline; float: left; }
        .news-list h5,
        .news-list li { margin: 0 0 .25em; font-family: Georgia, serif; font-weight: normal; font-size: 11px; letter-spacing: 0.05em; font-style: italic; }
        
        a:link,
        a:visited,
        a:hover,
        a:active { text-decoration: none; }

    /*  -------------------------------------------------------- */
    /*  = [end] Typography */


    /*  = Images
    /*  -------------------------------------------------------- */

        img.fleft { display: inline; float: left; margin: 0 10px 10px 0; }
        img.fright { display: inline; float: right; margin: 0 0 10px 10px; }
        img.fcenter { display: inline; float: left; width: 100%; margin: 0 0 10px; }

    /*  -------------------------------------------------------- */
    /*  = [end] Images */
    
    /*  = Forms
    /*  -------------------------------------------------------- */
        
        fieldset { padding: 0 0 0px; margin: 0 0 10px; }
        #submit_form { margin: 0; padding: 0; border: none; }
        legend { display: none; }
        
        .ctlwrap { display: inline; float: left; width: 100%; margin: 0 0 15px;}
        .ctl { display: inline; float: left; width: 98%; margin: 0 0 15px; }
          .ctl label { display: block; font-family: Trade Gothic, Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; }
          
          .text span { display: inline; float: left; width: 98%; padding: 0; margin: 0; background: none; }
          .text input,
          .text textarea { display: inline; float: left; width: 96%; margin: 0; padding: 5px 2%; font-weight: bold; }
          
          .text textarea { height: 10em; }
        .inline label { display: inline; float: left; width: 100%; }
        .inline .ctl { display: inline; float: left; width: 45%; }    
          .inline .radio label { display: inline; float: right; width: 90%;}
          .inline .radio span { display: inline; float: left; width: 7.5%; }
          .inline .custom label { display: none; }
          .inline .custom span.text { width: 80%; margin: 0 0 0 6px; }
        
        .submit label { display: none; }
        .submit input.submit { padding: none; font-size: 12px; font-weight: bold; }

    /*  -------------------------------------------------------- */
    /*  = [end] Forms */

    
    /*  = viewport
    /*  -------------------------------------------------------- */

        body { text-align: center; background: #fff; }
        #wrap { width: 960px; margin: 0 auto; text-align: left; }

    /*  -------------------------------------------------------- */
    /*  = [end] viewport */
    
    /*  = Header
    /*  -------------------------------------------------------- */

        #header { position: relative; display: inline; float: left; width: 100%; padding: 44px 0 0 0; z-index: 100;}
        
        /*  = TopBar
        /*  -------------------------------------------------------- */


            #topbar { position: absolute; top: 0; left: 0; display: inline; float: left; width: 960px; height: 62px; }
            
            /*  = Top News
            /*  -------------------------------------------------------- */

                #topnews { display: inline; float: left; width: 345px; height: 30px; margin: 4px 0 0 9px; text-align: left; }
                #topnews h4 { display: inline; float: left; width: 65px; margin: 0; font-weight: bold; font-size: 12px; text-transform: uppercase; }
                #topnews .news-list { position: relative; display: inline; float: left; width: 260px; margin: 3px 0 0 2px; }
                #topnews .news-list li { position: absolute; top: 0; left: 0; width: 100%; height: 16px; padding: 3px; border: 1px solid transparent; }
                #topnews .news-list a { display: block; }
                #topnews .news-list p { display: none; margin: 0; font-size: 10.5px; font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-style: normal; }
                
                #topnews .news-list li:hover p { display: block; }

            /*  -------------------------------------------------------- */
            /*  = [end] Top News */
            
        /*  -------------------------------------------------------- */
        /*  = [end] TopBar */
        
        /*  = Branding
        /*  -------------------------------------------------------- */

        /*  -------------------------------------------------------- */
        /*  = [end] Branding */
        
    /*  -------------------------------------------------------- */
    /*  = [end] Header */
    
    /*  = Chapter Info
    /*  -------------------------------------------------------- */

        #chapter-info { display: inline; float: left; width: 100%; padding: 9px 0 6px; margin: 0 3px 5px 0; }
          #chapter-info li { margin: 0 15px 0 0;}

    /*  -------------------------------------------------------- */
    /*  = [end] Chapter Info */
    
    /*  = Navigation
    /*  -------------------------------------------------------- */
        
        .nav { }
        .nav a { display: block; }
        .nhorz,
        .nhorz li { display: inline; float: left; }
        
        .nvert,
        .nvert li { display: inline; float: left; width: 100%; }
        
        /*  = Navigation Tier 1
        /*  -------------------------------------------------------- */

            #nav-tier1 { width: 180px; margin: 0 5px 0 0; }
            #nav-tier1 a:link,
            #nav-tier1 a:visited { font-family: arial, helvetica neue, helvetica, sans-serif; font-weight: bold; font-size: 15px; text-decoration: none; }
            #nav-tier1 a:hover,
            #nav-tier1 a:active { }

        /*  -------------------------------------------------------- */
        /*  = [end] Navigation Tier 1 */
        
        /*  = Navigation Utility
        /*  -------------------------------------------------------- */

            #nav-utility { float: right; width: 570px; text-align: right; margin: 7px 15px 0 0; }
              #nav-utility li { float: right; padding: 0 9px 0 0; margin: 0 8px 0 0; }
              #nav-utility li.last { padding: 0; margin: 0; }
              #nav-utility a { font-size: 9px; line-height: 25px; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; }

        /*  -------------------------------------------------------- */
        /*  = [end] Navigation Utility */
        
        /*  = Social Navigation
        /*  -------------------------------------------------------- */

            #nav-social { float: left; width: 335px;  margin: 18px 2px 0 0;}
            #nav-social li { float: left; width: 26px; margin: 0 2px 0 0; }
            #nav-social a,
            #nav-social span { display: block; width: 26px; height: 26px; }
            
        /*  -------------------------------------------------------- */
        /*  = [end] Social Navigation */
        
    /*  -------------------------------------------------------- */
    /*  = [end] Navigation */
    
    /*  = Chapter Information
    /*  -------------------------------------------------------- */


        ul#chapter-info,
        ul#chapter-info li { text-align: right; }
        ul#chapter-info li { float: right; font-family: georgia, serif; font-weight: normal; letter-spacing: .05em; }
        ul#chapter-info strong { font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: .15em; text-transform: uppercase; font-style: normal; }


    /*  -------------------------------------------------------- */
    /*  = [end] Chapter Information */
    
    /*  = Content
    /*  -------------------------------------------------------- */

        #content,
        #main-content,
        #sub-content { display: inline; float: left; width: 100%; }
        
        #index .section h3 { margin: 0; font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 15px; line-height: 30px; letter-spacing: .2em; text-transform: uppercase; }
        
        #index #welcome-content h3 { font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 22.5px; letter-spacing: 0; text-transform: capitalize; }

    /*  -------------------------------------------------------- */
    /*  = [end] Content */
    
    /*  = Slideshows
    /*  -------------------------------------------------------- */

        div.slideshow { position: relative; overflow: hidden; }
        img.slideshow { position: absolute; top: 0; left: 0; }

    /*  -------------------------------------------------------- */
    /*  = [end] Slideshows */
    
    /*  = Siteinfo
    /*  -------------------------------------------------------- */

        #siteinfo { display: none; }

    /*  -------------------------------------------------------- */
    /*  = [end] Siteinfo */
    
/*  -------------------------------------------------------- */
/*  = [end] Global */

/*  = Index
/*  -------------------------------------------------------- */
    
    /*  = Promo Content
          represents the photo slideshow area of the site
    /*  -------------------------------------------------------- */
        
        #index #promo-content { display: inline; float: left; width: 770px; height: 330px; z-index: 0;}
        #index .slideshow { width: 770px; height: 330px; }

    /*  -------------------------------------------------------- */
    /*  = [end] Promo Content */
    
    /*  = Content
    /*  -------------------------------------------------------- */
        

        #index #content .section { display: inline; float: left; width: 186px; margin: 0 0 0 20px; }

        #index #welcome-content.section { width: 320px; }
        
    /*  -------------------------------------------------------- */
    /*  = [end] Content */
    
/*  -------------------------------------------------------- */
/*  = [end] Index */

/*  = Interior
/*  -------------------------------------------------------- */


    #interior #content { width: 770px; margin: 5px 0 0 0; }
    #interior #main-content { width: 450px; }
    #interior #sub-content { float: right; width: 300px; }
    
    #interior.wide #main-content { width: 750px; }
    
    #interior #content .section { width: 143px; }
    
    #interior #main-content h1 { margin: 0; font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 22.5px; line-height: 30px; letter-spacing: 0; text-transform: capitalize; }
    #interior #sub-content h2 { margin: 0; font-family: TradeGothic, Trade Gothic, Helvetica Neue, arial, sans-serif; font-weight: bold; font-size: 18px; line-height: 30px; letter-spacing: 0; text-transform: capitalize; }
    
    #interior.sidebar #main-content { width: 570px; }
    #interior.sidebar #sub-content { width: 180px; }
      #interior.sidebar #content .section { margin-left: 0; }
      
    /*  = About Us
    /*  -------------------------------------------------------- */

        #interior.about #ps_image2 { display: inline; float: right; margin: 0 0 10px 10px; }

    /*  -------------------------------------------------------- */
    /*  = [end] About Us */
    
    /*  = Members
    /*  -------------------------------------------------------- */

        .member { display: inline; float: left; width: 150px; height: 180px; margin: 0 15px 15px 0;}
          .member .thumb { overflow: hidden;}
            .member .thumb img {  }
          #interior.sIFR-active #content .member h3 { visibility: visible; font-weight: bold; }
          
        #interior.members #main-content .popup { display: none; width: 100%; }
          .popup .info { display: inline; float: left; width: 200px; }
            .popup .info img { width: 200px; }
          .popup .contact { display: inline; float: left; width: 190px; margin: 0 0 0 10px; }

    /*  -------------------------------------------------------- */
    /*  = [end] Members */
    
    /*  = Donations
    /*  -------------------------------------------------------- */

        .donators li { display: inline; float: left; width: 85%; margin: 5px 0 0; padding: 5px 0 0; }
        .donators h5 { display: inline; float: left; width: 50%; margin: 0; font-family: georgia, serif; font-size: 15px; font-style: italic; }
        .donators .amount { display: inline; float: right; width: 45%; margin: 0; font-family: georgia, serif; font-size: 12px; text-align: right; }
        .donators .message { display: inline; float: left; width: 100%; margin: 3px 0 0 0; font-family: georgia, serif; font-style: italic; }
        
        .donation { margin: 6px 0 30px; }
          .donation ul { margin: 3px 0 15px; }
          .donation h3 { margin: 0; }
          .donation h4 { margin: 0; }
        .donation #donation-progress { position: relative; width: 50px; height: 200px; }
          .donation #donation-progress span { position: absolute; bottom: 0; left: 0; display: block; width: 50px; text-align: center; }

    /*  -------------------------------------------------------- */
    /*  = [end] Donations */
    /*  = Events
    /*  -------------------------------------------------------- */

        table#list { display: inline; float: left; width: 98%; }
          table.calendar th,
          table.calendar td,
          table#list th,
          table#list td { width: 75px; padding: 6px; }

          #list thead th.info { width: 300px; }

        
        p.date { font-family: georgia, serif; font-weight: bold; font-size: 15px; font-style: italic; }
    /*  -------------------------------------------------------- */
    /*  = [end] Events */
    
    /*  = Calendar
    /*  -------------------------------------------------------- */
        #mini-calendar { margin: 3px 0 0 0; }
        #interior.calendar #main-content { width: 100%; }
        
        table.calendar .next { text-align: right; }

    /*  -------------------------------------------------------- */
    /*  = [end] Calendar */
    
    /*  = Photos
    /*  -------------------------------------------------------- */

        .photo { display: inline; float: left; width: 150px; height: 180px; margin: 0 15px 15px 0;}
        .photo .thumb { display: block; width: 150px; height: 150px; overflow: hidden;}
          .photo .thumb img { width: 150px; }
          #interior.sIFR-active #content .photo h3 { visibility: visible; font-weight: bold; }
        #photos-content a { display: block; }
        
        .album .photo { height: 150px;}

    /*  -------------------------------------------------------- */
    /*  = [end] Photos */

/*  -------------------------------------------------------- */
/*  = [end] Interior */