body {
  background-color: #262B27;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: small;
  color: white;
}

.main_div {
  width: 90%;
  min-width: 820px;
  max-width: 1200px;
  margin: 5px auto 10px auto;
}

#banner {
  margin: 5px auto 5px auto;
  text-align: center;
}

span.banner_ph {
	font-size: 25px;
	color: #d8d8d8;
	font_weight: bold;
}

#topnav {
  border: solid gray 3px;
  margin: 5px auto 5px auto;
  background-color: #9BB0A2;
  /*height: 45px;;*/
  vertical-align: middle;
  text-align: center;
}

#topnav_tab {
  margin: 5px auto 5px auto;
  border-collapse: collapse;
}

td.butlft {
  height: 40px;
  width: 15px;
	background-image: url("../img/butlft15x40.jpg");
	background-repeat: no-repeat;
}

td.butctr {
  height: 40px;
  background-image: url("../img/butctr10x40.jpg");
  background-repeat: repeat-x;
  vertical-align: middle;
  text-align: center;
}

td.butrgt {
	height: 40px;
  width: 15px;
  background-image: url("../img/butrgt15x40.jpg");
  background-repeat: no-repeat;
}

.but_normal  {
  text-decoration: none;
  color: #d8d8d8;
  font-weight: bold;
  font-size: small;
}

a.but_normal:hover {
  text-decoration: underline;
  color: #d8d8d8;
  font-weight: bold;
  font-size: small;
}

.but_selected {
  text-decoration: none;
  color: #F4F379;
  font-weight: bold;
  font-size: small;
}

a.but_selected:hover {
  text-decoration: underline;
  color: #F4F379;
  font-weight: bold;
  font-size: small;
}
/* Drop-down menu stuff */
/*Sub level menu*/
.submenu {
	left: 0;
	top: 0;
	position: absolute;
	display: block;
  /*width: 160px;*/ 
	visibility: hidden;
	z-index: 100;
  background: #576158;
  border-top: none;
  border-right:  solid #495049 3px;
  border-bottom: solid #495049 3px;
  border-left: solid gray 3px;
  text-align: center;
  vertical-align: top;
}

.submenu a{
	display: inline-block;
	font-weight: bold;
	margin: 3px 2px 2px 2px;
	color: #d8d8d8;
	text-decoration: none;
}

.submenu a:hover{
	text-decoration: underline;
}


#leftCol {
  float: left;
  margin: 10px 5px 5px 10px;
  width: 20%;
  min-height: 150px;
  border:  none;
  display: inline;
  
}

#leftCol img {
  border:  solid gray 3px;
  margin: 5px;
}

#leftCol a {
  text-decoration: none;
}

#content {
  margin: 10px 5px 5px 10px;
  min-height: 700px;
  border:  solid gray 3px;
  background-color: #4A524B;
  background-image: url("../img/Gradient4.jpg");
  background-repeat: repeat-x;
  padding: 10px;
  color: white; /*#d8d8d8;*/
  font-weight: 500;
}

#content img {
  border:  solid gray 3px;
  margin: 8px 8px 3px 8px;
}

#content a {
	color: white;
}

h1.contentHeading {
  color: #F4F379;
	font-size: larger;
}

div.contentBlock {
  display: block;
  clear: right;
}

table.image {
	margin: 0px 5px 0px 5px;
}

caption.imageCaption {
	color: #F4F379;
	font-weight: bold;
	caption-side: bottom;
}

div.imageBlock {
	margin: 5px auto 5px auto;
}

div.content p {
  text-align: left;
  margin-left: 5px;
  padding-right: 5px;
}

#footer {
  font-size: smaller;
  color: white;
}

#footer a {
  color: white;
}

table.footerMenu {
	margin: 0px auto 2px auto;
}

table.footerMenu td {
	vertical-align: top;
	text-align: left;
	padding: 3px 10px 5px 10px;
}

div.gallery {
  text-align: center;
}

table.gallery {
  margin: auto;
  border-collapse: collapse;
}

table.gallery td {
  padding: 3px;
  text-align: center;
  border: solid gray 3px;
  vertical-align: top;
}

.edit_link {
	background-color: black;
	padding: 1px;
	color: white;
	text-decoration: none;
}

td.input_cell {
  text-align: left;
}

td.label_cell {
  text-align: right;
}

.message {
	color: red;
}

.error-message {
	color: red;
}

div.contactForm {
	float: right;
	border: solid gray 3px;
	padding: 5px;
	width: 50%;
	margin: 5px;
}

div.blog_date {
	background-color: #576158;
}

table.blog {
  margin: 5px;
}

td.blog {
	width: 80%;
}

td.blogHistory {
  background-color: #576158;
	border:  solid gray 3px;
  width: 20%;
  text-align: left;
  vertical-align: top;
  padding: 5px;
}