@charset "utf-8";

* {font-size: 1em; margin: 0; padding: 0;}

body {margin: 1em auto; background: #020 url(pngs/back.png) repeat-x fixed top; 
  font-size: 14px; font-family: Palatino, Verdana, sans-serif;}

#main {position: relative; margin: auto; width: 57em; background: #ffe; 
  border: 5px #333 solid;}

#header {position: relative; width: 100%; height: 150px;
  background: url(pngs/header.jpg) no-repeat top center;}
#header h1 {position: absolute; top: 1em; left: 4.25em; padding: 0.25em;
  font: italic bold 3em "Times New Roman", serif;}
#header h1.top {color: #fff; z-index: 10;}
#header h1.shadow {background: #000; color: #000; z-index: 0; opacity: 0.5;}

#content {margin: 1em 2em;}

#video {text-align: center;}

#footer {margin-top: 3em; padding: 0.5em 2em 1em; background: url(pngs/border-top.png) repeat-x top;
  font-style: italic; font-size: 90%;}
#footer div#source {text-align: right; padding-right: 8em; font-weight: bold;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

h2 {font-size: 1.25em; font-weight: bold;}

img.story {clear: both; margin: 0.25em 0; border: 1px #333 solid;}
img.left {float: left; margin-right: 0.5em;}
img.right {float: right; margin-left: 0.5em;}

p {margin: 1em 0; text-align: justify;}
p.byline {font-size: 90%; font-style: italic;}

address {margin: 1em 0 1em 3em;}

div.wheelchair {text-align: center;}
div.wheelchair img {width: 75%; border: 2px #333 solid;}

ul.stories {margin-left: 3em;}
ul.stories li {padding: 0.5em 0;}

.thumbs_unstyled li img {width: 100%;}

.caption {display: block; padding-top: 0.5em; font-style: italic; color: #fff;}
.gallery {border: 2px solid #111; margin-top: 2em; padding: 1em; background: #333;}
.thumbs {width: 100%; list-style: none;}
.thumbs li {display: block; width: 6em; height: 5em; border: 2px solid #111; 
  margin-right: 0.75em; overflow: hidden; float: left; background: transparent;
  cursor: pointer;}
.thumbs li a {display: none;}
#main_image img {width: 100%;}
.nav {padding-top: 1em; clear: both; color: #fff; text-transform: uppercase;
  width: 100%; text-align: center;}
.nav a {color: #fff;}

ul#menu {width: 100%; height: 20px; cursor: default; font-size: 1em; 
  font-weight: bold; background: url(pngs/nav.png) repeat-x; text-align: center;}
ul#menu li {display: inline; list-style-type: none;}
ul#menu li a {text-decoration: none; color: #fff; padding: 0 2em;
  line-height: 20px;}
ul#menu li a:hover {background: #fff; opacity: 0.75; color: #000;}

.ital {font-style: italic;}