/* CSS Document */
html {height: 100%; margin: 0px; padding: 0px}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; height: 100%; margin:0px; padding:0px}
/* body.splash {background-image:url(images/whately2c.jpg); overflow:hidden} */
body.splash {height: 100%; margin: 0px; padding: 0px; overflow:hidden}
img#splash {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1}
#content {position:relative; z-index:1}
.minilogo {background-color:#CCCCCC; padding:10px; border:none; height:29px; width:100px; position:absolute; top:0px; left:0px}
/* .minilogo width:120px better for 1024x768 screen*/

.siteheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#000000; background-color:#9ADA9D; padding:10px; border:none; text-align:center; text-indent:120px; position:static; top:0px;background-image:url(images/ocean1.jpg)} /* height:29px */
/* background-color:#9ADA9D; background-image:url(images/ocean1.jpg) */
img.leftlogo {position:absolute; top:2px; left:5px} /* was top:2px; left:5px */
.splash_heading1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#000000; background-color:#9ADA9D; padding:10px; border:none}
.splash_heading {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#000000; padding:10px; border:none; text-align:center}
.subheading {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; padding:10px; border:none}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:16pt; font-weight:bold}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold}
h5 {font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; display:inline}
ul {margin-top:0px}
#subheading {font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold; color:#888888}
#place_title {font-family:Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold}
p.instr {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal}
.catlist {width:400px; border:none}
.category {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold}
.fine {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:x-small; font-weight:normal;}
.footnotes {font-family:Arial, Helvetica, sans-serif; font-size:x-small; margin-left:10px}
a:link {text-decoration:none}
a.black:link {text-decoration:none; color:#000000}
a.black:visited {text-decoration:none; color:#000000}
a:visited {text-decoration:none; color:#0000FF}
a:hover {color:#FF0000}
a.list:link {font-size:10px; text-decoration:none}
a.list:visited {font-size:10px; text-decoration:none; color:#0000FF}
a.list:hover {color:#FF0000}
a img.bigbutton {border:none}
a img.map {border:none}
img.photo1 {margin-right:4px; margin-bottom:4px; border-width:1px; border-color:#000000; border-style:inset}
img.photo2 {margin-right:0px; margin-bottom:4px; border-width:1px; border-color:#000000; border-style:inset}
img.townphoto {margin-right:5px; margin-bottom:5px; vertical-align:top; height:118px}
img.townphoto4 {margin-bottom:5px; vertical-align:top; height:118px}
img.map {border:none}
.redstatus {color:#FF0033; font-weight:bold}
.logoBlack {color:#000000; position:relative; bottom:0px}
.logoRed {color:#F00000; position:relative; bottom:0px}
.logoGreen {color:#00B904; position:relative; bottom:0px}
.logoPurple {color:#CC66FF; position:relative; bottom:0px}
.logoBlue {color:#1D82FC; position:relative; bottom:0px}
.logoDarkGrey {color:#666666; position:relative; bottom:0px}
select.small {font-family:Arial, Helvetica, sans-serif; font-size:11px}
input.small {font-family:Arial, Helvetica, sans-serif; font-size:10px}
.indentedlist {padding-left:30px; text-indent:30px}
table.racelist {margin-left:30px; border-collapse:collapse}
td {vertical-align:top}
td.right {text-align:right; padding-right:10px}
.bigfont {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold}
.greentext {color:#009900}
.scriptfont {font-family:Helmsley, "Comic Sans MS", PrestonScript, "Lucida Handwriting", Speedball, Arial}
.text_justify {text-align:justify}
/*
/* source: http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
/* Put this here because Internet Explorer 6 isn't standards compliant (prior to XP SP2?)
/* and this may be necessary to create the splash screen with the stretched image as a faux background
/* However this code caused problems including
/* making the leftlogo remain at its position regardless of scrolling
<!--[if IE 6]>
<style type="text/css">
html { overflow-y: hidden; }
body { overflow-y: auto; }
body.splash { overflow-y: auto; }
img#splash { position:absolute; z-index:-1; }
#content { position:static; }
</style>
<![endif]-->
*/