/* changed to use tables not absolute divs and blocks
cjr 20.5.03 */
body {
 font-family:Arial, Helvetica, sans-serif;
  /* font-size: 16px; */
/* as main p */
  font-size: 24px;
  color: #060;
  font-weight: bold;
  clear: left;
 /* background-color: transparent;*/
 /* background: white;*/
  background-image: url(cittext.gif);
  margin: 0;  padding: 0;
 }

/* Top banner bar formatting */
div.top { 
  /*color: #063; background:#9C3;*/
  border: 3px lime outset; 
}
div.main {
 background-image: url(cittext.gif); 
 font-size: 24px;
 color: #060;
}
div.side {
 background-image: url(cittext.gif);
 }
div.nav {
 background: transparent;
 }
 div.footer (
 background:olive;
 z-index: 2; 
 }
 
/* Nested padding for side, main, and right column divisions. */
div.sidepad {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

div.mainpad {
  padding-top: 60px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}

div.rightpad {
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}

/* Settings for the side division. */
div.side p {
  margin-top: 0pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10pt;
}

div.side a, div.side a:link, div.side a:visited, div.side a:active {
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  color: #cf6;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, sans-serif;
  padding: 5px;
  background-color: #066;
  border: 3px #fc0 outset;
  width: 90px;
  voice-family: inherit;
}

html>body div.side a {
  width: 90px;
}

/* End box model hack */
div.side a:hover {
  color: #036;
  background-color: #fc0;
  padding: 5px;
  border: 3px #cf0 outset;
  margin-bottom: 16px;
  margin-top: 16px;
  border: 3px #cf0 outset;
}
/* buttons */

div.buttons a, div.buttons a:link, div.buttons a:visited, div.buttons a:active {
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  color: #cf6;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, sans-serif;
  padding: 5px;
  background-color: #066;
  border: 3px #fc0 outset;
  width: 80px;
  voice-family: inherit;
}
div.buttons a:hover{
  color: #036;
  background-color: #fc0;
  padding: 5px;
  border: 3px #cf0 outset;
  margin-bottom: 16px;
  margin-top: 16px;
  border: 3px #cf0 outset;
}

/* Settings for the main division */
div.main img {
  /*type: block;*/
  float: centre;
  margin-top: 20pt;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.main p {
  font-size: 18px;
  color: #060;
  clear: left;
  background-color: transparent;
}



div.main h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #006600;
  text-align: center;
  padding-top: 0pt;
  padding-bottom: 5px;
  background-color: transparent;
}

div.main a, div.main a:link, div.main a:visited, div.main a:active {
  color: #cf6;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, sans-serif;
  background-color: #066;
  /*border-top: 3px #fc0 outset;
  border-right: 3px #fc0 outset;
  border-bottom: 3px #fc0 outset;
  border-left: 3px #fc0 outset; */
}

div.main a:hover {
  color: #036;
  background-color: #fc0;
  /*padding: 5px;
  margin-bottom: 16px;
  margin-top: 16px;
  border: 3px #cf0 outset;*/

/* Settings for the right division */
div.right h2 {
  color: #006600;
  margin-top: 10px;
  padding-bottom: 3px;
  background-color: transparent;
  border-bottom: 3px lime groove;
}

div.right h3 {
  font-size: 16px;
  margin-bottom: 0pt;
  color: #003300;
  background-color: transparent;
}

div.right p {
  margin-bottom: 0pt;
  margin-top: 0pt;
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: -5px;
}
/*
div.right a, div.right a:link, div.right a:visited, div.right a:active {
  color: yellow;
  background-color: transparent;
}

div.right a:hover {
  color: lime;
  text-decoration: none;
  background-color: #c00;
} 
*/

/* footer  */
div.footer a, div.footer a:link, div.footer a:visited, div.footer a:active {
  color: #036;
  background-color: #fc0;
  text-decoration: none;
}
div.footer a:hover {
 color: #cf6;
 background-color: #066;
 text-decoration: none;
   }

/* nav  */
div.nav a, div.nav a:link, div.nav a:visited, div.nav a:active {
  color: #036;
  background-color: #fc0;
  text-decoration: none;
}
div.nav a:hover {
 color: #cf6;
 background-color: #066;
 text-decoration: none;
   }

/* General settings */
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 41px;
  color: #006600;
  text-align: center;
  margin-top: 0pt;
  margin-bottom: 0pt;
  background-color: transparent;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  color: #006600;
  text-align: center;
  margin-top: 0pt;
  margin-bottom: 0pt;
  background-color: transparent;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #006600;
  text-align: center;
  margin-top: 0pt;
  margin-bottom: 0pt;
  background-color: transparent;
}

a {
  color: blue;
  font-weight: bold;
  background-color: transparent;
}

a:link {
  color: red;
  background-color: transparent;
}

a:visited {
  color: red;
  background-color: transparent;
}

a:active {
  color: blue;
  background-color: lime;
}

a:hover {
  color: #fc0;
  text-decoration: none;
  background-color: red;
}

HEAD {
}