body {
  background-color: gray;
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  margin: 0;
}

#header {
  background-color: black;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  align: center;
  height: 100px;
}

#headerMain1 {
  font-family: "Times New Roman", Arial, "News Gothic MT", Times, serif;
  font-size: 30pt;
  text-align: left;
  padding: 10px;
  padding-bottom: 30px;
  color: white;
}

#headerMain2 {
  color: gray;
  font-size: 10pt;
  text-align: left;
  margin-top: -40px;
  margin-left: 510px;
  padding:0;
}

.headerImg {
  position: relative;
  float: right;
  top: -100;
  right: 0;
  border: 0;
  padding: 5px;
}

.pageImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0;
}

#menu {
positin: absolute;
  background-color: red;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  align: center;
}

#menuMain {
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  color: white;
  font-size: 10pt;
  text-align: left;
  padding-left: 10px;
  color: white;
}

.menuItem {
  font-size: 10pt;
  padding-left: 20px;
  border-right: thick black;
  z-index: 2000;
}

a:link, a:visited {
   text-decoration: none;
   color: #000080; /* white */
   color: blue;
}

a:hover, a:active {
   color: black;
}

a.menu:link, a.menu:visited {
   text-decoration: none;
   color: white;
}

a.menu:hover, a.menu:active {
   color: white;
}

table.menu {
  border-color: green;
}

table.menu td {
  border-right: solid;
}

table.menu tr.special td {
  border-right: 2px;
  padding-left: 5px;
  padding-right: 7px;
  text-align: center;
  border-color: gray;
}

#banner {
  background-color: black;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  height: 130px;
  align: center;
}

#bannerMain
{
 float: left;
 width: 780px;
}

/*  commented to allow full width banner (animation and text)
#bannerMain {
  float: left;
  width: 504px;
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  font-style: italic;
  text-align: center;
  padding: 10px;
  /*padding-left: 85px;
  padding-right: 440px;*/
  
  /*
  color: #F6FBBC;
}

#flashStream
{
position: absolute;
 width: 256px;
 float: left;
 z-index: 1;
}
*/

.bannerImg {
  position: relative;
  float: right;
  top: -100;
  right: 0;
  border: 0;
}

#contentHome {
  background-color: #F6FBBC;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  height: 540px;  //was 500px but needed some real estate
  align: center;
}

#content {
  background-color: #F6FBBC;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  align: center;
}

#contentLeft {
  position: absolute;
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  text-align: justify;
  padding: 10px;
  padding-left: 20px;
  padding-right: 5px;
  width: 240px;
  color: black;
}

#contentCenter {
  position: absolute;
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  text-align: justify;
  margin-left: 265px;
  width: 240px;
  padding: 10px;
  padding-left: 5px;
  padding-right: 5px;
  color: black;
}

#contentRight {
  position: absolute;
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  text-align: justify;
  margin-left: 515px;
  padding: 10px;
  padding-left: 5px;
  padding-right: 20px;
  width: 240px;
  color: black;
}

#contentRightAnnouncement {
  position: absolute;
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  text-align: justify;
  padding-left: 5px;
  padding-right: 20px;
  width: 240px;
  color: red;
}

#contentMain {
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  text-align: justify;
  padding: 10px;
  width: 600px;
  align: center;
  color: black;
  margin-left: auto;
  margin-right: auto;
}

#contentMainIndent {
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  text-align: justify;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 440px;
  align: center;
  color: black;
  margin-left: 40px;
  margin-right: 40px;
  border: 1px solid black;
}

#contentSubText {
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 7pt;
  width: 600px;
  color: black;
  margin-left: auto;
  margin-right: auto;
}

h1 {
   text-align: left;
   font-size: 11pt;
   font-weight: bold;
   color: black;
   margin-bottom: 0;
}

h1.pageTitle {
   text-align: Center;
   font-size: 14pt;
   font-weight: bold;
   color: black;
}

h2 {
   text-align: center;
   font-size: 8pt;
   display: inline;
}

img {
 border: 0px;
}

img.links {
 border: 0px;
 display: inline;
 vertical-align: middle;
}

hr {
   width: 100%;
   border: none;
   height: 1px;
   color: gray;
}

p.announcement {
  text-align: center;
  font-size: 8pt;
  font-weight: bold;
  color: green;
}

p.pictures {
  width: 780px;
  text-align: justify;
}

#council {
  margin-left: 170px;
}

#contentRightBlock {
  height: 240px;
}

#footer {
  background-color: black;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  height: 30px;
}

#footerMain {
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  padding-top: 7px;
  text-align: center;
  color: white;
}

#footerSub {
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 8pt;
  padding-top: 10px;
  text-align: right;
  color: #BEBEBE;
}

a.footer:link, a.footer:visited {
   text-decoration: underline;
   color: #BEBEBE;
}

a.footer:hover, a.footer:active {
   color: black;
}

#dropmenudiv{
  position:absolute;
  border:1px solid gray;
  font-family: Arial, "News Gothic MT", "Times New Roman", Times, serif;
  font-size: 10pt;
  z-index:100;
}

#dropmenudiv a{
  width: 100%;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid black;
  padding: 1px 0;
  text-decoration: none;
  color: white;
}

#dropmenudiv a:hover{ /*hover background color*/
  background-color: black;
  color: red;
}

img.floatLeft { 
  float: left;
  margin: 4px; 
}

td.contactTable {
  font-weight: bold;
}

#box {
  border: 1px solid black;
  padding: 1px;
  color: black;
}

.clearfloat
{
  clear: both;
}