body {
  background-color: #808080;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

table {
  background-color: #FFFFFF;
  font-family: Arial, helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
}

td {
  vertical-align: top;
  text-align: left;
}

H1, H2 {
  font-size: 12pt;
}

a:link {color: #0000FF; text-decoration: none;}
a:visited {color: #0000FF; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: underline;}

a.Small:link{font-family: Verdana, sans-serif; color: #0000ff; text-decoration: none; font-weight: normal; font-size: 8pt;}
a.Small:visited {font-family: Verdana, sans-serif; color: #0000FF; text-decoration: none; font-weight: normal; font-size: 8pt;}
a.Small:active {font-family: Verdana, sans-serif; color: #0000FF; text-decoration: none; font-weight: normal; font-size: 8pt;}
a.Small:hover {font-family: Verdana, sans-serif; color: #0000ff; text-decoration: underline; font-weight: normal; font-size: 8pt;}

#maintable {
	width: 875px;
  border-collapse: collapse;
}

#banner {
  height: 135px;
  vertical-align: top;
  padding-left:30px;
  padding-top: 78px;
}

.associationbanner {
  height: 135px;
  background-image: url('images/association.jpg');
}

.businessbanner {
  height: 135px;
  background-image: url('images/business.jpg');
}

.historybanner {
  height: 135px;
  background-image: url('images/history.jpg');
}

.photosbanner {
  height: 135px;
  background-image: url('images/photos.jpg');
}

.weatherbanner {
  height: 135px;
  background-image: url('images/weather.jpg');
}

#banner-maker {
  height: 135px;
  vertical-align: top;
  padding-left:31px;
  padding-top: 73px;
}

.leftside {
  width: 15px;
  background-color: #808080;
  background-image: url("images/leftside.gif");
}

.rightside {
  width: 15px;
  background-color: #808080;
  background-image: url("images/rightside.gif");
}

.sides {
  width: 15px;
  background-color: #808080;
}

.leftcorner {
  width: 15px;
  background-color: #808080;
  background-image: url("images/leftcorner.gif");
}

.rightcorner {
  width: 15px;
  background-color: #808080;
  background-image: url("images/rightcorner.gif");
}

.bottom {
  height: 21px;
  background-color: #808080;
  background-image: url("images/bottom.gif");
}

#navbar {
  height: 22px;
  width: 100%;
  border-collapse: collapse;
  background-color: #6699CC;

font-family: sans-serif;
  font-size: x-small;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

#navbar td {
  font-family: sans-serif;
  font-size: x-small;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

#navbar a:link {color: #EEEEEE; text-decoration: none;}
#navbar a:visited {color: #EEEEEE; text-decoration: none;}
#navbar a:hover {color: #FFFFFF; text-decoration: underline;}

#contentcell {
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #FFFFFF;
  color: #000000;
}

#contentcelldark {
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #111111;
  color: #FFFFFF;
}

.contentarea {
  border-collapse: collapse;
  font-family: Arial, helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

#contentarea {
  border-collapse: collapse;
  font-family: Arial, helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

#contentareadark {
  border-collapse: collapse;
  font-family: Arial, helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  width: 100%;
  background-color: #111111;
  color: #FFFFFF;
}

#contentcelldark a:link {color: #FFFFFF; text-decoration: none;}
#contentcelldark a:visited {color: #FFFFFF; text-decoration: none;}
#contentcelldark a:hover {color: #FFFFFF; text-decoration: underline;}

#contentarea H1 {
  font-size: 12pt;
}

#contentarea H2 {
  font-size: 12pt;
}

#contentareadark H2 {
  font-size: 12pt;
}

#footerline {
  text-align: center;
}

#footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
}

#footer a:link {color: #000000; text-decoration: none;}
#footer a:visited {color: #000000; text-decoration: none;}
#footer a:hover {color: #0000FF; text-decoration: underline;}

.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
}

.footer.a:link {color: #000000; text-decoration: none;}
.footer.a:visited {color: #000000; text-decoration: none;}
.footer.a:hover {color: #0000FF; text-decoration: underline;}

.pagebreakbefore{page-break-before: always}

.small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}

.legal {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #888888;
}