html, body {
  background-color: white;
  background-image: url('/images/pagebackground.gif');
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #333;
  height: 100%;
  margin-top: 5px;
  padding: 0px;
}

#outterpage  {
  background-image: url('/images/maincontent_background.gif');
  background-repeat: repeat-y;
  background-position: center 50%;
}

#innerpage  {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: 0px;
  border: 1px solid #000000;
  background-color: #FFF;
}

#header {
  position: relative;
  width: 100%;
  top: -1px;
  height: 100px;
  margin: 1px auto;
  text-align: left;
  border: none;
}

#headerLink {
  float: left;
  width: 350px;
  height: 100%;
}

#headerLink a:link, #headerLink a.visited, #headerLink a.active, #headerLink a.hover {
  text-decoration: none;
}

#headerImage {
  float: right;
}

span.header {
  font-family: cursive;
  font-style: italic;
  font-size: small;
  text-align: left;
}

a.header {
  font-size: xx-large;
  text-decoration: none;
  color: white;
}

table {
  table-layout: auto;
  empty-cells: show;
  border-collapse: collapse;
  border: 1px solid #a9a9a9;
}

tr {
  border: none;
}

th {
  border-spacing: 0;
  border: 1px solid #a9a9a9;
  background-color: white;
}

td {
  border-spacing: 0;
  border: 1px solid #a9a9a9;
}

table.noborder {
  border-spacing: 0;
  border: none;
}

td.noborder {
  border-spacing: 0;
  border: none;
}

td.bottomBorder {
  border-spacing: 0;
  border-right: 1px #a9a9a9;
}

hr {
  border: none # 0;
  border-top: 1px solid #8b8682;
  width: 100%;
  height: 1px;
  color: #70741F;
}

#subheader {
  position: relative;
  top: -45px;
  width: 100%;
  height: 18px;
  margin: 0px auto;
  text-align: center;
  background-color: #fff8dc;
}

#subheaderItem, #subheaderItemCurr, #subheaderItemLast, #subheaderItemLastCurr {
  font-family: Geneva,Arial,Helvetica,sans-serif;
  font-size: medium;
  border: 1px solid #70741F;
  border-left: 0px;
  margin: 0px auto;
  padding: 0px 2px 0px 2px;
  float: left;
  height: 100%;
  width: 111px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: #d3d3d3;
}

#subheaderItemCurr, #subheaderItemLastCurr {
  background-color: #F9F9F9;
}

#subheaderItemLast, #subheaderItemLastCurr {
  width: 100px;
  border-left: 0px;
  border-right: 0px;
}

#subheader a:link, #subheader a:visited, #subheader a:active, #subheader a:hover {
  font-size: small;
  color: #000;
  text-decoration: none;
}

#subheader a:hover {
  color: #B9B900;
}

#content {
  font-size: small;
  position: relative;
  top: -15px;
  float: left;
  width: 730px;
  padding: 0px 35px 0px 35px;
  margin-bottom: 3em;
  text-align: left;
  border: none;
}

#contentForum {
  position: relative;
  top: -40px;
  float: left;
  width: 800px;
  border: none;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #B9B900;
}

a:hover {
  text-decoration: underline;
  color: #B9B900;
}

a.subtle:link, a.subtle:visited, a.subtle:active {
  text-decoration: none;
  color: #000;
}

a.subtle:hover {
  text-decoration: underline;
  color: #B9B900;
}

h2.content {
  font-size: large;
  font-weight: bold;
  position:relative;
  left: auto;
  top: auto;
  text-align:left;
}

h3.content {
  font-size: medium;
  font-weight: bold;
  position:relative;
  left: auto;
  top: auto;
  text-align:left;
}

#weather {
  float: right;
  border: none;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  clear: both;
  font-size: x-small;
  text-align: center;
  color: #8b8682;
  border: none;
}

#footerForum {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  clear: both;
  border: none;
}

#printerFriendly { 
  position: absolute;
  float: right;
  right: 0px;
  margin: -15px 25px 600px 15px; 
  width: 100px;
  border: 0;
  font-size: x-small;
}

#upcomingEvents { 
  float: right;
  margin: 13px 5px 25px 15px; 
  width: 220px;
  background-color: #FFFFFF;
}

#upcomingEventsHeader { 
  text-align: center;
  font-size: small;
  font-weight: normal;
  color: black;
  position:relative;
  background-color: #fff8dc;
  border: 1px solid black;
}

#upcomingEvent { 
  text-align: left;
  font-size: 1em;
  padding-left: 4px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  color: #000000;
}

#calendar { 
  float: right;
  margin: 13px 0px 25px 15px; 
  width: 250px;
  background-color: #FFFFFF;
}

#calendarHeader { 
  text-align: center;
  font-size: small;
  font-weight: normal;
  color: black;
  position:relative;
  background-color: #fff8dc;
  border: 1px solid black;
}

#calendarEvent { 
  text-align: left;
  font-size: 1em;
  padding-left: 4px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid gray;
  color: #000000;
}
