
/* basic elements */
body          { font-family: Verdana, sans-serif; background: url("images/menuback.jpg") repeat-y left top; margin: 0 }
h5   /* Subtitles */      { color: #997313; font-size: 125%; font-family: "Times New Roman", Times, serif; margin-bottom: 4px }
h4   /* menus */          { font-size: 80% }
h3 /* Bullet list using paragraph */      { font-size: 90%; font-family: Verdana, sans-serif; font-style: normal; font-weight: lighter; list-style-type: circle; display: list-item; margin-top: 0; margin-left: 12px }
h2     /* for large quotes, lots of line space */        { color: #8e2f21; font-size: 100%; font-family: "Times New Roman", serif; font-style: italic; font-weight: normal; line-height: 100%; word-spacing: 3px; letter-spacing: 2px; padding-right: 5px; padding-left: 5px }
h1 /* Green Main Title */        { color: #8e2f21; font-size: 200%; font-family: "Times New Roman", serif; font-style: italic; font-variant: normal; letter-spacing: 3px }
p       { color: black; font-size: 90%; margin-top: 0 }
a:link   { color: #1e2378; text-decoration: underline }
a:visited   { color: #6d6b6b; text-decoration: underline }
a:hover, a:active   { color: #af1673; text-decoration: underline }
/* specific divs */
#menu   { margin: 0; padding-right: 10px; padding-bottom: 20px; padding-left: 25px; position: fixed; top: 0; bottom: 20px }
#topbar  { padding-top: 10px; position: absolute; top: 0; left: 250px; width: 480px; height: 35px }
#col { padding-top: 20px; padding-bottom: 20px; position: absolute; top: 40px; left: 250px; width: 460px }
#col1  { padding-top: 20px; padding-bottom: 20px; position: absolute; top: 40px; left: 250px; width: 230px }
#col2   { padding-top: 20px; padding-bottom: 20px; position: absolute; top: 40px; left: 500px; width: 230px }
#footer /*    stays put at bottom - can contain text or image   */  { margin-bottom: 0; position: fixed; bottom: 0; left: 30px; width: 720px; height: 16px }
#footerbar { background-color: black; position: fixed; bottom: 0; height: 16px }
