/*
// -----------------------------------------------------------------------------
// File: rom-screen.css
//
// Notes:
//   Colors used in website:
//
//     Black        = "#000000"
//     DarkGreen    = "#006633"
//     LightGreen   = "#336600"
//     SantaFeBlue  = "#6699FF"
//     Brick        = "#993300"
//     Rust         = "#CC6600"
//     OffWhite     = "#EFEFEF"
//     Gold         = "#FFCC00"
//     Lemon        = "#FFFF99"
//     Eggshell     = "#FFFFEF"
//     White        = "#FFFFFF"
//     LightGray    = "#CCCCCC"
// -----------------------------------------------------------------------------
*/

/* Avoid horiz scrollbar in Mac IE */
html {
  width: 98%;
}

body {
  margin: 10px 5px 10px 5px;
  color: black;
  background-color: white;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.9em;
  font-weight: normal;
}

/* Main content appears on left side of window */

#content {
  margin: 0 0 0 0;
  padding: 0 0 0 30px;
  width: 77%;
  color: black;
  background-color: white;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.9em;
  font-weight: normal;
}

#content h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: #CC6600;                 /* rust */
  background-color: white;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#content h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.25em;
  margin-bottom: 0.5em;
  text-align: center;
}

#content h2 {
  margin-top: 1em;
  margin-bottom: 0;
  margin-left: -25px;
  padding: 0;
  text-align: left;
  font-size: 2.5em;
  border-top: 2px solid #CC6600;  /* rust */
}

#content h3 {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: -15px;
  text-align: left;
  font-size: 2.25em;
  border-top: 1px solid #CC6600;  /* rust */
}

#content h4 {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left;
  font-size: 2em;
}

#content h5 {
  margin-top: 0.2em;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left;
  font-size: 1.5em;
  font-style: italic;
}

#content h6 {
  margin-top: 0.2em;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left;
  font-size: 1.25em;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
}

#content p {
  margin-top: 0;
  margin-left: 0;
  text-align: left;
  font-size: 0.9em;
}

#content h2.year {
  margin-left: -15px;
  padding: 3px 0 0 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 1.5em;
  color: #CC6600;                 /* rust */
  background: #FFFF99;            /* lemon */
  border-width: 3px 0 0 0;
  border-color: #CC6600;          /* rust */
  border-style: solid;
}

#content h3.year {
  margin-top: 1em;
  padding: 3px 0 0 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 1.5em;
  color: #CC6600;                 /* rust */
  background: #FFFF99;            /* lemon */
  border-width: 3px 0 0 0;
  border-color: #CC6600;          /* rust */
  border-style: solid;
}

#content p.notehead {
  margin: 0 1em 0.5em 0;
  padding: 0.5em;
  float: left;
  width: 4em;
  text-align: left;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #CC6600;      /* rust */
  color: #CC6600;                 /* rust */
  background: #FFFF99;            /* lemon */
}

#content p.notebody {
  padding: 0.75em 0.5em 0.5em 0.5em;
  border: 1px solid #993300;      /* brick */
}

#content p.bookref {
}

#content .elsewhere {
}

#content a {
}

/* Side column appears on right side of window */

#sidecol {
  position: absolute;
  z-index: 5;
  top: 120px;
  width: 150px;
  margin: 0 0 0 81%;
  padding-left: 5px;
  border-style: solid; border-width: 0;
  border-left: 1px solid #CCCCCC;
}

#sidecol .side-logo {
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  border-style: solid; border-width: 0;
}

#sidecol .side-head {
  margin: 10px 0 0 0;
  padding: 5px 0 5px 5px;
  color: black;                   /* black */
  background-color: #FFFF99;      /* lemon */
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  border: 1px solid #993300;
}

#sidecol .side-links {
  margin: 0;
  padding: 5px 2px 5px 5px;
  color: black;                   /* black */
  background-color: #FFCC00;      /* gold */
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  border: 1px solid #993300;
}

#sidecol a.side-link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: underline;
}
#sidecol a.side-link:link    { color: black; }
#sidecol a.side-link:visited { color: black; }
#sidecol a.side-link:hover   { color: white; }

#sidecol .side-me {
  color: black;                   /* black */
  background-color: #FFCC00;      /* gold */
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
}

#sidecol a.side-sublink {
  padding-left: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: underline;
}
#sidecol a.side-sublink:link    { color: black; }
#sidecol a.side-sublink:visited { color: black; }
#sidecol a.side-sublink:hover   { color: white; }

#sidecol .side-subme {
  padding-left: 8px;
  color: black;                   /* black */
  background-color: #FFCC00;      /* gold */
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
}

#sidecol a.side-sublink2 {
  padding-left: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: underline;
}
#sidecol a.side-sublink2:link    { color: black; }
#sidecol a.side-sublink2:visited { color: black; }
#sidecol a.side-sublink2:hover   { color: white; }

#sidecol .side-subme2 {
  padding-left: 16px;
  color: black;                   /* black */
  background-color: #FFCC00;      /* gold */
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
}

/* Features that span entire window width */

#logo {
  height: 45px;
  margin: 0;
  padding: 0;
  background-color: black;
  vertical-align: middle;
}

#logo .logo-img {
  margin: 0;
  padding: 0;
  float: left;
  background-color: black;
  border-width: 7px;
  border-style: ridge;            /* picture frame look */
  border-color: #FFCC00;          /* gold */
}

#logo .catchphrase {
  margin: 0.5em 2em 0 0;
  color: white;
  float: right;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.5em;
  font-weight: bold;
  font-style: italic;
}

#motto {
  margin: 0;
  padding: 2px 0 2px 0;
  color: #FFCC00;                 /* gold */
  background-color: #993300;      /* brick */
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
}

#breadcrumb {
  padding: 2px 0 5px 5px;
  color: black;
  background-color: #FFCC00;      /* gold */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
}

#breadcrumb a.crumb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: underline;
}
#breadcrumb a.crumb:link    { color: black; }
#breadcrumb a.crumb:visited { color: black; }
#breadcrumb a.crumb:hover   { color: white; }

#footer {
  clear: both;
  margin: 10px;
  padding: 3px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

#footer .pleasant {
  margin: 0;
  padding: 0.5em;
  color: #FFCC00;                 /* gold */
  background-color: #993300;      /* brick */
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
}

#footer .contact {
  margin: 3px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 0.7em;
  font-weight: normal;
}

#footer .copyright {
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 0.7em;
  font-weight: normal;
}

hr { color: #CC6600; }            /* rust */