@charset "utf-8";
@import url('reset.css');




/* --- DEFAULT --- */

  html, body, table, td, th, input, select, textarea 
    {
    font: 13px/1.6 Tahoma, Geneva, sans-serif;
    color: #79797F;
    }
  
  input, select, textarea 
    {
    line-height: 1.2;
    }
  
  a, a:link, a:visited 
    {
    color: #850000;
    }
  
  a:hover, a:active 
    {
    color: #F1AC0A;
    }
  


/* --- CONTENT --- */

  #content h1
    {
    font: 26px/1.2 Georgia, "Times New Roman", Times, serif;
    color: #1F1F26;
    letter-spacing: -.6pt;
    background: url('../img/dots-on-white.png') repeat-x left bottom; 
    padding-bottom: 20px;
    margin-bottom: 8px;
    margin-right: -40px;
    }
    
    #content h1 em 
      {
      color: #850000;
      }

  #content h2
    {
    font: 20px/1.2 Georgia, "Times New Roman", Times, serif;
    color: #1F1F26;
    letter-spacing: -.3pt;
    background: url('../img/dots-on-white.png') repeat-x left bottom; 
    padding-bottom: 13px;
    margin-bottom: 24px;
    margin-right: -40px;
    }
    
  #content h3
    {
    font: 16px/1.2 Georgia, "Times New Roman", Times, serif;
    color: #850000;
    padding-top: 3px;
    margin-bottom: 6px;
    letter-spacing: -.1pt;
    }
    
  #content h4
    {
    font-size: 14px;
    font-weight: bold;
    color: #1F1F26;
    }
    
  #content ul 
    {
    padding: 0 2.2em 1.8em 2.2em;
    list-style-image: url('../img/arrow-red-on-white.png');
    }
  
  #content ol 
    {
    padding: 0 2.2em 1.8em 2.2em;
    }
  
  #content li 
    {
    padding: .1em .2em;
    }
    
  #content p
    {
    margin-bottom: 1.8em;
    }

    
    
/* --- FORMS --- */
  




/* --- CLASSES --- */
  
  .button,
  .button:link,
  .button:visited
    {
    display: block;
    width: 91px;
    height: 27px;
    line-height: 26px;
    background: url('../img/button.png') no-repeat left top;
    font-size: 11px;
    color: #ffffff;
    padding-left: 23px;
    text-decoration: none;
    margin: 12px auto;
    }
    
    .button:hover,
    .button:active
      {
      background-position: left bottom;
      }
    
  .icon
    {
    display: block;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 46px;
    }
    
    .icon.news
      {
      background-image: url('../img/icon-news.png');
      }
      
    .icon.dates
      {
      background-image: url('../img/icon-dates.png');
      }
      
  .copyright
    {
    color: #9F9FA2;
    }
    
  .arrow
    {
    display: inline;
    margin: 0 4px;
    }
    
  .skip,
  .skip:link,
  .skip:visited
    {
    font: 19px/1.2 Georgia, "Times New Roman", Times, serif;
    color: #78787D;
    text-decoration: none;
    font-style: italic;
    letter-spacing: -.3pt;
    }
    
  .skip:hover,
  .skip:active
    {
    color: #F1AC0A;
    }
  
  
  
