body {
  font-family: Times, serif;
  font-size: 1em;
  color: #000033;
  background-color: #bbbbdd;
  margin:0px;
  padding:0px;
}

h1, h2, h3, h4 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  color: #475A75;
}

h1 { font-size: 172%; }
h2 { font-size: 144%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; font-weight: bold; }

#container
{
width: 800px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#leftnav
{
float: left;
width: 180px;
margin: 0;
padding: 10px;
text-align: right;
border-right: 1px solid gray;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
/*padding-top: 0px;*/
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
/*
#content h2 { margin: 0 0 .5em 0; }
*/

a:link, a:visited { color: #0000FF; text-decoration: none; }
a:hover, a:active { color: #9900CC; text-decoration: underline; }

.photo {
  border: thin dashed #009;
  padding: 5px;
  margin: 10px;
}

.table_s_borderom {
  border: thin #009 dashed;
}

.cell_s_borderom {
  border: thin blue dotted;
}

.event {
  font-size: 75%;
}