@charset "iso-8859-1";

body        { font-family: Georgia, serif;
              font-size: 100%;
              font-weight: normal;
              color: #000000;
              background: #fff;
              background-image: url('images/graytowhite.gif');
              background-repeat: repeat-x }

a:link      { color: #000066 }

a:hover     { background-color: #e9f0ef }

a:visited   { color: #000066 }

a:active    { color: #000066;
              background-color: #e9f0ef }

a[href $='.pdf'] {
          
   padding-right: 15px;
          
   background: transparent url(images/icon_pdf.gif) no-repeat center right }

a.external  { padding-right: 15px;
              background: transparent url(images/icon_external.gif) no-repeat center right }

a.photo     { padding-right: 18px;
              background: transparent url(images/icon_photo.gif) no-repeat center right }

a.flash     { padding-right: 18px;
              background: transparent url(images/icon_flash.gif) no-repeat center right }

a.video     { padding-right: 18px;
              background: transparent url(images/icon_video.gif) no-repeat center right }

a.youtube   { padding-right: 18px;
              background: transparent url(images/icon_youtube.gif) no-repeat center right }

p           { text-align: left }

p.indented  { margin-left: 25px;
              margin-right: 25px }

p.sansSerif { font-family: Verdana, sans-serif }

p.textHeader{ font-weight: bold;
              color: #000066 }

.title      { font-family: Verdana, sans-serif;
              font-size: 140%;
              font-weight: bold;
              text-align: center;
              color: #000066 }

.caption    { font-family: Verdana, sans-serif;
              font-size: 75%;
              text-align: center;
              color: #000066 }

.subtitle   { font-family: Verdana, sans-serif;
              font-size: 120%;
              font-weight: bold;
              text-align: center;
              color: #000066 }

.icapblue   { font-family: Verdana, sans-serif;
              font-size: 135%;
              font-weight: bold;
              color: #000066 }

.define     { font-family: Verdana, sans-serif;
              font-size: 90%;
              color: #333333; }

h1          { font-family: Verdana, sans-serif;
              font-size: 140%;
              font-weight: bold;
              color: #000066 }

h2          { font-family: Verdana, sans-serif;
              font-size: 130%;
              font-weight: bold;
              color: #000066 }

h3          { font-family: Verdana, sans-serif;
              font-size: 120%;
              font-weight: bold;
              color: #000066 }

h4          { font-family: Verdana, sans-serif;
              font-size: 110%;
              font-weight: bold;
              color: #000066 }

tr.shaded   { background-color: #c9c9c9 }

tr.shaded2  { background-color: #e6e6e6 }

tr.shaded3  { background-color: #e6ecea }

tr.white    { background-color: #f3f6f9 }

th          { font-family: Verdana, sans-serif;
              font-size: 100%;
              font-weight: bold;
              color: #000000 }

th.white    { color: #ffffff }

td          { font-family: Georgia, serif;
              font-size: 100%;
              vertical-align: middle;
              color: #000000 }

td.top      { vertical-align: top }

td.sans     { font-family: Verdana, sans-serif;
              font-size: 100% }

td.shaded   { background-color: #c9c9c9 }

td.shaded2  { background-color: #e6e6e6 }

form        { font-family: Georgia, serif;
              font-size: 100% }

li          { text-align: left }

dt          { text-align: left }

dd          { text-align: left }

dl          { text-align: left }

#bkgphoto   { position: absolute;
              top: 50%;
              left: 50% }

#content    { position: absolute;
              top: 50%;
              left: 50%;
              width: 140px }

#search     { position: absolute;
              bottom: 8%;
              margin-left: -180px;
              left: 50%;
              width: 400px;
              height: 50px;
              text-align: center }

#content li { color: #000;
              font-family: Georgia, serif;
              font-size: 100%;
              font-weight: 700;
              margin: 0;
              padding: 0;
              list-style: none }

#content ul { list-style: none;
              margin: 0;
              padding: 0;
              border: none; }

#content li a { display: block;
                padding: 5px 5px 5px 0.5em;
                background-color: #e6e6e6;
                color: #006;
                text-decoration: none;
                width: 100%; }

html>body #content li a { width: auto; }

#content li a:hover { background-color: #c9c9c9; }

#story_box  { position: relative;
              margin-top: 0;
              margin-left: -40%;
              margin-bottom: 50px;
              top: 25px;
              left: 50%;
              padding: 0;
              width: 80%;
              background: #e6e6e6; 
              border-style: solid;
              border-width: 1px;
              border-color: #fff }

#header     { position: relative;
              z-index: 0;
              top: 0;
              padding: 5px 20px;
              background: #c9c9c9 }

#photo      { position: relative;
              float: right;
              z-index: 1;
              top: 0;
              right: 0;
              padding: 0;
              border-style: solid;
              border-width: 0 0 1px 1px;
              border-color: #b7b7b7 }

#survey     { float: right;
              padding: 15px;
              margin: -10px -30px 20px 30px;
              width: 120px;
              background: #fff;
              border-style: solid;
              border-color: #b7b7b7;
              border-width: 0 0 1px 1px }


#story      { position: relative;
              color: #000;
              font-family: Georgia, serif;
              font-size: 100%;
              top: 0;
              left: 0;
              padding: 10px 30px 15px }

#narrow_story

            { position: relative;
              color: #000;
              font-family: Georgia, serif;
              font-size: 100%;
              top: 0;
              left: 0;
              padding: 10px 320px 15px 80px }

#narrow_story_h
            { position: relative;
              color: #000;
              font-family: Georgia, serif;
              font-size: 100%;
              top: 0;
              left: 0;
              padding: 10px 350px 15px 50px }

#narrow_story_v
            { position: relative;
              color: #000;
              font-family: Georgia, serif;
              font-size: 100%;
              top: 0;
              left: 0;
              padding: 10px 275px 15px 75px }

#gallery    { position: relative;
              top: 0;
              left: 0;
              padding: 5px }

#footer     { position: relative;
              top: 0;
              height: 30px;
              padding: 15px 20px 5px;
              font-family: Georgia, serif;
              font-size: 100%;
              background: #c9c9c9 }

.flushLeft  { position: absolute;
              left: 20px;
              width: 50% }

.flushRight { position: absolute;
              right: 20px;
              width: 50%;
              text-align: right }

#lightbox   { background-color:#eee;
              padding: 10px;
              border-bottom: 2px solid #666;
              border-right: 2px solid #666 }

#lightboxDetails
            { font-size: 1em;
              padding-top: 0.4em }

#lightboxCaption { float: left }

#keyboardMsg { float: right }

#closeButton { top: 5px; right: 5px }

#lightbox img { border: none; clear: both }

#overlay img { border: none }

#overlay    { background-image: url(images/overlay70.png) }