/* --- MODULES --- */
  
  /* ACTIONS */
  ul.actions
    {
    position: relative;
    margin: 0 9px;
    }
    
    body.splash ul.actions
      {
      padding-top: 24px;
      margin: 0 18px; 
      }
    
    li.action
      {
      position: relative;
      margin-bottom: 8px;
      }
      
    li.action h4
      {
      position: absolute;
      left: -9999px;
      }
      
    li.action a, 
    li.action a:link, 
    li.action a:visited
      {
      display: block;
      width: 222px;
      height: 50px;
      text-indent: -9999px;
      background-position: left top;
      background-repeat: no-repeat; 
      overflow: hidden;
      }
      
    li.action a:hover, 
    li.action a:active, 
    li.action.focus
      {
      background-position: bottom left !important;
      }
      
    li.action.email-signup
      {
      position: relative;
      background: url('../img/email-signup.png') no-repeat left top;
      height: 90px;
      overflow: hidden;
      zoom: 1;
      }
      
      li.action.email-signup input.email
        {
        width: 147px;
        height: 18px;
        padding: 4px;
        position: absolute;
        left: 11px;
        top: 48px;
        background: none;
        border: none;
        }
        
      li.action.email-signup input.submit
        {
        position: absolute;
        left: 168px;
        top: 48px;
        width: 45px;
        height: 26px;
        border: none;
        background: none;
        text-indent: -9999px;
        cursor: pointer;
        }
        
    li.action.connect-via
      {
      height: 50px;
      background-image: url('../img/connect-via.png');
      overflow: hidden;
      width: 92px;
      padding-left: 130px;
      _width: 99px;
      _padding-left: 123px;
      }
      
      li.action.connect-via a.icon,
      li.action.connect-via a.icon:link,
      li.action.connect-via a.icon:visited
        {
        float: left;
        width: 32px;
        height: 32px;
        background-position: left top;
        background-repeat: no-repeat;
        margin: 10px 0 0 8px;
        padding-left: 0 !important;
        }
        
        li.action.connect-via a.icon:hover,
        li.action.connect-via a.icon:active
          {
          background-position: left bottom; 
          }
        
      li.action.connect-via a.icon.facebook
        {
        background-image: url('../img/facebook.png');
        }
        
      li.action.connect-via a.icon.flickr
        {
        background-image: url('../img/flickr.png');
        }

    li.action.contribute-to-the-xi a
      {
      background-image: url('../img/contribute-to-the-xi.png');
      }
      
    li.action.stay-in-touch a
      {
      background-image: url('../img/stay-in-touch.png');
      }
      
    li.action.organize-your-class a
      {
      background-image: url('../img/organize-your-class.png');
      }
      

  
  /* CAROUSEL */
  .carousel
    {
    position: relative;
    height: 280px;
    padding: 14px 20px 0 28px;
    }
    
    .carousel .item
      {
      display: block;
      position: absolute; 
      text-decoration: none;
      cursor: pointer;
      }
      
      .carousel .item .content
        {
        display: block;
        width: 200px;
        float: left;
        text-align: center;
        margin-top: 10px;
        margin-right: 24px;
        }
      
      .carousel .item .headline
        {
        display: block;
        font: italic 40px/1.1 Georgia, "Times New Roman", Times, serif;
        color: #ffffff;
        letter-spacing: -.9pt;
        background: url('../img/divider-masthead.png') no-repeat bottom;
        padding-bottom: 30px;
        margin-bottom: 20px;
        }
        
        .carousel .item .headline .prefix
          {
          display: block;
          font-size: 17px;
          color: #F1AC0A;
          font-style: normal;
          text-transform: uppercase;
          letter-spacing: 0;
          line-height: 2.2;
          }
          
      .carousel .item .desc
        {
        display: block;
        font-size: 14px;
        color: #ffffff;
        }
        
      .carousel .item .image
        {
        display: block;
        width: 430px;
        height: 270px;
        background: url('../img/carousel-img.png') no-repeat left top;
        float: left;
        padding: 5px 5px 5px 13px;
        }
        
    .carousel .carousel-nav
      {
      position: absolute;
      z-index: 1000;
      zoom: 1;
      text-align: center;
      width: 200px;
      left: 28px;
      top: 268px;
      margin-left: 70px;
      }
      
      .carousel .carousel-nav li
        {
        float: left;
        }
        
      .carousel .carousel-nav a, 
      .carousel .carousel-nav a:link, 
      .carousel .carousel-nav a:visited
        {
        display: block;
        border: 1px solid #910101;
        background: #CD8080;
        width: 8px;
        height: 8px;
        text-indent: -9999px;
        margin: 0 4px;
        overflow: hidden;
        }
        
      .carousel .carousel-nav a:hover,
      .carousel .carousel-nav a:active
        {
        background: #F1AC0A;
        }
        
      .carousel .carousel-nav a.selected
        {
        background: #ffffff !important;
        }
        
        
        
  /* CHAPTER FEEDS */
  .chapter-feeds
    {
    width: 360px;
    float: left;
    }
    
    .chapter-feeds h3
      {
      font-size: 22px !important;
      line-height: 32px !important;
      letter-spacing: -.2pt !important;
      color: #1F1F26 !important;
      background: url('../img/dots-on-white.png') repeat-x bottom;
      padding-bottom: 20px;
      margin-bottom: 0 !important;
      }
      
      .chapter-feeds h3 em
        {
        color: #850000 !important;
        }
        
    .chapter-feeds .filter
      {
      background: url('../img/dots-on-white.png') repeat-x bottom;
      font-size: 11px;
      color: #B62F2F;
      overflow: hidden;
      zoom: 1;
      padding: 4px 0 10px 45px !important;
      margin-bottom: 18px !important;
      list-style-image: none !important;
      }
      
      .chapter-feeds .filter li
        {
        float: left;
        }
        
      .chapter-feeds .filter input
        {
        vertical-align: -3px; 
        }
        
      .chapter-feeds .filter label
        {
        margin: 0 20px 0 6px; 
        }
        
    .chapter-feeds .items
      {
      padding: 0 !important;  
      font-size: 11px;
      list-style-image: none !important;
      }
      
      .news-listing .items
        {
        list-style-image: none !important;
        padding: 2em 0 !important;
        }
      
      
      .chapter-feeds .items li
        {
        padding: 0 16px 16px 46px !important;
        background: url('../img/arrow-red-on-white.png') no-repeat 14px 4px;
        }
        
      .news-listing .items li
        {
        padding: 0 16px 16px 46px !important;
        background: url('../img/arrow-red-on-white.png') no-repeat 14px 6px;
        }
        
      .chapter-feeds .items a,
      .chapter-feeds .items a:link,
      .chapter-feeds .items a:visited,
      .news-listing .items li a,
      .news-listing .items li a:link,
      .news-listing .items li a:visited
        {
        color: #79797F;
        text-decoration: none;
        }
        
      .chapter-feeds .items a:hover,
      .chapter-feeds .items a:active,
      .news-listing .items li a:hover,
      .news-listing .items li a:active
        {
        text-decoration: underline;
        color: #1F1F26;
        }
        
      .chapter-feeds .items .headline, .news-listing .items .headline
        {
        font-weight: bold;
        color: #1F1F26;
        }
        
      .chapter-feeds .items .date, .news-listing .items .date
        {
        color: #A50000;
        }
              
        
        
  /* KEY DATES */
  .key-dates
    {
    width: 240px;
    float: right;
    }
    
    .key-dates h3
      {
      font-size: 22px !important;
      line-height: 32px !important;
      letter-spacing: -.2pt !important;
      color: #1F1F26 !important;
      background: url('../img/dots-on-white.png') repeat-x bottom;
      padding-bottom: 20px;
      margin-bottom: 24px !important;
      }
      
      .key-dates h3 em
        {
        color: #850000 !important;
        }
    
    .key-dates .items
      {
      padding: 0 !important;  
      font-size: 11px;
      list-style-image: none !important;
      }
      
    .events-listing .items
      {
      padding: 0 !important;  
      list-style-image: none !important;
      }
      
      .key-dates .items li
        {
        padding: 0 0 16px 46px !important;
        background: url('../img/arrow-red-on-white.png') no-repeat 14px 4px;
        }
        
      .events-listing .items li
        {
        padding: 0 0 16px 46px !important;
        background: url('../img/arrow-red-on-white.png') no-repeat 14px 6px;
        }
        
      .key-dates .items a,
      .key-dates .items a:link,
      .key-dates .items a:visited,
      .events-listing .items a,
      .events-listing .items a:link,
      .events-listing .items a:visited
        {
        color: #79797F;
        text-decoration: none;
        }
        
      .key-dates .items a:hover,
      .key-dates .items a:active,
      .events-listing .items a:hover,
      .events-listing .items a:active
        {
        text-decoration: underline;
        color: #1F1F26;
        }
        
      .key-dates .items .headline,
      .events-listing .items .headline
        {
        font-weight: bold;
        color: #1F1F26;
        }
        
      .key-dates .items .date,
      .events-listing .items .date
        {
        color: #A50000;
        }
        



