body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: #bbb;
  text-align: center;
}

div.body {
  text-align: left;
  width: 875px;
  background-color: white;
  border: 1px solid #000;
  margin: auto;
  /* background: url(/images/marble.jpeg); */
}

div.pagetitle {
  background-color: #008;
  color: white;
  font-weight: bold;
  font-size: 28pt;
  border-bottom: 5px solid #88f;
  text-align: center;
}

div.userinfo {
  font-weight: bold;
  font-size: 10pt;
  text-align: right;
  padding-right: 0.25em;
  padding-bottom: 0.1em;
}

div.userinfo a {
  text-decoration: none;
  color: #f00;
}

div.wpagetitle {
  background-color: #008;
  color: white;
  font-weight: bold;
  font-size: 24pt;
  text-align: center;
}

div.wuserinfo {
  background-color: #88f;
  font-weight: bold;
  font-size: 10pt;
  text-align: right;
  padding-right: 0.25em;
  padding-bottom: 0.1em;
}

div.wuserinfo a {
  text-decoration: none;
  color: #ff0;
}

.leftside {
  float: left;
  width: 140px;
  border-right: 1px solid #666;
}

.logo {
  text-align: center;
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  background-color: white;
}

.menu ul li {
  padding: 2px 2px 2px 0.5em;
}

.menu ul li a {
  color: #fff;
  text-decoration: none;
}

.menu ul li a:hover {
  background-color: #69f;
}

.menugroup { 
  color: #fff;
  font-weight: bold;
  background-color: #008;
  border-top: 1px solid #003;
  border-bottom: 1px solid #369;
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  list-style: none;
}

.adminmenugroup { 
  color: #fff;
  font-weight: bold;
  background-color: #800;
  border-top: 1px solid #003;
  border-bottom: 1px solid #369;
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  list-style: none;
}

.center {
  margin: 0;
  border-left: 141px solid #008;
}

.center h2 {
  font-size: 15pt;
}

.center h3 {
  font-size: 13pt;
}

.main {
  padding: 0.5em;
  margin: 0;
}

.wmain {
  margin: 1em 3em 1em 3em;
}

.rightColumn {
  width: 140px;
  float: right;
  text-align: center;
  margin-left: 0.5em;
}

.event {
  background-color: #008;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  border-bottom: 1px solid #369;
  color: #fff;
  width: 100%;
}

.event a {
  color: #fff;
  text-decoration: none;
}

.event a:hover {
  background-color: #69f;
}
.event h1 {
  font-style: bold;
  font-size: 11pt;
  margin: 0;
  text-align: center;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.eventmain {
  margin: 0;
  background-color: #88f;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.eventmain p { 
  margin: 0;
 }

.eventmain a {
  text-decoration: underline;
}

.eventmain a:hover {
  background-color: #22f;
}

.photoalbumlist {
  background-color: azure; /* #feffff;*/
  text-align: left;
  margin: 2px 2px 20px 2px;
  border-style: solid;
  border-width: 2px;
  border-color: #0;
  width: 190px;
}

.photoalbumlist h1 {
  font-style: bold;
  font-size: large;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: center;
}

.photoalbumlist ul {
  padding: 2px 2px 2px 20px;
}

.photoalbumlist p {
  text-align: center;
}

.photoalbumimage {
  text-align: center;
}

/* used for floating images in main text column */
.floatright { 
  float: right;
  text-align: center;
  background-color: #008;
  border-left: 1px solid #666;
  margin-top: 0em;
}

.imgborder { 
  border: 2px solid black;
 }

.footer {
  clear: both;
  background-color: #008;
  color: white;
  padding-bottom: 0.25em;
  padding-left: 1em;
  padding-top: 0.25em;
  font-size: 8pt;
  border-top: 5px solid #88f;
  margin-top: 0;
}

tt {
  font-family: Times Roman, serif;
}

a.sharp_link { 
  text-decoration: none;
  color: #000;
 }

a.sharp_link_b { 
  text-decoration: none;
  color: #000;
  font-weight: bold;
 }

p.border_centered { 
  border: 2px solid black;
  padding: 0.5em;
  margin: 0% 10%;
}

td.title { 
  font-weight: bold;
  vertical-align: top;
 }