body { color: #000033;
       background: #FFFFFF;
       /* Lucida is a "bigger" font by aspect value than the default Times. 
          We shrink it down to compensate. It would be better to use 
          font-size-adjust to do this but that's not yet supported in 
          browsers (nice idea though) */
       font-size: 85%;
       font-family:  "Lucida Grande", "Lucida Sans", 
           "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", 
            Geneva, Arial, Helvetica, sans-serif;
       /*font-size-adjust: .48;  sadly nobody supports this yet! */
}



* {
     font-size-adjust: inherit;
}

/* defined style classes:

   logotext, smlogotext, sans, serif, mono, quote, large,
   small, alert, warning, notice, note, fineprint, caption
   menucurrent runhead fancytext

   defined div ids

   all top bottom main

*/

/*
  Text Colors 
 */

.notice {color:blue}
.menucurrent {color: green}
h1, h2, h3, h4  {color: #336666}
.alert, .warning {color: red}
.note {color: #333366} 

.runhead {color:#336666}
.quote  {color: #333399}

/*
  Fonts 
 */

/* -- family */
/*.sans, .fineprint, .caption
{
  font-family:  "Lucida", "Lucida Grande", "Lucida Sans",  
                "Lucida Sans Unicode", Tahoma,  Verdana, Geneva,
                "Bitstream Vera Sans", Tahoma Geneva,  Arial, 
                 Helvetica, sans-serif;
}
*/


.logotext, .smlogotext {
  font-family:  Georgia, 'Times New Roman', Times, serif
}

h1, h2, h3, h4, h5, h6, .runhead, .serif {
  font-family: Georgia, 'Times New Roman', Times, serif
}

.mono, xmp {
  font-family: "Lucidia Typewriter", "Lucida Console", "Andale Mono",
               "monotype.com", "Bitstream Vera Sans Mono", monospace; 
}

.fancytext {
  font-variant: small-caps;
  font-family: Georgia, 'Times New Roman', Times, serif
}

/* -- style */

.quote {font-style: italic}

/* -- weight */

.alert, .logotext, .smlogotext, h1, h2, h3, h4, dt, .menucurrent, .runhead
{font-weight:bold}

/* -- size */
 
H1 {font-size: xx-large}
H2 {font-sze: x-large}
H3, .large, .logotext{font-size: large}
H5, .smlogotext, .caption {font-size: small}
.fineprint, H6 {font-size: x-small}
.small, .warning, .notice, .note, .callout {font-size: small}
.horizontalmenu {font-size: small} 
/* -- borders */
.callout {border: thin blue groove;}

/*
  General Layout 
 */
 
/* for center-justifying text in p and span */
p.centered, span.centered, h1.centered, h2.centered,
h3.centered, h4.centered, h5.centered, h6.centered, .caption {text-align: center}
  
/* for centering a block, or the whole body.
   Note: text-align: center, and the selectors that restore
   text-align: left, are for working around an IE 5 bug... */
 
body.centered, div.centered, .caption  {margin-left: auto; margin-right: auto;
                             text-align: center}
 
body.centered p {text-align: left}
body.centered table {text-align: left}
body.centered p.centered {text-align: center}
 
div.centered p {text-align: left}
div.centered table {text-align: left}
div.centered p.centered {text-align: center}
 

 
/* for tables and suchlike */
.groovy { border: thin blue groove}
 
/* for things that bump against the margins */
.floatleft {float: left; width: auto}
.floatright {float: right; width: auto}
.bumpleft {text-align: left; float: left; width: auto}
.bumpright {text-align: right; float: right; width: auto}
 
/* for centering vertically */
.vertical-center {vertical-align: middle}



/*
  Page Parts 
 */

/* -- backgrounds */


/* -- widths and x-position */
#main {width: 100%; float: right; }

#top {width:100%; padding-left: 1ex; padding-right: 1ex;}
#bottom {padding-left: 1ex; padding-right: 1ex;}

*/

/* Netscape 4 hide */ /*/*/
/*

body #main {width: auto;
            padding-left: 2ex; padding-right: 2ex; float: none;}
/* Netscape 4 unhide */

*/

/* -- heights and y-positions*/
#main {min-height: 45ex;}
#wrap {padding: 2ex;}

/* -- other decls */


#main { text-align: justify; }
.callout, li { text-align: left; }
li {list-style: square inside}
#top { clear: both; margin-top:10px; margin-bottom: 0px;}

#bottom { /* clear handled by <br> in body - NS 4 work-around */
  margin: 0px;
}

main-footer {margin: 0px;}

.callout {padding: 5px; margin: 5px}

a:link {color: #0000cc}
a:active {color: #FF00FF}
a:visited {color: #333366}