/* positioning */
#page { margin: auto; width: 780px; }
#content { padding: 18px; }
#footer { padding: 10px; text-align: center; }

/* backgrounds */
body { background: #000040; }
#content { background: white; border: 5px solid orange; }

/* menu */
#menu { line-height: 350%; }
#menu ul { background: #000040; }
#menu li { width: 111px; }
#menu li li { width: 157px; line-height: 250%; }
#menu a { color: white; text-decoration: none; font-weight: bold; }
#menu a:hover { color: yellow; }

/* misc */
#footer { color: #ddd; font-size: 80%; }
#footer a { color: #ddd; }
#footer a:hover { color: yellow; }

/* html styles */
body {
  font-family: Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 14px; line-height: 150%;
}
a { text-decoration: underline; font-weight: normal; color: #000040; }
a:hover { color: maroon; }
td, th { padding: 5px; }
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a { color: navy; }