.title          { margin: 1em 0 0 0; }
.subtitle       { margin: 0 0 1em 0; }
.quotes p       { text-indent: 3em; margin-top: 0; margin-bottom: 0 }
.underline      { text-decoration: underline; }
.framed         { border: solid black 1px; }
img.center      { margin-left: auto; margin-right: auto; }

body {
  background: #FFF;		
}

A 		{ text-decoration: underline; }
A:link		{ text-decoration: underline; }
A:visited	{ text-decoration: underline; }
A:active	{ }
A:hover		{ background: #CEE; text-decoration: none; }

.bulletin #heading h1,
.bulletin #heading h2 {
  text-align: center;
  font-size: 100%;
  margin: 0;
  font-weight: bold;
}

@media screen{

#nav {
  padding: 1em;
  border: 1px solid #FFF;
  font-family: verdana, arial, sans-serif;
  color: #333;
  font-size: 80%;
  font-weight: normal;
  background: #FFF;
  line-height: 120%;
  padding: 2px;
  width: 150px;
}
				
#content {
  position: absolute;
  background: #FFF;
  margin-right: 20px;
  margin-left: 170px;
  margin-bottom: 20px;
  border: 1px solid #FFF;
  width: 70%;
}

ul#nav {
  list-style-type: none;
  margin-left: 1em;
}

ul#nav .title {
  margin-bottom: 1em;
}

ul#nav .header {
  margin-top: .5em;
  font-weight: bold;
}

ul#nav ul {
  padding-left: 1em;
  list-style-type: none;
}

#nav li {
  margin-bottom: .5em;
}

    
}

@media print {

#nav { display: none }

}