body {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0;
  min-width: 846px; /* 200px logo, 645px graphic, 1px separation */
  width: 100%;
  max-width: 860px;
}

/* Site-wide style overrides */

b {
  font-size: 110%;
}

p {
  font-family: arial;
  font-size: 10pt;
}

ul {
  font-style: italic;
  font-family: arial;
  font-size: 10pt;
}

ol {
  font-family: arial;
  font-size: 10pt;
}

/* Top table */

table#headertable {
  background-color: #ffffff;
  color: #000000;
  width: 846px;
  text-align: center;
  font-style: italic;
  font-family: arial;
  font-size: 10pt;
  padding: 0;
  border: 1px solid #ffffff;
  border-collapse: collapse;
}
table#headertable .titleimg {
  border: 0;
  padding: 0;
  margin: 0;
  width: 200px;
}
table#headertable .titleimg img {
  border-style: none;
}
table#headertable .logoimg {
  border: 0;
  padding: 0;
  margin: 0;
  width: 645px;
}
table#headertable .navbar {
  background-color: #008000;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  border: 1px solid #ffffff;
  border-collapse: separate;
}
table#headertable .navbar a {
  padding: 0.2em 1em;
  background-color: #008000;
  color: #ffffff;
  text-decoration: none;
  display: block;
}
table#headertable .navbar a:hover {
  background-color: #66cc33;
  color: #ffffff;
  text-decoration: none;
}

/* Main section */

#contentwrapper{
 float: left;
 width: 100%;
}

#contentcolumn{
 margin: 0px 255px 0px 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
/* border-top: 5px solid #006600; */
/* border-bottom: 5px solid #006600; */
}

#rightcolumn{
 float: left;
 width: 255px; /*Width of right column*/
 margin-left: -255px; /*Set left margin to -(RightColumnWidth)*/
/* background: #006600;  */
}

#maincontainer{
/* margin-left: 0 auto; */ /* this is the "cushion" between the window edge and the sidebar edge, was originally 10% */
/* margin-right: 0 auto; */
 margin: 0 auto;
 width:860px;
}

#footer{
 clear: left;
 width: 846px;
  padding: 4px 0;
 border-top: 5px solid #006600;
}

#footer a{
 color: #008000;
}

.topcontent{
 margin: 1px;
 margin-top: 0;
 min-width: 846px;
}
.topcontent img {
 border:none;
}
.contentmainblock{
 margin: 5px;
}
.contentmainblock a{
  color:#008000;
  text-decoration: none;
}
.contentmainblock a:hover{
  color:#40c040;
  text-decoration: underline;
}
.contentmainblock a:visited{
  color:#008000;
  text-decoration: none;
}

.contentmainblock h6 {
color:#003300;
font-family: arial;
font-size: 110%;
padding: 0;
margin: 0;

}

.contentmainblock h7 {
color:#008000;
font-family: arial;
font-size: 110%;
padding: 0;
margin: 0;

}

/* style tables inside the content block */

.contentmainblock table {
 background: #f0f0f0;  /* very light grey */
 border: 1px solid #008000;  /* dark green, same as in navbar class above */
 border-collapse: collapse;  /* effectively un-does 'table border=1' html attribute, remove if desired */
}
.contentmainblock th {
 /* background: #e0e0e0; */    /* darker grey */
 background: #80e080;    /* lightish green */
 font-family: arial;
 font-size: 10pt;
 font-weight: bold; 
}
.contentmainblock td {
 padding: 5px;
 font-family: arial;
 font-size: 10pt;
 vertical-align: middle;
}
.contentmainblock td img {
 vertical-align: middle;
}
.contentmainblock tr {
}



/* use rightbubble for headline bubbles, righttable for 4x4 image table */
.rightbubble{
 margin: 1px; /*Margins for inner DIV inside each column (to provide padding)*/
 margin-top: 0;
}
.righttable {
/* Align a 200px+4px border table inside a 255px-wide spot that hangs over the side a bit */
/* the 220px bottom margin forces a minimum 20px under the table (the other 200 is the table itself) */
margin: 1px 12px 220px 1px;
}

.floatleft{
 float: left; 
 border: 0;
 margin: 4px 10px 4px 0px;
 padding: 4px 10px 4px 0px;
}

.floatright{
 float: right;
 border: 0;
}

.vcard {
 font-style: italic;
 font-family: arial;
 font-size: 8pt;
 padding: 0 8px;
}

/*CSS tomfoolery for the rounded edge box issue*/

.sidebox {
	margin: 0 auto; /* center for now */
	width: 255px; /* was 17 ems so it will grow, but we don't want it to */
	background: url(/img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/img/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* Image-based link that changes to another image on hover */

.hoverimages {
 display:block;
 vertical-align: middle;
}
.hoverimages a {
 text-decoration: none;
 background: url(/img/oakleaf1.jpg) center left no-repeat;
 color:#008000;
 padding-left: 38px;
}
.hoverimages a:hover {
 text-decoration: none;
 color:#40c040;
 background: url(/img/oakleaf2.jpg) center left no-repeat;
 padding-left: 38px;
}