html {
  height: 100%;
}

body {
  background: #ffffcc;
  color: black;
  padding: 0ex 0em;
  font-family: Verdana, sans-serif;
  font-size: 8pt;
  height: 100%;
}

* {
  font-family: inherit;
  color: inherit;
}

a {
  color: #663300;
}

a.header {
  color: #000000;
}

img {
  border-style: none;
}

table.header {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
  background: transparent;
  border: hidden;
}

table.header > tbody > tr > td > img {
  vertical-align: bottom;
}

table.menu {
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}

td.menu {
  width: 12.5%;
  padding: 1ex 1em;
  background: #663300;
  text-align: center;
}

a.menu {
  font-weight: bold;
  text-decoration: none;
}

table.outerhighlight {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  padding: 1ex 1em;
  background: #ffffff;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 1px solid black;
  vertical-align: top;
}

table.highlight {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  padding: 1ex 1em;
  background: #ffffff;
  border-collapse: collapse;
  border-spacing: 0px;
  vertical-align: top;
}

table.highlight > tbody > tr > th {
  border: 1px solid black;
}

table.highlight > tbody > tr > td {
  border: 1px solid black;
  text-align: center;
}

td.highlightred {
  background: #666666;
}

table.transparent {
  width: 100%;
  padding: 1ex 1em;
  border-collapse: separate;
  border: hidden;
  vertical-align: top;
}

td.twocol {
  width: 50%;
  text-align: center;
}

td.threecol {
  width: 33%;
  text-align: center;
}

td.fourcol {
  width: 25%;
  text-align: center;
}

div.main {
  padding: 2ex 3em;
  background: #cc9966;
}

div.mid {
  text-align: center;
}

div.heading {
  background: #663300;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #ffcc99;
  padding: 0.5ex 1em;
}

div.bigtext {
  font-family: Verdana, sans-serif;
  font-size: 14pt;
  text-align: center;
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:0 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:50px;
}

/* set left margin for modern browsers */
body>div#middlewrap {
	margin-top: 0;
	margin-left: 0;
}

div#middle {
	width:100%;
	margin:0 auto;
}

div#footerwrap {
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  height:50px;
}

body>div#footerwrap {
  position:fixed;
}

div#footer {
  height: 50px;
  width: 100%;
  padding: 0.5ex 1em;
  margin:0 auto;
  background: #663300;
  font-size: 90%;
  text-align: center;
  vertical-align: middle;
  color: #ffcc99;
}

/* Navigation Menu CSS */

#button1 {
  background-image: url("button1.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#button2 {
  background-image: url("button2.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#button3 {
  background-image: url("button3.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#button4 {
  background-image: url("button4.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#button5 {
  background-image: url("button5.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#button6 {
  background-image: url("button6.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#button7 {
  background-image: url("button7.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#button8 {
  background-image: url("button8.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
}


/* Photo Gallery CSS */

#wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  border-collapse: collapse;
}

#title {
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: verdana, arial;
  font-size: 30px;
  font-weight: bold;
  color: #d0d0d0;
}

#topleft {
  height: 20px;
  width: 20px;
  background-image: url("topleft.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #cc9966;
}

#top {
  height: 20px;
  background-image: url("top.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #cc9966;
}

#topright {
  height: 20px;
  width: 20px;
  background-image: url("topright.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #cc9966;
}

#left {
  width: 20px;
  background-image: url("left.jpg");
  background-repeat: repeat-y;
  background-position: right;
  background-color: #cc9966;
}

#center {
  background-color: #ffffff;
  width: 750px;
}

#right {
  width: 20px;
  background-image: url("right.jpg");
  background-repeat: repeat-y;
  background-position: left;
  background-color: #cc9966;
}

#bottomleft {
  height: 20px;
  width: 20px;
  background-image: url("bottomleft.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #cc9966;
}

#bottom {
  height: 20px;
  background-image: url("bottom.jpg");
  background-repeat: repeat-x;
  background-position: top;
  background-color: #cc9966;
}

#bottomright {
  height: 20px;
  width: 20px;
  background-image: url("bottomright.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #cc9966;
}