/* --- SHELL --- */ 

  body
    {
    }
    
  #window
    {
    background: url('../img/window-sub.png') repeat-x left top;
    overflow: hidden;
    zoom: 1;
    }
    
    body.splash #window
      {
      background: url('../img/window-splash.png') repeat-x left top;  
      }
    
    body.home #window
      {
      background: url('../img/window-home.png') repeat-x left top;  
      }
    
  #main
    {
    width: 960px;
    margin: 0 auto;
    }
    
    #main .left
      {
      width: 240px;
      float: left;
      background: url('../img/logo.jpg') no-repeat left top;
      }
      
      body.splash #main .left
        {
        background: url('../img/logo-splash.jpg') no-repeat left top;
        margin-left: 200px;
        *margin-left: 100px;
        }
      
    #main .right
      {
      width: 720px;
      float: right;
      }
      
      body.splash #main .right
        {
        width: 520px; 
        }
      
  #logo
    {
    margin-bottom: 50px;
    }
    
    #logo a
      {
      display: block;
      width: 240px;
      height: 360px;
      text-indent: -9999px; 
      }
      
    body.splash #logo
      {
      margin-top: 110px;  
      }   
      
  #mainnav
    {
    clear: both;
    font: 14px/60px Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    padding: 0 15px;
    }
    
    #mainnav li
      {
      float: left;
      }
      
    #mainnav a,
    #mainnav a:link,
    #mainnav a:visited
      {
      display: block;
      height: 60px;
      padding: 0 15px;
      color: #ffffff;
      text-decoration: none;
      _float: left;
      }
      
    #mainnav a:hover,
    #mainnav a:active,
    #mainnav a.selected
      {
      color: #F1AC0A !important;
      }
      
    #mainnav a.selected
      {
      background: url('../img/arrow-red-on-grey.png') no-repeat bottom;
      }
      
  #subnav
    {
    height: 40px;
    clear: both;
    font: 12px/39px Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    padding: 0 20px;
    }
    
    #subnav li
      {
      float: left;
      }
      
    #subnav a,
    #subnav a:link,
    #subnav a:visited
      {
      display: block;
      height: 40px;
      padding: 0 20px;
      color: #ffffff;
      text-decoration: none;
      _float: left;
      }
      
    #subnav a:hover,
    #subnav a:active,
    #subnav a.selected
      {
      color: #F1AC0A !important;
      }
  
  #masthead
    {
    height: 310px;
    clear: both;
    background: url('../img/masthead.jpg') no-repeat left top;
    }
    
    body.splash #masthead
      {
      height: 200px;
      margin-top: 190px;
      background: url('../img/masthead-splash.jpg') no-repeat left top;
      }
    
  #content
    {
    clear: both;
    padding: 40px 80px 54px 40px;
    overflow: hidden;
    zoom: 1;
    }
    
    body.home #content
      {
      padding-right: 40px;  
      }
    
  #footer
    {
    clear: both;
    background: #F6F6F7 url('../img/footer.png') repeat-x left top;
    padding: 54px 40px 48px 40px;
    text-align: center;
    font-size: 11px;
    }

  #footernav
    {
    margin-bottom: 20px;
    }
    
    #footernav li
      {
      display: inline;
      background: url('../img/divider-footernav.png') no-repeat right;
      }
      
      #footernav li.last
        {
        background: none; 
        }
      
    #footernav a,
    #footernav a:link,
    #footernav a:visited
      {
      color: #494950;
      text-decoration: none;
      padding: 0 16px;
      }
      
    #footernav a:hover,
    #footernav a:active
      {
      color: #F1AC0A;
      }