@import url(reset.css);
@import url(tools.css);
@import url(jquery.jcarousel.css);

/*  = INFO
/*  -------------------------------------------------------- */
  /*

    project:          Hearing and Speech Agency of Baltimore - Expression Engine Powered Website
    file:             global.css
    creator:          Ben Kutil <ben@make-things.com>
    creation date:    Sun Nov 15 18:53:18 EST 2009
    copyright:        (c) 2009 - Make Things Studio, LLC
                      All rights reserved.      

    info:             All CSS declarations for website
    
    TOC:              Typography
                      Screen Display
                        
                      Print Display

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

/*  = Font Face
/*  -------------------------------------------------------- */
      
     @font-face {
     	font-family: 'AvenirLTStd65Medium';
     	src: url('../fonts/avenirltstd_medium-webfont.eot');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd65Medium';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_medium-webfont.woff') format('woff'), url('../fonts/avenirltstd_medium-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_medium-webfont.svgz#webfontqXSp6w9s') format('svg'), url('../fonts/avenirltstd_medium-webfont.svg#webfontqXSp6w9s') format('svg');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd65MediumOblique';
     	src: url('../fonts/avenirltstd_mediumoblique-webfont.eot');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd65MediumOblique';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_mediumoblique-webfont.woff') format('woff'), url('../fonts/avenirltstd_mediumoblique-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_mediumoblique-webfont.svgz#webfontIBk69JIy') format('svg'), url('../fonts/avenirltstd_mediumoblique-webfont.svg#webfontIBk69JIy') format('svg');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd55Roman';
     	src: url('../fonts/avenirltstd_roman-webfont.eot');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd55Roman';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_roman-webfont.woff') format('woff'), url('../fonts/avenirltstd_roman-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_roman-webfont.svgz#webfontwZewDveT') format('svg'), url('../fonts/avenirltstd_roman-webfont.svg#webfontwZewDveT') format('svg');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd55Oblique';
     	src: url('../fonts/avenirltstd_oblique-webfont.eot');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd55Oblique';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_oblique-webfont.woff') format('woff'), url('../fonts/avenirltstd_oblique-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_oblique-webfont.svgz#webfontiAlQGk6G') format('svg'), url('../fonts/avenirltstd_oblique-webfont.svg#webfontiAlQGk6G') format('svg');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd35LightOblique';
     	src: url('../fonts/avenirltstd_lightoblique-webfont.eot');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd35LightOblique';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_lightoblique-webfont.woff') format('woff'), url('../fonts/avenirltstd_lightoblique-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_lightoblique-webfont.svgz#webfont0M3EUGgv') format('svg'), url('../fonts/avenirltstd_lightoblique-webfont.svg#webfont0M3EUGgv') format('svg');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd35Light';
     	src: url('../fonts/avenirltstd_light-webfont.eot');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd35Light';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_light-webfont.woff') format('woff'), url('../fonts/avenirltstd_light-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_light-webfont.svgz#webfontBrVYPRWe') format('svg'), url('../fonts/avenirltstd_light-webfont.svg#webfontBrVYPRWe') format('svg');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd85Heavy';
     	src: url('../fonts/avenirltstd_heavy-webfont.eot');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd85Heavy';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_heavy-webfont.woff') format('woff'), url('../fonts/avenirltstd_heavy-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_heavy-webfont.svgz#webfontXAZR2qW3') format('svg'), url('../fonts/avenirltstd_heavy-webfont.svg#webfontXAZR2qW3') format('svg');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd95BlackOblique';
     	src: url('../fonts/avenirltstd_blackoblique-webfont.eot');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd95BlackOblique';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_blackoblique-webfont.woff') format('woff'), url('../fonts/avenirltstd_blackoblique-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_blackoblique-webfont.svgz#webfontQNm90s1T') format('svg'), url('../fonts/avenirltstd_blackoblique-webfont.svg#webfontQNm90s1T') format('svg');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd85HeavyOblique';
     	src: url('../fonts/avenirltstd_heavyoblique-webfont.eot');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd85HeavyOblique';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_heavyoblique-webfont.woff') format('woff'), url('../fonts/avenirltstd_heavyoblique-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_heavyoblique-webfont.svgz#webfontjprY8EJR') format('svg'), url('../fonts/avenirltstd_heavyoblique-webfont.svg#webfontjprY8EJR') format('svg');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd45BookOblique';
     	src: url('../fonts/avenirltstd_bookoblique-webfont.eot');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd45BookOblique';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_bookoblique-webfont.woff') format('woff'), url('../fonts/avenirltstd_bookoblique-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_bookoblique-webfont.svgz#webfontbch9JqyK') format('svg'), url('../fonts/avenirltstd_bookoblique-webfont.svg#webfontbch9JqyK') format('svg');
     	font-weight: normal;
     	font-style: italic;
     }

     @font-face {
     	font-family: 'AvenirLTStd45Book';
     	src: url('../fonts/avenirltstd_book-webfont.eot');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd45Book';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_book-webfont.woff') format('woff'), url('../fonts/avenirltstd_book-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_book-webfont.svgz#webfontqSciUzOx') format('svg'), url('../fonts/avenirltstd_book-webfont.svg#webfontqSciUzOx') format('svg');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd95Black';
     	src: url('../fonts/avenirltstd_black-webfont.eot');
     	font-weight: normal;
     	font-style: normal;
     }

     @font-face {
     	font-family: 'AvenirLTStd95Black';
     	src: url(//:) format('no404'), url('../fonts/avenirltstd_black-webfont.woff') format('woff'), url('../fonts/avenirltstd_black-webfont.ttf') format('truetype'), url('../fonts/avenirltstd_black-webfont.svgz#webfontmblLbZKt') format('svg'), url('../fonts/avenirltstd_black-webfont.svg#webfontmblLbZKt') format('svg');
     	font-weight: normal;
     	font-style: normal;
     }

/*  -------------------------------------------------------- */
/*  = [end] Font Face */

/*  = TYPOGRAPHY
      Basic Typography Setups, to be used 
      or over-ridden per media type
/*  -------------------------------------------------------- */
      
      body { font-family: arial, helvetica, tahoma, sans-serif; line-height: 16px; color: #6b6b6b; }

      h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 { position: relative; margin-bottom: 3px; font-family: "AvenirLTStd65Medium", "Avenir LT 65 Medium", "Avenir 65 Medium", "Avenir Medium", Avenir, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-weight: normal; }
      
      h1, h2, h3, h4, strong { color: #000;}
      
      h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { padding-top: 12px; }
      
      
      
      h1, .h1 { margin: 0 0 9px; font-size: 19px; line-height: 22px; letter-spacing: 2px; text-transform: uppercase; }
      
      img+h1 { margin-top: 9px; }
      
      h2, .h2 { font-size: 13px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; }
      
      
      h2.alt, .h2alt { display: inline; float: left; margin: 0 0 9px; padding: 5px 5px 3px; background: #e2c800; font-size: 13px; line-height: 17px; letter-spacing: 2px; text-transform: uppercase; }
      
      h3, .h3, h4, .h4 { font-family: arial, helvetica, tahoma, sans-serif; font-weight: bold; font-size: 11px; line-height: 16px; text-transform: capitalize; letter-spacing: 0; }
      
      h4, .h4 { font-family: "AvenirLTStd65Medium", "Avenir LT 65 Medium", "Avenir 65 Medium", "Avenir Medium", Avenir, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-weight: normal; }
      
      p, pre, address, abbr, code, kbd, samp, small, var { position: relative; margin: 0 0 8px; font-size: 11px; color: #727071; }

      ul, ol, dl, dialog, li { margin: 0 0 8px;  padding: 0 0 0 15px; font-size: 11px; line-height: 16px; position: relative; list-style: disc; }
      
      li { margin: 0; padding: 0; }

      li ul, li ol { top: 0; margin-top: 0; margin-bottom: 0; }

      form, legend, label { font-size: 11px; line-height: 16px; }

      legend { position: relative; }

      input, textarea { font-size: 11px; }

      table { font-size: 11px; }

      caption { font-size: 11px; line-height: 16px; position: relative; }

      hr { position: relative; height: 4px; margin: 18px 0 14px 0; }
      
      a:link,
      a:visited,
      a:active { font-style: normal; text-decoration: underline; color: #000; }
      a:hover { text-decoration: none; color: #6b6b6b; }

/*  -------------------------------------------------------- */
/*  = [end] TYPOGRAPHY */

/*  = Images
      Basic Image Layout for easy display
/*  -------------------------------------------------------- */

      img.left, img.right { display: inline; float: left; margin: 0 25px 8px 0; }
      img.right { float: right; margin: 0 0 8px 25px; }
      img.center { display: block; margin: 10px auto 20px; }

/*  -------------------------------------------------------- */
/*  = [end] Images */

@media screen
{
  
  /*  = Global Layout Declarations
  /*  -------------------------------------------------------- */
      
      /*  = Typography
      /*  -------------------------------------------------------- */

            .nolist,
            .nolist li { padding: 0; list-style: none; }

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

            legend { display: none; }
            button { padding: 0; margin: 0; border: none; background: none; }
            input,
            textarea,
            select { width: 95%; }

            .inline fieldset { display: inline; float: left; width: 150px; margin: 0; padding: 0; }
            .ctl-inline label { display: none; }

            .ctl { display: inline; float: left; margin: 0 0 15px; }
            .ctl span { display: block; width: 100%; }

            .inline .inline { display: inline; float: left; width: 45%; }
            .check { position: relative; }
            .check span { position: absolute; left: 0; top: 0; width: 15px; }
            .check label { margin-left: 25px;  }

            fieldset.submit,
            div.submit { margin-bottom: 0; }
            .submit legend,
            .submit label { display: none; }

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

          body { padding: 0 0 50px; text-align: center; background: url(http://media.hasa.org//images/_s/bg-body.gif) left top repeat-x; }

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

            #header { position: relative; z-index: 3; width: 900px; height: 192px; margin: 0 auto; text-align: left;  }
            
            #branding-logo { display: inline; float: left; width: 339px; margin: 58px 0 0; line-height: 10px; }
            #mini-search { display: inline; float: right; width: 161px; margin: 15px 0 0 0; }
            #mini-search fieldset { display: inline; float: left; width: 100px; }
            fieldset#search_terms { width: 100px; margin: 0;}
            fieldset#submit_form { width: 58px; margin: 2px 0 0 3px; }
            #submit_form span,
            #submit_form .ctl,
            #submit_form button { width: 58px; height: 18px; margin: 0; padding: 0; border: 0px solid transparent; }
            #utility { display: inline; float: right; margin: 25px 10px 0 0; width: 500px; height: 167px;}
            
      /*  -------------------------------------------------------- */
      /*  = [end] HEADER */
      
      /*  = Navigation
      /*  -------------------------------------------------------- */

            .nav,
            .nav li,
            .nav ul { margin: 0; padding: 0; list-style: none; }
            .nav a:link,
            .nav a:active,
            .nav a:visited { display: block; text-decoration: none; }
            
            .inline,
            .inline li { display: inline; float: left; }
            
            /*  = Tier 1 Navigation
            /*  -------------------------------------------------------- */

              #nav-tier1 { position: absolute; z-index: 200; top: 130px; left: 19px; width: 900px; }
                .tier1 li { position: relative; width: 177px; margin: 0 2px 0 0; }
                  .tier1 a.simple { visibility: visible; padding: 23px 0; font-family: 'AvenirLTStd35Light', "Avenir LT 35 Light", "Avenir 35 Light", "Avenir Light", AvenirLight, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 17px; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; text-align: center; color: #868384; }

                  #n1-02-a { padding-left: 6px; }
                  #n1-03>a { text-align: left; padding-left: 29px; }
                  #n1-04>a { text-align: left; padding-left: 0px; }
                  .sub { display: none; visibility:hidden; position: absolute; left: 0; top: -9px; z-index: 1500; width: 177px; padding: 0 0 10px; text-align: left; }
                  #n1-01 .sub { background: #cb8926 url(http://media.hasa.org//images/_s/bg-nav-tier1-01.png) left top repeat; }
                  #n1-02 .sub { background: #8dccc3 url(http://media.hasa.org//images/_s/bg-nav-tier1-02.png) left top repeat; }
                  #n1-03 .sub { background: #c29883 url(http://media.hasa.org//images/_s/bg-nav-tier1-03.png) left top repeat; }
                  #n1-04 .sub { background: #9fa366 url(http://media.hasa.org//images/_s/bg-nav-tier1-04.png) left top repeat; }
                  #n1-05 .sub { background: #e2c800 url(http://media.hasa.org//images/_s/bg-nav-tier1-05.png) left top repeat; }
                  /* I don't want IE to see this */
                  /*\*//*/
                  #index .sub { background-color: transparent; }
                  /* */
                  
                  .tier1 ul { margin: 0 0 13px 15px; width: 135px; }
                  .sub li { width: 135px; line-height: 13px; margin: 0 0 5px; }
                  .tier2drop a { padding: 0; font-family: 'AvenirLTStd65Medium', "Avenir LT 65 Medium", "Avenir 65 Medium", "Avenir Medium", AvenirLTStd65Medium, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 11px; line-height: 13px; letter-spacing: 0; text-transform: none; text-decoration: none; text-align: left; color: #fff; }
                  
                  #n1-02-a,
                  #n1-03-a,
                  #n1-04-a { letter-spacing: 4px;}

                  h3.section { display: inline; float: left; width: 100%; padding: 0;}
                  .section a { margin: 30px 0 6px 15px; font-family: 'AvenirLTStd65Medium', "Avenir LT 65 Medium", "Avenir 65 Medium", "Avenir Medium", AvenirLTStd65Medium, Futura, gill sans, arial, helvetica, tahoma, sans-serif; letter-spacing: 2px; font-size: 17px; line-height: 21px; text-transform: uppercase; text-decoration: none; padding: 0; text-align: left; color: #000; }
                  .section a:hover { color: #666; }
                  a#n1-02-h2 { margin-top: 0; }
                  .sub a:hover,
                  .tier1here a { color: #000; }

                  #nav-tier1 li:hover .sub,
                  #nav-tier1 .over .sub { display: block; visibility:visible; }
                  #nav-tier1 li:hover a.simple,
                  #nav-tier1 .over a.simple { visibility: hidden; }
                  

                  /*
                    TODO These selectors need to be more futureproof
                  */

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

            /*  = Utility & Footer
            /*  -------------------------------------------------------- */

              #nav-utility { float: right; width: 500px; }
              .utility li { display: inline; float: right; padding: 0 7px 0 0; margin: 0 7px 0 0; border-right: 1px solid #6b6b6b; }
              .utility .last { padding: 0; margin: 0; border: none; }

              .utility a:link,
              .utility a:visited,
              .utility a:active { font-family: 'AvenirLTStd65Medium', "Avenir LT 65 Medium", "Avenir 65 Medium", "Avenir Medium", AvenirLTStd65Medium, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #6b6b6b; }
              #nav-footer li { float: left; }
              #nav-footer a { font-size: 9px; }
              .utility a:hover,
              #schedule #nu-4 a,
              #resources #nu-3 a,
              #giving #nu-2 a,
              #contact #nu-1 a { color: #c58419; }
              

            /*  -------------------------------------------------------- */
            /*  = [end] Utility */
            
            /*  = Tools
            /*  -------------------------------------------------------- */

              #nav-tools { float: right; width: 275px; margin-top: 5px; }
                #nav-tools li { float: right; width: 89px; }
                #n5-twitter a,
                #n5-twitter span,
                #n5-facebook a,
                #n5-facebook span { display: block; width: 89px; height: 31px; }
                #n5-twitter span { background: url(http://media.hasa.org//images/_s/btn-tools-twitter.gif) left top no-repeat; }
                #n5-facebook span { background: url(http://media.hasa.org//images/_s/btn-tools-facebook.gif) left top no-repeat; }
                #n5-rss a { display: block; padding: 3px 0 0 25px; font-size: 11px; line-height: 31px; letter-spacing: 0; text-decoration: underline; background: url(http://media.hasa.org//images/_s/btn-tools-rss.gif) left 55% no-repeat;}
                #rss { display: none; }

            /*  -------------------------------------------------------- */
            /*  = [end] Tools */

            /*  = Sub Navigation
            /*  -------------------------------------------------------- */

              #sub h2 { margin: 0 0 14px; padding: 0; }
              #nav-section { margin: 0 0 5px; font-family: 'AvenirLTStd85Heavy', "Avenir LT 85 Heavy", "Avenir 85 Heavy", "Avenir Heavy", AvenirHeavy, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 13px; line-height: 21px; letter-spacing: 2px; text-transform: uppercase; color: #d7c000; text-decoration: none; }

              .tier2 li { margin: 0 0 10px -12px; line-height: 13px; }
              .tier2 a { padding-left: 12px; font-family: 'AvenirLTStd65Medium', "Avenir LT 65 Medium", "Avenir 65 Medium", "Avenir Medium", AvenirLTStd65Medium, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 11px; line-height: 12px; text-decoration: none; color: #000; }
              
              .tier2 a:hover,
              a.tier2here { color: #d7c000; }
              a.tier2here { font-family: 'AvenirLTStd85Heavy', "Avenir LT 85 Heavy", "Avenir 85 Heavy", "Avenir Heavy", AvenirHeavy, Futura, gill sans, arial, helvetica, tahoma, sans-serif; background: url(http://media.hasa.org//images/_s/bg-nav-tier2.gif) left 70% no-repeat; cursor:default; }

            /*  -------------------------------------------------------- */
            /*  = [end] Sub Navigation */

            /*  = Information Links
            /*  -------------------------------------------------------- */
              
              #request { width: 190px; }
              #nav-info { width: 195px; }
              #nav-info { padding-bottom: 10px; background: url(http://media.hasa.org//images/_s/brdr-info-dotted.gif) left bottom repeat-x; }
              #nav-info li { position: relative; width: 100%; background: url(http://media.hasa.org//images/_s/brdr-info-dotted.gif) left top repeat-x; }
              #nav-info a { position: relative; width: 135px; padding: 20px 10px 20px 50px; font-family: 'AvenirLTStd65Medium', "Avenir LT 65 Medium", "Avenir 65 Medium", "Avenir Medium", AvenirMedium, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 10px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
              
              #nav-info a:hover { color: #000; }
              
              #nav-info span { display: block; position: absolute; top: 50%; left: 0;  display: block; width: 40px; height: 40px; margin-top: -20px; overflow: hidden; }
              #nav-info .vcard { display: none; }

              .reqinfo { margin-left: 50px; }
              .reqinfo span { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 6px; overflow: auto; }
              #nav-info .over .info { margin-top: -20px; }
              #nav-info .organization-unit { display: block; }
              #nav-info .tel,
              #nav-info .email { margin-right: 5px; }
              .reqinfo a { padding: 0; background: none; }

            /*  -------------------------------------------------------- */
            /*  = [end] Information Links */

            /*  = Topics List
            /*  -------------------------------------------------------- */
                
                #tiert h2 { margin-bottom: 12px; padding: 0; }
                #topiclist { width: 187px; height: 115px; margin: 0 0 30px; padding: 5px; border: 1px solid #d5d4d6; overflow-y: scroll; overflow-x: hidden; }
                #topiclist li { width: 170px; font-size: 10px; line-height: 12px; margin: 0 0 5px; }
                #topiclist a { text-decoration: none; color: #727071; }
                #topiclist a:hover { color: #000; }

            /*  -------------------------------------------------------- */
            /*  = [end] Topics List */
          
      /*  -------------------------------------------------------- */
      /*  = [end] Navigation */
      
      /*  = Content
      /*  -------------------------------------------------------- */
          
          #promo { position: relative; width: 825px; margin: 17px auto 0 auto; padding: 0 0 40px; text-align: left; }
          
          #content { position: relative; z-index: 1; width: 100%; padding-top: 33px; padding-bottom: 50px; text-align: center; }
          .wimage { background: url(http://media.hasa.org//images/_s/brdr-content-ind.gif) left top repeat-x;}
          #indexwrap,
          #interiorwrap { width: 825px; margin: 0 auto; text-align: left; }
          
          #main, #sub, #tiert { display: inline; float: left; }
          #main { width: 430px; margin: 0 0 0 150px; }
          #sub { width: 120px; margin: 0 0 0 -580px; }
          #tiert { float: right; width: 195px; margin: 0; padding: 0; }
          #cols { display: inline; float: left; width: 100%; margin-top: 24px; background: url(http://media.hasa.org//images/_s/brdr-cols-int-vert.gif) -15px top repeat-y; }
          /*
            TODO Fix positioning of background 
          */
          #cols .col { display: inline; float: left; width: 205px; }
          #cols #col-02 { float: right;}
          #cols .entry { display: inline; float: left; width: 100%;}
          
      /*  -------------------------------------------------------- */
      /*  = [end] Content */

      /*  = Footer
      /*  -------------------------------------------------------- */

          #siteinfo { display: inline; float: left; width: 100%; border-top: 1px solid #eae89c; border-bottom: 1px solid #eae89c; }
            #siteinfo .wrap { width: 825px; margin: 15px auto; text-align: left; }

            #siteinfo .vcard { display: inline; float: left; width: 550px; font-size: 9px; }
            #siteinfo .sep { padding: 0 7px 0 0; margin: 0 7px 0 0; border-right: 1px solid #727071; }

      /*  -------------------------------------------------------- */
      /*  = [end] Footer */
      
  /*  -------------------------------------------------------- */
  /*  = [end] Global Declarations */
  
  /*  = Index
  /*  -------------------------------------------------------- */
        
        #storieslist { position: relative; z-index: 1; width: 1000px; height: 350px; margin: 0; padding: 0; }
        #storieslist li { display: inline; float: left; width: 530px; height: 350px; margin: 0 25px 0 0; padding: 0 25px 0 0; border-right: 1px solid #eae89c; }
        #storieslist li { display: none; }
        #storieslist #stories-1,
        #storieslist #stories-2 { display: inline; }
        
        #storieslist li.jcarousel-item { display: inline; }
        
        .jcarousel-prev,
        .jcarousel-next { position: absolute; top: 150px; width: 40px; height: 40px; z-index: 110; background-image: url(http://media.hasa.org//images/_s/btn-stories.gif); background-repeat: none; }
        .jcarousel-prev:hover,
        .jcarousel-next:hover { cursor: pointer; }
        .jcarousel-prev { left: -20px; }
        .jcarousel-next { right: -20px; background-position: left -40px;}
        
        #storieslist .img { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 530px; height: 350px; background: #eee; }
        #hd-stories { position: absolute; left: 0; top: 350px; }
        #indexwrap { background: url(http://media.hasa.org//images/_s/brdr-content-ind-vert.gif) 402px top repeat-y; }
          #index #main { display: inline; float: left; width: 380px; margin: 0 22px 0 0; }
          #index #sub { display: inline; float: left; width: 175px; margin: 0 20px 0 15px;  }
          .titlelink { font-weight: normal; text-decoration: none; }
          .intro { margin: 0 0 .25em; font-family: "Times New Roman", Times New Roman,Times, georgia, serif; font-weight: lighter; font-size: 28px; line-height: 34px; color: #999992; }
          
  /*  -------------------------------------------------------- */
  /*  = [end] Index */
  
  /*  = Interior
  /*  -------------------------------------------------------- */

        #interior #promo { width: 960px; }
        
      /*  = Template Layouts
      /*  -------------------------------------------------------- */

          /*  = Three Column
          /*  -------------------------------------------------------- */
          
                .col-three #interiorwrap { background: url(http://media.hasa.org//images/_s/brdr-content-int-vert.gif) left top repeat-y; }
          
          /*  = Two Column
          /*  -------------------------------------------------------- */
                
                .col-two #main { width: 580px; }
                
                .sidenav #interiorwrap { background: url(http://media.hasa.org//images/_s/brdr-content-int-vert-c2-nav.gif) left top repeat-y;}
                .sidenav #sub { margin-left: -730px; }
                
                
                .infobar #interiorwrap { background: url(http://media.hasa.org//images/_s/brdr-content-col_two-vert.gif) left top repeat-y; }
                .infobar #main { margin-left: 0; }
                
          /*  = One Column
          /*  -------------------------------------------------------- */
                
                .col-one #interiorwrap,
                .col-one #main { width: 650px; background: none; }
                .col-one #main { margin: 0; }
          
          
          /*  = Color
          /*  -------------------------------------------------------- */

                .color #content { background: #edecc4; }
                .color #interiorwrap { background: none; }

      /*  -------------------------------------------------------- */
      /*  = [end] Template Layouts */
       
  /*  -------------------------------------------------------- */
  /*  = [end] Interior */
      
      /*  = Section Colors
      /*  -------------------------------------------------------- */
          
          /* ABOUT */
          #about #nav-section,
          #about #nav-sub a.sub-level-0:hover,
          #about a.tier2here { color: #cb8926; }
          #about .wimage { background-image: url(http://media.hasa.org//images/_s/brdr-content-about.gif); }
          #about #interiorwrap { background-image: url(http://media.hasa.org//images/_s/brdr-content-int-vert-about.gif); }
          #about #nav-info { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-about.gif); }
          #about .requestitem { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-about.gif); }
          #about .requestir { background-position: -40px top; }
          #about a.tier2here { background-image: url(http://media.hasa.org//images/_s/bg-nav-tier2-about.gif);}
          #about #n1-01-a { color: #cb8926; }
          
          /*HEARING*/
          #hearing #nav-section,
          #hearing a.tier2here,
          #hearing #nav-sub a.sub-level-0:hover { color: #75bfba; }
          #hearing .wimage { background-image: url(http://media.hasa.org//images/_s/brdr-content-hearing.gif); }
          #hearing #interiorwrap { background-image: url(http://media.hasa.org//images/_s/brdr-content-int-vert-hearing.gif); }
          #hearing #nav-info { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-hearing.gif); }
          #hearing .requestitem { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-hearing.gif); }
          #hearing .requestir { background-position: -80px top; }
          #hearing a.tier2here { background-image: url(http://media.hasa.org//images/_s/bg-nav-tier2-hearing.gif);}          
          #hearing #n1-02-a { color: #75bfba; }

          
          /*SPEECH*/
          #speech #nav-section,
          #speech a.tier2here,
          #speech #nav-sub a.sub-level-0:hover { color: #c29883; }
          #speech .wimage { background-image: url(http://media.hasa.org//images/_s/brdr-content-speech.gif); }
          #speech #interiorwrap { background-image: url(http://media.hasa.org//images/_s/brdr-content-int-vert-speech.gif); }
          #speech #nav-info { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-speech.gif); }
          #speech .requestitem { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-speech.gif); }
          #speech .requestir { background-position: -120px top; }
          #speech a.tier2here { background-image: url(http://media.hasa.org//images/_s/bg-nav-tier2-speech.gif);}
          #speech #n1-03-a { color: #c29883; }
          
          
          /*INTERPRET*/
          #interpreting #nav-section,
          #interpreting a.tier2here,
          #interpreting #nav-sub a.sub-level-0:hover { color: #9fa366; }
          #interpreting .wimage { background-image: url(http://media.hasa.org//images/_s/brdr-content-interpret.gif); }
          #interpreting #interiorwrap { background-image: url(http://media.hasa.org//images/_s/brdr-content-int-vert-interpret.gif); }
          #interpreting #nav-info { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-interpret.gif); }
          #interpreting .requestitem { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-interpret.gif); }
          #interpreting span { background-position: -160px top; }
          #interpreting a.tier2here { background-image: url(http://media.hasa.org//images/_s/bg-nav-tier2-interpreter.gif);}
          #interpreting #n1-04-a { color: #9fa366;}

          
          /*SCHOOL*/
          #school #nav-section,
          #school a.tier2here,
          #school #nav-sub a.sub-level-0:hover { color: #e2c800; }
          #school .wimage { background-image: url(http://media.hasa.org//images/_s/brdr-content-school.gif); }
          #school #interiorwrap { background-image: url(http://media.hasa.org//images/_s/brdr-content-int-vert-school.gif); }
          #school #nav-info { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-school.gif); }
          #school .requestitem { background-image: url(http://media.hasa.org//images/_s/brdr-info-dotted-school.gif); }
          #school .requestir { background-position: -200px top; }
          #school #n1-05-a { color: #e2c800; }
          
          /*STORIES*/
          #stories #nav-section,
          #stories a.tier2here,
          #stories #nav-sub a.sub-level-0:hover,
          #schedule #nav-section,
          #schedule a.tier2here { color: #b7b053; }
          #stories a.tier2here,
          #schedule a.tier2here { background-image: url(http://media.hasa.org//images/_s/bg-nav-tier2-stories.gif);}
          

      /*  -------------------------------------------------------- */
      /*  = [end] Section Colors */

      /*  = Events and Classes
      /*  -------------------------------------------------------- */

          #eventlist,
          #eventlist li { margin: 30px 0 0 0; padding: 0; }
          #eventlist li { display: inline; float: left; width: 290px; margin: 0 25px 30px 0; background: #d8d47d; }
          
          #eventlist a { display: block; width: 266px; height: 120px; padding: 12px; text-decoration: none; background-image:  url(http://media.hasa.org//images/_s/btn-events-arrow.png); background-position: 270px 120px; background-repeat: no-repeat; }
          
          #eventlist strong { display: block; margin: 0 0 10px; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2.5px; color: #000; }
          #eventlist span { display: block; }
          
          a#eventlistlinkone{ background-color: #d8d47d; }
          a#eventlistlinktwo{ background-color: #cb8b1f; }
          a#eventlistlinkthree{ background-color: #8dcdc4; }
          a#eventlistlinkfour{ background-color: #c19783; }
          a#eventlistlinkfive{ background-color: #9fa366; }
          a#eventlistlinksix{ background-color: #e2c700; }
          #eventlist a:hover { color: #fff; background-color: #6e6c6e; }
          #eventlist a:hover span p,
          #eventlist a:hover strong p { color: #fff;}

      /*  -------------------------------------------------------- */
      /*  = [end] Events and Classes */
      
      /*  = Board Members
      /*  -------------------------------------------------------- */

          ul.col { display: inline; float: left; width: 40%; margin-right: 2%; }
          ul.last { margin-right: 0; }

      /*  -------------------------------------------------------- */
      /*  = [end] Board Members */
      
      /*  = Leadership
      /*  -------------------------------------------------------- */
            
            .teamentry { display: inline; float: left; width: 100%; margin: 0 0 20px; }
            #leader-1 { margin-top: 2px; }
            .teamentry h2 { padding-top: 0; }
            .teamentry img { display: inline; float: left; width: 80px; margin: 0 25px 0 0; }
            .teamentry .content { display: inline; float: left; width: 325px; }
            .teamentry .noimage { margin-left: 105px; }

      /*  -------------------------------------------------------- */
      /*  = [end] Leadership */
      
      /*  = Publications
      /*  -------------------------------------------------------- */

          #publist { margin-top: 30px; }
          #publist li { display: inline; float: left; width: 100%; margin: 0  0 9px; }
          #publist img,
          #publist h3,
          #publist p { display: inline; float: left; width: 65px; }
          #publist h3,
          #publist p { width: 300px; margin-left: 15px; }

      /*  -------------------------------------------------------- */
      /*  = [end] Publications */
      
      /*  = Newslist
      /*  -------------------------------------------------------- */

            #newslist h3 a { font-weight: bold; text-decoration: none; }

      /*  -------------------------------------------------------- */
      /*  = [end] Newslist */
      
       /*  = Calendar
        /*  -------------------------------------------------------- */
        
            .calendar { position: relative; width: 100%; margin: 0 0 30px; }
              .calendar caption { margin: 0 0 12px; text-align: left; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #000; }
              .calendar thead { border-right: 1px solid #e2c800; background: #e2c800; }
              .dayofmo { text-align: center; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; background: #fff; }
              .dayofmo th { padding: 6px 0 8px; font-weight: normal; color: #000; }
              .calendar-month { padding-left: 5px; }
              .calendar-month h3,
              .calendar-month a { display: block; margin: 0; padding: 0; font-family: arial, sans-serif; font-weight: normal; font-size: 12px; line-height: 24px; text-decoration: none; color: #000; }             
              
              table.calendar .nav { width: 20px; } 
              table.calendar .nav a { display: block; width: 16px; height: 17px; margin: 3px 0 0 3px; }
              table.calendar .nav span { width: 16px; height: 17px; background: #e2c800 url(http://media.hasa.org//images/_s/btn-cal-sm.gif) left top no-repeat; }
              table.calendar .prev span { background-position: left -17px; }
              
              .calendar tbody { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; text-align: left; }
                .calendar tbody .today { border: 1px solid #ddd; background: #efefef; }
                .calendar tr.last td { padding-bottom: 10px; }
                  .calendar h4 { padding: 0; font-family: arial; font-size: 11px; font-weight: bold; color: #868787; }
                  .calendar h4 a { color: #000; text-decoration: none; }
              
              .calendar tfoot { border: 1px solid #c6c6c6; }
              .calendar tfoot a { display: block; padding: 6px 0; color: #868787; text-decoration: none; }
              .calendar tfoot a:hover { color: #000; }
              .calendar .view-month span { font-size: 12px; font-weight: bold; color: #000; }
            
            #calendarwrap { position: relative; display: block; }
            #calendar-sm tbody,
            #calendar-sm .dayofmo { text-align: center; }            
            
            #calendar-lg tbody,
            #calendar-lg .dayofmo { text-align: left; }
            #calendar-lg th,
            #calendar-lg td { width: 77px; padding: 5px;}
            #calendar-lg tbody td { height: 77px; }
            #calendar-lg .date { margin: 0; }
            #calendar-lg h2 { font-size: 10px; line-height: 12px; font-weight: normal; letter-spacing: 0; text-transform: none; }
            
        
        /*  -------------------------------------------------------- */
        /*  = [end] Calendar */
        
        /*  = Dontate Now
        /*  -------------------------------------------------------- */

            a.donatenow:link { display: block; margin: 0 0 25px 0; padding: 5px 0; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; background: #d8d47d; }
            a.donatenow:hover { color: #7b7a7a; }

        /*  -------------------------------------------------------- */
        /*  = [end] Dontate Now */
      
      /*  = Ailments Callout
      /*  -------------------------------------------------------- */

          #callout { display: inline; float: left; margin: 0 20px 12px 0;  background: #83c6bc; }
          #callout .wrap { display: inline; float: left; width: 90%; border: 1px solid #fff; margin: 10px; background: none;}
          #callout .entry { display: inline; float: left; width: 100%; border-top: 1px solid #fff; padding-bottom: 5px;}
          #callout #callout-1 { border-top: none; }
          #callout h3 { margin: 0 0 15px; padding: 6px 5px 6px 10px; color: #000; font-weight: bold; font-size: 11px; font-family: arial, helvetica, sans-serif; border-bottom: 1px solid #fff; }
          #callout,
          #callout li,
          #callout p { color: #fff; font-size: 11px; line-height: 12px;}
          #callout p { margin-right: 5px; padding: 0 5px 0 10px; }
          #callout ul,
          #callout ol{ margin-right: 5px; padding: 0 5px 0 22px; }
          #callout li { list-style: disc; margin: 0 0 7px;}

          #callout.small { width: 245px; }
          #callout.small .wrap { width: 225px; }
          #callout.medium { width: 305px; }
          #callout.medium .wrap { width: 285px; }
          #callout.large { width: 365px; }
          #callout.large .wrap { width: 345px; }

      /*  -------------------------------------------------------- */
      /*  = [end] Ailments Callout */
      
      /*  = Search
      /*  -------------------------------------------------------- */

          #ctl-sort_type,
           #grp-sort_dir { display: inline; float: left; width: 50%; }
           #ctl-sort_type { width: 45%; margin-right: 5%;}
           #grp-sort_dir { margin-top: 17px; }
           #ctl-sort-asc { margin-right: 10%; }

           #searchform { margin: 0 0 18px; padding: 5px; background: #efefef; }
           
           #resultslist li { margin: 0 0 9px; border-bottom: 1px solid #ccc; }
            #resultslist h2 { margin: 0; letter-spacing: 0; text-transform: Capitalize;  }
              #resultslist a { text-decoration: none; }

      /*  -------------------------------------------------------- */
      /*  = [end] Search */
      
      /*= Soundscape
      /*-------------------------------------------------------- */
			.soundscape #content { background: #7b93a3 url(http://media.hasa.org//images/_s/bg-snd-content.jpg) left top repeat-x; }
			.soundscape #interiorwrap,
			.soundscape #main { width: 100%; text-align: center; }
			.soundscape #main-header { position: relative; width: 825px; margin: 0 auto; text-align: left; }
			#bsp-logo { display: inline; float: left; width: 306px; height: 205px; margin: 0 30px 0 0; background: url(http://media.hasa.org//images/_s/bsp-logo.png) top left no-repeat; }
			#bsp-logo a { display: block; width: 306px; height: 205px; }
			#bsp-logo span { position: absolute; top: -99999px; }
			#bsp-intro { display: inline; float: left; width: 465px; position: absolute; bottom: 0; right: 0; }
			.soundscape #soundscape-nav { width: 100%; height: 78px; margin: 20px 0 35px; background: url(http://media.hasa.org//images/_s/bg-bsp-nav.png) left top repeat-x; }
			#bsp-intro h2 { margin: 0 0 10px; font-family: 'AvenirLTStd45Book', Avenir, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: .05em; color: #cadb37; }
			#bsp-intro p { font-family: 'AvenirLTStd45Book', Avenir, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 15px; line-height: 18px; color: #fff; }
			#bsp-intro strong { color: #fff; }
			#bsp-nav-wrap { width: 825px; margin: 0 auto; }
			#nav-soundscape { display: inline; float: right; width: 548px; height: 48px; margin: 10px 0 0; padding: 0; text-align: center; background: url(http://media.hasa.org//images/_s/bg-nav-bsp.png) left top no-repeat; } 
			
			#nav-soundscape li { display: inline; float: left; margin: 18px 0 0 20px; }
			#nav-soundscape a:link,
			#nav-soundscape a:visited { font-family: 'AvenirLTStd65Medium', Avenir, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-weight: bold; font-size: 17px; line-height: 16px; text-transform: uppercase; color: #fff; }
			#nav-soundscape a:hover,
			#nav-soundscape strong a:link,
			#nav-soundscape strong a:visited { color: #cadb37; }
			
			.soundscape #main-content { width: 825px; margin: 0 auto; padding: 1px 0 0 0; text-align: left; }
			
			.bsp-home .bsp-boxes { position: relative; display: inline; float: left; width: 258px; height: 188px; margin: 25px 0 0; overflow: hidden;  background: #fff; }
			.bsp-home .bsp-boxes .audioplayer { position: absolute; bottom: 0; left: 0; width: 258px; height: 24px; }
			.bsp-home .bsp-boxes p,
			.bsp-home .bsp-boxes li { font-family: 'AvenirLTStd65Medium', Avenir, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 17px; line-height: 24px; color: #2a485e; }

			.bsp-home .bsp-boxes a:link,
			.bsp-home .bsp-boxes a:visited { text-decoration: underline; color: #2a485e; }
			.bsp-home .bsp-boxes a:hover { text-decoration: none; }
			.bsp-home .bsp-box-center { margin-left: 25px; margin-right: 25px; }
			.bsp-home .bsp-box-wrap { display: inline; float: left; width: 230px; margin: 12px; }
			.bsp-home .bsp-box-blue { background: #4cc8ed; }
			.bsp-home .bsp-box-blue p { color: #fff; }
			.bsp-home .bsp-box-green { color: #2a485e; background: #cadb37; }
			.bsp-home #box-03 { background: url(http://media.hasa.org//uploads/bsp-audio-zoo.jpg) left top no-repeat; }
			.bsp-home #box-05 { background: url(http://media.hasa.org//uploads/bsp-audio-downtown.jpg) left top no-repeat; }
			.bsp-home #box-07 { background: url(http://media.hasa.org//uploads/bsp-audio-teacher.jpg) left top no-repeat; }

			.bsp-home #main-footer { width: 825px; margin: 25px auto; text-align: left; }
			.bsp-home #main-footer p { font-family: 'AvenirLTStd45Book', Avenir, Futura, gill sans, arial, helvetica, tahoma, sans-serif; font-size: 14px; line-height: 16px; color: #fff; }
			.bsp-home #main-footer strong { color: #fff; }
			.bsp-home #main-footer a:link,
			.bsp-home #main-footer a:visited { color: #fff; }
			
			.soundscape-interior #content { padding-bottom: 0; }
			.soundscape-interior #main-content { width: 720px; min-height: 500px; background: #fff; }
			.soundscape-interior #main-content-wrap { display: inline; float: left; width: 620px; margin: 55px 40px; }
			
			.soundscape-interior #main-content h1, .soundscape-interior #main-content h2, .soundscape-interior #main-content h3, .soundscape-interior #main-content h4, .soundscape-interior #main-content h5, .soundscape-interior #main-content h6, .soundscape-interior #main-content p, .soundscape-interior #main-content strong, .soundscape-interior #main-content li, .soundscape-interior #main-content label { color: #29485e;}
			.soundscape-interior #main-content h1, .soundscape-interior #main-content h2 { letter-spacing: .2em; margin: 0 0 15px; }
			.soundscape-interior #main-content p, .soundscape-interior #main-content label { font-size: 14px; line-height: 18px; }
			
			.soundscape-interior .faq { margin: 0 0 15px; }
			.soundscape-interior .faq .q { padding: 0; margin: 0 0 15px; font-weight: bold; font-size: 14px; }
			
			.soundscape-interior #main-content form { width: 400px; }
			.soundscape-interior #main-content .ctl { width: 190px; }
			.soundscape-interior #main-content .ctl-hidden { display: none; }
			.soundscape-interior #main-content #cons_first_name { margin-right: 10px; }
			.soundscape-interior #main-content #ctl-cons_email,
			.soundscape-interior #main-content #ctl-cons_email_opt_in,
			.soundscape-interior #main-content #ctl-3441_1280_2_1261 { width: 390px; }
			
			.bsp-upload #main-content .ctl-inline { width: 400px; }
			.bsp-upload #main-content .ctl-inline label { display: inline; float: left; width: 100px; }
			.bsp-upload #main-content .ctl-inline span { display: inline; float: left; width: 290px; margin: 0 0 0 10px; }
			.bsp-upload #main-content #fld-soundscape_information .ctl { width: 100%; }
			.bsp-upload #main-content #inp-story-submit { margin: 0; padding: 0; font-size: 14px; font-weight: bold; text-align: left; color: #29485e; border: none; background: none; }
			.bsp-upload #main-content #fld-submit_login_form p { display: inline; float: right; width: 190px; }
			
      /*-------------------------------------------------------- */
      /*= [end] Soundscape */
      
}