/* Overall definition */
/* Arial or sans-serif font, black on white.  Links and titles red on white */
body    { font-family: arial, helvetica, sans-serif; color: #000000; background: #FFFFFF; padding: 0px; margin: 10px 10px 0 10px; }
a       { color: #CC0000; }
:hover  { color: #FF6666; }
h1      { color: #CC0000; }
h2      { color: #CC0000; }
h3      { color: #CC0000; }
b      { color: #CC0000; }
.th     { font-size: 70%; vertical-align: super; }

.ahem   { display: none; } /* For the browser upgrade initiative */


/* Layout definition */
/* Title division: Width of window, image on left with centred text */
div.title     { float: left; margin: 0; width: 100%; height: 125px; }
div.title img { float: left; margin: 0 30 0 0; vertical-align: middle; }
div.title h2  { color: #000000; }
/* Main or content division: Right of window, most of window */
div.content   { margin: 0 0 0 125; }
/* Nav division: Non-interrupting, red links in block format (one-per-line) */
div.nav       { position: absolute; left: 10px; top: 145px; width: 125px; text-align: center; }
div.nav a     { color: #CC0000; font-size: larger; display: block; }

/* Special image/caption definition */
/* Left aligned image with text to the right */
div.left  { width: 100%; text-align: left; }
/* Right aligned image with text to the left, right-aligned */
div.right { width: 100%; text-align: right; }

div.gallery     { text-align: center; }
div.gallery img { height: 200px; width: 200px; margin: 5px; }

/* Form layout and display definition */
form          { text-align: left; }
form .label   { float: left; width: 80px; margin-right: 10px; text-align: right; vertical-align: top; }
form .input   { width: 60%; border-style: solid; border-color: #666666; font-family: times, serif; font-size: small; }
html>body .input { width: 90%; } /* Non-IE width hack.  Go figure */
form .button  { margin-left: 90px; }

/* Gallery layout */
div.thumb { float: left; text-align: center; border: none; }