@import url(sifr.css);
/*  = INFO
/*  -------------------------------------------------------- */
  /*

    project:          ChapterSpot - Chapter Templates
    file:             screen.css
    creator:          Ben Kutil <ben@make-things.com>
    creation date:    Mon Sep  7 13:41:52 EDT 2009
    copyright:        (c) 2009 - Make Things Studio, LLC
                      All rights reserved.      

    info:             Skin 3 - Sorority

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

/*  = Viewport
/*  -------------------------------------------------------- */
    body { background: #ccc; }
    #wrap { border: 5px solid #fff; border-top: none; background: #fff; }
    
    a:link,
    a:visited { color: #ff9900;}
    
    fieldset { border-bottom: 1px solid #ccc; }


      .text span { border: 1px solid #ccc; background: none; }
      .text input,
      .text textarea { color: #ccc; border: 1px solid #ccc; }
      .text input:focus,
      .text textarea:focus { color: #ff9900; border-color: #ff9900;}
      
    .submit input.submit {  color: #fff; border: none; background: #ff9900; }
/*  -------------------------------------------------------- */
/*  = [end] Viewport */

/*  = header
/*  -------------------------------------------------------- */
    #header { z-index: 1; text-align: center; height: 100px; background: #ff9900 url(../images/bg-header.png) left top repeat; }
      #branding { display: block; width: 930px; margin: 0 auto; text-align: center; }
        #branding-crest { position: absolute; top: 0; left: 50%; display: inline; float: left; margin: 0 0 0 -64px; z-index: 1000; background: left top no-repeat; }
        #branding-logo { display: inline; float: left; width: 390px; margin: 12px 0 0 0; fontfont-family: Modern20 BT, Hoefler Text, georgia, serif; font-size: 45px; font-weight: bold; letter-spacing: .1em; text-align: right; text-transform: uppercase; color: #000000; }
        #branding-org { display: inline; float: right; width: 390px; margin: 18px 0 0 0; font-family: Modern20 BT, Hoefler Text, georgia, serif; font-weight: bold; font-size: 22.5px; text-align: left; }
        #branding-tagline { display: inline; float: left; width: 100%; margin: 17px 0 0 0; font-family: Modern20 BT, Hoefler Text, georgia, serif; font-size: 22.5px; letter-spacing: .05em; font-style: italic; }
        
      #topbar { background: #ff9900 url(../images/bg-topbar.png) left top no-repeat; }
          #topnews h4 { margin: 0 0 0 6px; padding: 0 0 0 28px; width: 37px; line-height: 30px; background: url(../images/icn-topnews.png) left center no-repeat; }
          #topnews a { padding: 0 21px 0 0; color: #fff; background: url(../images/icn-topnews-accordian.png) right top no-repeat; }
          
          #topnews .news-list li:hover { height: auto; color: #fff; border: 1px solid #000; background: #ff9900;}
          #topnews .news-list li:hover a { color: #fff; background-position: right -90px;}
      #nav-utility li { background: url(../images/sep-nav_utility.png) right top repeat-y; }
      #nav-utility li.last { background: none; }
        #nav-utility a { color: #fff; }
        #nav-utility a:hover { color: #000000; }
      
      #nav-social { margin: -34px 0 0 0; }
     #nav-social a { font-size: 9px; line-height: 26px; }
      #nav-social #myspace span { background: #ff9900 url(../images/icn-social.png) left top no-repeat; }
      #nav-social #facebook span { background: #ff9900 url(../images/icn-social.png) -26px top no-repeat; }
      #nav-social #twitter span { background: #ff9900 url(../images/icn-social.png) -52px top no-repeat; }
      #nav-social #myspace:hover span { background: #ff9900 url(../images/icn-social.png) left -26px no-repeat; }
      #nav-social #facebook:hover span { background: #ff9900 url(../images/icn-social.png) -26px -26px no-repeat; }
      #nav-social #twitter:hover span { background: #ff9900 url(../images/icn-social.png) -52px -26px no-repeat; }
      
      #nav-tier1 {border-left: 5px solid #ff9900; background: #ff9900 url(../images/bg-ind-main.png) left top repeat;;}
        #nav-tier1 li { margin: 0; border-bottom: 1px solid #fff; }
        #nav-tier1 li.last { border: none; }
          #nav-tier1 a { padding: 7px 0 6px 15px; color: #ff9900; }
          #nav-tier1 a:hover { color: #fff; background: #ff9900; }
/*  -------------------------------------------------------- */
/*  = [end] header */

/*  = Chapter Info
/*  -------------------------------------------------------- */

    #chapter-info { background: #ff9900 url(../images/bg-chapterinfo.png) left top repeat-x; }


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

/*  = Content
/*  -------------------------------------------------------- */

    #index #content { margin: 5px 0 0 0; background: #ff9900 url(../images/bg-ind-cnt.png) left top repeat-x; }
    #index #main-content { margin: 5px 0 0 0; padding: 0 0 30px; background: url(../images/bg-ind-main.png) left top repeat; }
      #index #main-content .section { margin-top: 19px; }
      #index #welcome-content.section { width: 320px; margin-top: 12px; }
      #index #photos-content.section { width: 143px; }
      #index #welcome-content h3 { color: #ff9900; }
      #index #main-content .box { width: 170px; padding: 7px; margin-top: 12px; border: 1px solid #ff9900; background: #fff; }
      
      .section .news-list { margin: 0 0 32px; }
      .news-list li { margin: 0 0 15px; }
        .news-list a { color: #000000; text-decoration: none; }
          .news-list a:hover { color: #ff9900; }
          
      .section .more { display: inline; float: right; margin: 3px 0 0 0; padding-right: 9px; font-size: .8em; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; text-align: right; color: #000000; background: url(../images/icn-more.png) right 50% no-repeat; }
      
      .section .photo-list li,
      .section .photo-list img { overflow: hidden; background: #000000; }
      .section .photo-list li { display: inline; float: left; margin: 0 1px 1px 0; }
      
      #list thead th,
      .calendar thead th { color: #fff; background: #000000; }
      #list tbody td { border-bottom: 1px solid #000000; }
      table.calendar { border-left: 1px solid #000000; border-bottom: 1px solid #000000; }
      table.calendar th,
      table.calendar td { border-right: 1px solid #000000; }
      table.calendar .mt { background: #000000 url(../images/bg-ind-main.png) left top repeat; }

        .photo .thumb img { background: #000000; }
        .photo a { color: #ff9900; }
      
        .donators li { border-top: 1px solid #ccc; }
        
          .donation h3 { color: #000000; }
        .donation #donation-progress { background: #000000; }
          .donation #donation-progress span { color: #fff; background: #ff9900;}
      
/*  -------------------------------------------------------- */
/*  = [end] Content */