/* FASS Stylesheet 2009A */

body { font: 80% verdana, arial, helvetica, sans-serif; text-align: center; color: #000033; background-color: #9AB9D8;}
a { text-decoration: none;}
a:link { color: #ff0000;}
a:visited { color: #BB0000;}
h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, sans-serif; clear: both;}
h1 { font-size: 200%; font-weight: normal; margin-top: 10px; padding: 3px 15px; color: #000000; background: #FDF32D url('images/h1.gif') no-repeat 0 0; border-bottom: 4px solid #FFFFFF; text-align: center;}
h2 { text-transform: uppercase; margin-top: 20px; padding-top: 30px; border-top: 2px solid #000033;}
h4 { font-size: 100%; margin: 10px 0 5px 0; padding: 0;}
hr { width: 100%; height: 0; margin: 10px 0; border-top: 0; border-right: 0; border-bottom: 2px solid #000033; border-left: 0;}
img { margin: 2px; border: 0;}
li { margin: 0 0 5px 0;}
h1, #header { margin-left: -30px; margin-right: -30px;}

#page { width: 710px; margin: 0 auto 20px auto; padding: 0 30px; text-align: left; background: #ABCDEF;}
#header { height: 91px; padding: 1px; background: #FDF32D url('images/header.gif') no-repeat 0 center;}
#footer { clear: both; margin: 50px -30px 20px -30px; font-size: 85%;}
#footer a { color: #FFFF00; border: 0; margin-right: .5em;}

.caption { font-size: 85%;}
.catalogue { position: relative; margin: 0; padding: 0;}
.catalogue img { margin: 0; padding: 0;}
.catalogue .description { position: absolute;}
.cleared { clear: both;}
.diary { width: 680px; margin: 0 30px 20px 30px;}
.diary th { padding: 20px 0 5px 0; text-transform: uppercase; vertical-align: top;}
.diary td { padding: 3px 0; vertical-align: top;}
.diary .day { width: 25%;}
.emphasis { color: #FF0000; font-weight: bold;}
.enlarged { font-size: 150%;}
.firstsub { padding: 0; border: 0;}
.gallery h3 { text-align: center;}
.morepics { font-size: 85%; text-align: right;}
.pagecaptions { list-style: none; margin: 0; padding: 0; font-size: 85%; text-align: center;}
.pagecaptions li { float: left; width: 122px; height: 190px; margin: 10px;}
.pagecaptions span { display: block;}
.panel { text-align: center; margin: 15px 0; padding: 10px; border: 1px solid #FFFFFF;}
.pics { text-align: center; margin: 15px 0;}
.poem { text-align: center; margin: 20px auto;}
.poem p { margin: 0; padding: 0;}
.section { font-size: 140%; font-weight: bold; color: #000000; background-color: #FDF32D; margin: 25px 0 15px 0; padding: 20px 10px; border-bottom: 2px solid #000000;}
.thumbnails { clear: both;}
.wordmark { font: bold 200% "Comic Sans MS", cursive; color: #000000; background: transparent url('images/logo_s.gif') no-repeat 5px 5px; margin: 1px; padding: 13px 15px 10px 70px;}

.navmenu { list-style: none; margin: 0 0 0 10px; padding: 2px 1px;}
.navmenu li { float: left; width: auto; margin: 0 2px 0 0;}
.navmenu a { display: block; width: auto; padding: 3px 5px; white-space: nowrap; color: #333333;}
.navmenu li:hover { background: #FFFFFF url('images/mhover-lftw.gif') no-repeat left center;}
.navmenu li:hover a { color: #333333; background: url('images/mhover-rgtw.gif') no-repeat right center;}

#footer .navmenu { margin: 0; padding: 10px; text-align: right; background: url('images/footer-yellow.gif') no-repeat left bottom; border-top: 4px solid #FFFFFF;}
#footer .navmenu li, #footer .navmenu a  { float: none; width: auto; display: inline; color: #333333; background: transparent;}
#footer .navmenu li:hover a { background: #FFFFFF;}

.rtt { text-align: right;}
.rtt a { padding: 3px 5px; color: #333333; background-color: #FDF32D;}