body {
  font-family : Arial, Helvetica, sans-serif;
  text-align : center; /* to pick up quirky browsers */
  font-size : 12px;
}
a:link { color : #333333; }
a:visited { color : #666666; }
a:hover { text-decoration : none; }
h1 { font-size : 18px; }
h2 { font-size : 16px; }
h3 { font-size : 14px; }
h3 { font-size : 12px; }
p, li, td { font-size : 12px; }
td { padding : 0; }
img { border : 0 }
/* --- email Button --- */
a.emailButton {
  border : solid 2px #E8DF96 green outset;
  text-decoration : none;
  background-color : #E8DF96;
  font-weight : bold;
  color : green;
  padding : 1px 2px;
}
a.emailButton:hover {
  background-color : #FFFFBB;;
}
/* --- wrapper around each page --- */
div#wrapper { 
  width : 730px;
  margin : 0 auto;
  text-align : left; /* to undo the quirky browser hack */
}
/* -- errorMessage -- */
div.errorMessage {
  font-weight : bold;
  color : red;
}
/* -- infoBox -- */
div.infoBox {
 width : 90%; /* as wide as column1 on content2col table */
 border : solid 1px #007C42;
 background-color : #FFFFBB;
 padding : 0px;
 margin-bottom : 5px;
 margin-top : 10px;
}
div.infoBox h1 {
 margin : 1px;
 width : auto;
 font-size : 14px;
 font-weight : bold;
 font-family : Arial, Helvetica, sans-serif;
 margin-bottom : 5px;
 background-color : #E8DF96;
 padding : 2px 5px;
 text-align : center;
}
div.infoBox p {
 font-size : 11px;
 font-family : Arial, Helvetica, sans-serif;
 margin : 5px 5px;
}
/* -- inTextImage -- */
div.inTextImage {
  width : 260px;
}
div.inTextImage img {
  margin : 5px 5px 0 5px;
}
div.inTextImage p.caption {
  font-size : 12px;
  font-style: italic;
  font-weight : bold;
  text-align : center;
  margin-top : 5px;
}
/* --- banner at top of each page --- */
div#banner {
  width : 100%;
  vertical-align : middle;
  text-align : right;
  height : 80px;
  background-color : #007C42; /* green */
}
div#banner img {
  margin : 5px 2px 5px 0px;
  vertical-align : middle;
}
div#banner img#rightImage {
  margin : 5px 4px 5px 2px;
  vertical-align : middle;
}
div#banner img.logo {
  float : left;
  margin : 0;
}
/* --- printBanner --- */
div#printBanner {
  width : 100%;
  text-align: center;
}
div#printBanner p {
  font-size : 12px;
  font-weight : bold;
  font-family : "Times New Roman", Times, serif;
  margin : 2px 0;
}
/* --- printForm --- */
div#printForm {
}
div#printForm h1 {
  margin-left : 10px;
  clear : right;
}
div#printForm p.choice {
  margin-left : 20px;
  vertical-align : middle;
}
div#printForm p.choice img {
  margin-right : 5px;
}
table#formContactInfo {
  width : 100%;
  margin : 10px 10px 20px 10px;
}
table#formContactInfo tr {
  height : 20px;
}
table#formContactInfo td.label{
  width : 60px;
  font-size : 12px;
  font-weight : bold;
  border : 0;
}
table#formContactInfo td.blank{
  width : auto;
  border-bottom: solid 1px black;
}
/* --- mainMenu on every page --- */
table#mainMenu {
  margin-top : 2px;
  padding : 0px;
  float : right;
  background-color : #FFFFDD;
  width : 730px;
}
table#mainMenu tr td.menuCell{
  text-align : center;
  border-style : solid;
  border-color : green;
  border-width : 1px 1px 1px 0;
  padding : 0;
  width : 100px;
}
table#mainMenu tr td.selectCell {
  text-align : right;
  padding : 0;
  width : 130px;
  background-color: #FFFFBB;
}

table#mainMenu tr td.selectCell select{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
padding: 0px;
font-size: 10px;
color: #336633;
background-color: #FFFFBB;
margin-left : 4px;
margin-right : 0;
width : 126px;
}
table#mainMenu tr td.leftMenuCell {
  border-width : 1px 1px 1px 1px;
}
table#mainMenu tr td.menuCell a.menuItem {
  display : block;
  white-space: nowrap;
  text-align : center;
  background-color : #E8DF96;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  color : #336633; 
  text-decoration : none;
  padding : 1px 0;
}
table#mainMenu tr td a.menuItem:hover{
  color : #000000;
  background-color : #FFFFBB;
}
/* --- pageHeader text title on each page --- */
h1.pageHeader {
  font-size : 22px;
  font-weight : bold;
  font-variant : small-caps;
  font-family : "Times New Roman", Times, serif;
  color : #007C42;
  margin : 8px 0 8px 0;
  clear : both;
}
h1.pageHeader span.subTheme {
  font-style: italic;
  font-variant : normal;
  font-size : 20px;
  margin-left : 8px;
}
/* --- content3Col on home page --- */
table#content3Col {
  background-color : #FFFFFF;
  width : 100%;
}
table#content3Col tr td.contentColumn {
  padding : 0px;
  width : 33%;
  vertical-align : top;
}
table#content3Col tr td.contentColumn h1, h2, h3, p {
  margin : 5px 5px 5px 0;
}
/* --- content2Col on inner pages -- */
table#content2Col {
  background-color : #FFFFFF;
  width : 100%;
}
table#content2Col tr td.column1 {
  padding : 0px;
  width : 150px;
  vertical-align : top;
}
table#content2Col tr td.column2 {
  padding : 0px;
  width : auto;
  vertical-align : top;
  border-left : solid 1px green;
}
table#content2Col tr td.column2 h1, h2, h3, h4, p {
  margin-left : 10px;
}
/* --- contactUsForm the online form page--- */
div#contactUsForm {
  margin-left : 10px;
}
div#creditBox {
  margin : 15px 0 15px 0; 
  color : gray;
}
div#creditBox hr {
  margin-left : 5px;
  height : 1px;
  margin-bottom : 2px;
}
div#creditBox p {
  margin-top : 2px;
  font-size : 80%;
}
/* --- footer on every page --- */
div#footer {
  background-color : #FFFFDD;
  text-align : right;
  padding-right : 5px;
}
div#footer p {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  margin-top : 4px;
}
div#footer p.credit {
  float : left;
  margin-left : 2px;
}