/*

main.css

This is intended to be used by all pages appearing in the "main" palladium style
changes to this sheet will instantly be reflected by any page that includes this
sheet with a tag of the form

<LINK REL="StyleSheet" HREF="main.css" TYPE="text/css" MEDIA="screen">

main: specific to the main page
menu: menu on the left side of a page
item: link on the left side of page

navbar: top of all other pages
button: replaces old swf files

Netscape 4 is a CSS 1 parser, so that means that relative font changes are 150%
instead of 120%. And the implicit inherit property does not seem to work.

inheritance is not allowed in css1, but assumed under css2

hover is not valid under css1 and may cause a css1 error?

CSS standard is to use color HEX values
"web safe colors" only use 00, 33, 66, 99, CC and FF (for each rgb)

The names used in CSS1, but safe, are:

Black   Silver  Gray    White
#000000 #cccccc #666666 #ffffff

Maroon  Red     Purple  Fuchsia
#660000 #ff0000 #660066 #ff00ff

Green   Lime    Olive   Yellow
#006600 #00ff00 #666600 #ffff00

Navy    Blue    Teal    Aqua
#000066 #0000ff #006666 #00ffff

*/

/* the body tag specifies the basic color scheme and background image */
/* default text & background colors */
/* because of css1, the color must be specified for all tags, it is not inherited! */
body {
 background-color:#000000;
 color:#FFFFFF;
}

/* all paragraphs could actually be indented */
/* background color can be specified as transparent everywhere */
p, td {
 background-color:transparent;
 color:#FFFFFF;
 text-indent:0em;
 font-weight:normal;
}

/* bold (etc.) text should also be default color */
b, ul, ol, dl, li {
 background-color:transparent;
 color:#FFFFFF;
 font-weight:bold;
}

small {
 background-color:transparent;
 color:#FFFFFF;
 font-weight:normal;
}

sup {
 font-size:80%;
}

/* emphasized text is bold and colored */
em {
 background-color:transparent;
 color:#009999;
 font-weight:bold;
 font-style:normal;
}

/* we use this tag to uniformally change the font of headers */
h1, h2, h3, h4, h5, h6 {
 background-color:transparent;
 color:#FFFFFF;
 font-family:arial, sans-serif;
 font-weight:bold;
}

/* main page also centers the special headline under the logo */
h2.main {
 background-color:transparent;
 color:#006666;
 font-family:arial, sans-serif;
 font-weight:bold;
 text-align:center;
}

/* "A" (anchor) references get special colors */
a {
 font-weight:normal
}
a:link {
 background-color:transparent;
 color:#FFFFFF;
}
a:visited {
 background-color:transparent;
 color:#99FFFF;
}
a:active {
 background-color:transparent;
 color:#99FFFF;
}
a:hover {
 background-color:transparent;
 color:#009999;
}

td.menu {
 background-color:#006666;
 color:#FFFFFF;
 font-family:arial, sans-serif;
 font-weight:bold;
 font-style:italic;
}

a.item {
 font-family:arial, sans-serif;
 font-weight:bold;
 font-size:80%;
}

em.item {
 background-color:transparent;
 color:#009999;
 font-family:arial, sans-serif;
 font-weight:bold;
 font-size:80%;
}

em.hot {
 background-color:transparent;
 color:#FF0000;
 font-family:arial, sans-serif;
 font-style:italic;
 font-weight:bold;
 font-size:80%;
}

table.navbar {
 width:100%;
}

td.navbar {
 background-color:#006666;
 color:#FFFFFF;
 width:20%;
 text-align:center;
}

a.navbar {
 font-family:arial, sans-serif;
 font-style:normal;
 font-weight:bold;
 font-size:80%;
}

/* centering is not cross browser compliant */
/* so should be implemented with <center> instead */

.button {
 border:medium ridge #CCCCCC;
 background-color:#006666;
 color:#FFFFFF;
 text-align:center;
 vertical-align:middle;
 padding:5px;
 font-family:arial, sans-serif;
 font-size:120%;
}

/* used only on the errata pages */

table.errata {
 width:100%;
}

td.errata {
 border-width:thin;
 border-style:ridge;
 border-color:#CCCCCC;
}