.gennav {
  width: 110px;
  border-left: 1px solid #eee;
  border-right: 1px solid #aaa;
  background: #ddd
}
.gennav a {
  background-color: #ddd;
  padding: 5px;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #eee;
  color: #fff;
  display: block;
  font-family: verdana, arial, sans-serif;
  font-size: x-small;
  overflow: visible;
  text-decoration: none;
}
.gennav a:hover {
  background-color: #eee;
}
.gennav br {
  display: none;
}


/* basic elements */

body { 
  font: x-small verdana,arial,helvetica,sans-serif; 
  color: #000; 
  margin: 0px;
  padding: 10px 0px;
  background: #eee;
}

/* all images display as blocks, no border */
img {
  display: block;
  border: 1;
}
/* special case for inline elements */
.inline {
  display: inline;
}

.hide {
  display: none;
}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6, input, select, option {
  font: x-small verdana,arial,helvetica,sans-serif; 
}


ul {
padding-left: 15px;
}
/*
dl {
  border: 1px solid orange;
}
dt {
  border: 1px solid red;
}
dd {
  border: 1px solid red;
}
*/

/* layout */

#container {
  border: 1px solid #ccc;
  background: #fff;
  margin: auto;
  width: 600px;
  padding: 0px;
}

#header {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  padding: 0px;
}

#body {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
}

#footer-search {
  /* border: 1px solid red; */
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
  text-align: center;
}
#footer-search input {
  font-size: 8pt;
}

#footer {
  border-top: 1px solid #ccc;
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
}



/* links */
a:link {
  text-decoration: underline;
  background: transparent;
  color: #408080;
}
a:visited {
  text-decoration: underline;
  background: transparent;
  color: #800080;
}
a:hover {
  text-decoration: underline;
  background: #efefef;
  color: #000;
}





/*  text */
h1 {
  font-size: 1.8em;
  font-weight: bold;
}
h2 {
  font-size: 1.6em;
  font-weight: bold;
}
h3 {
  font-size: 1.2em;
  font-weight: bold;
}
h4 {
  font-size: 1.0em;
  font-weight: bold;
}

p, li, dd {
  margin-top: 0em;
  margin-bottom: .7em;
  text-align: left;
  font-size: x-small;
}

.footnote p {
  font-size: xx-small;
}

blockquote {
  margin-left: 1em;
  margin-right: 1em;
}

.fine p {
  margin-top: 0;
  margin-bottom: .5em;
  text-align: left;
  font-size: x-small;
}

.imgcredit {
  font-size: smaller;
  color: #aaa;
}




/* events */
#eventslist #body {
  width:450px;
}
#eventslist #sidebar {
  width:150px;
}
p.eventDate {
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: x-small;
  font-weight: bold;
  text-align: right;
  color: #555;
}
.eventTitle p {
  margin-top: 0em;
  font-weight: bold;
  font-size: small;
  color: black;
}
.eventDescription p {
}
p.eventTime {
  font-size: x-small;
  text-align: right;
  color: grey;
}
p.eventLoc {
  font-size: x-small;
  text-align: right;
  color: grey;
}



/* 'graphical' calendar */
.calendar {
  border: 1px solid #aaa;
}
.calendar tr td {
  font-family: Arial, Helvetica, sans-serif;
}
td.calendarmonthname {
  background-color: #eeeeee;
  font-size: small;
  font-weight: bold;
}
td.calendarmonthname a:link {
  font-size: small;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
td.calendarmonthname a:visited {
  font-size: small;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
td.calendarmonthname a:hover {
  font-size: small;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fffffff;
}
td.calendardayname {
  background: #dddddd;
  font-size: x-small;
  text-align: center;
}
td.cal-empty {
  background: #cccccc;
  font-size: x-small;
  text-align: center;
}
td.cal-monday {
  background-color: #dddddd;
  font-size: x-small;
  text-align: center;
  color: #444;
}
td.cal-weekday {
  background-color: #ffffff;
  font-size: x-small;
  text-align: center;
  color: #444;
}
td.cal-satsun {
  background-color: #eeeeee;
  font-size: x-small;
  text-align: center;
  color: #444;
}
td.cal-mondayHoliday {
  font-size: x-small;
  text-align: center;
  color: #444;
}
td.cal-weekdayHoliday {
  font-size: x-small;
  text-align: center;
  color: #444;
}
td.cal-satsunHoliday {
  font-size: x-small;
  text-align: center;
  color: #444;
}
td.cal-monday a, td.cal-weekday a, td.cal-satsun a {
  font-weight: bold;
  text-decoration: underline;
  color: black;
}


/* Debugging */
.yamldebug {
  background: #eee;
  border: 1px dashed #ccc;
  margin: 5px;
  padding: 5px;
  font-size: smaller;
}
.yamldebug h3 {
  margin: 0px;
}