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('banners/associationbanner.jpg');
}

.baptistbanner {
  height: 135px;
  background-image: url('banners/baptistbanner.jpg');
}

.bulletinboardbanner {
  height: 135px;
  background-image: url('banners/bulletinboardbanner.jpg');
}

.clearlakebanner {
  height: 135px;
  background-image: url('banners/clearlakebanner.jpg');
}

.clscbanner {
  height: 135px;
  background-image: url('banners/clscbanner.jpg');
}

.clycbanner {
  height: 135px;
  background-image: url('banners/clycbanner.jpg');
}

.islandbanner {
  height: 135px;
  background-image: url('banners/islandbanner.jpg');
}

.cyclistsbanner {
  height: 135px;
  background-image: url('banners/cyclistsbanner.jpg');
}

.endowmentbanner {
  height: 135px;
  background-image: url('banners/endowmentbanner.jpg');
}

.funbanner {
  height: 135px;
  background-image: url('banners/funbanner.jpg');
}

.gallerybanner {
  height: 135px;
  background-image: url('banners/gallerybanner.jpg');
}

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

.lionsbanner {
  height: 135px;
  background-image: url('banners/lionsbanner.jpg');
}

.postcardsbanner {
  height: 135px;
  background-image: url('banners/postcardsbanner.jpg');
}

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

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

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

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

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

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

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

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

#navbar td {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  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;
}