#content {
  margin: 1em auto;
  width: 80%;
}

#left {
  width: 20%;
  float:left;
}

#center {
  width: auto;
  margin-left: 20%;
}

p.current { background-color: #dee0c4; }

#footer {
  clear: both;
  /* border-bottom: 3px solid #a3b094; */
}

html { min-height: 100%; margin-bottom: 1px;}

body {
  min-width: 60em;
  background-image: url('/img/sbac.jpg');
  margin:0;
  padding:0;
  color:#000;
  font:small/1.5em "Comic Sans MS",Serif;
  /* voice-family won't validate */
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
} html>body {font-size:small;}

input {
  font:small/1.5em "Comic Sans MS",Serif;
}

/* from original style.css */
h1,h2,h3,p
{
  text-align: center;
}
h2.title, h3.title { 
  line-height: 50%; 
  font-style: italic;
}
p.error { color: red; }
p.result { color: #1f32a3; }
p.centersmall { font-size: 80%; }
p.left { text-align: left; }
p.note { background-color: #dee0c4; }
ul { list-style: square outside; }
ul.events { 
  margin: 0 -50% 0 50%;
  left: -250px;
  position: relative;
  width: 80%;
  list-style: square inside;
}
li.outing { color: #0033ff; }
li.notice { color: red; }
img { border:none }
#left ul { 
  list-style: none; 
}

/* list displayed like tables across the page */
ul.inline {list-style:none;}
ul.inline li {display: block; float: left; text-align: center; width: 15em; height: 3em; font-style: bold;}
tr.style0{background:#ffffff;border-top:1px solid #ffffff;}
tr.style1{background:#dee0c4;border-top:1px solid #ffffff;}