body {
  margin: 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  color: black;
  background: #61788a;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.mainText {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bolder;
}

.image .caption { font-size: 80%;
                  font-family: Verdana, Arial, sans-serif;
                  text-align: center; }

a:link { 
	color: #333333;
	}
a:visited { 
	color: #832831;
	}
a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
a:active { 
	color: #333333;
	}

th, td { /* ns 4 */
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 { text-align: left }
/* background should be transparent, but WebTV has a bug */
h3 { 
	font: bold 9.3pt arial, sans-serif; 
	letter-spacing: 0px; 
	margin: 0px;
	color:#000000;
	background-color:transparent;
	}
h2 { 
	font: bold 11.5pt arial, sans-serif; 
	letter-spacing: 0px; 
	margin: 0px;
	color:#000000;
	background-color:transparent;
	}

.hide { display: none }

div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }

p.copyright { font-size: small }
p.copyright small { font-size: small }


pre { margin-left: 2em }
/*
p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
*/
dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

pre, code { font-family: monospace } /* navigator 4 requires this */

ul.toc, ol.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

.lyrics { 
	font: bold 9.3pt arial, sans-serif; 
	letter-spacing: 0px;
	padding-left: 10px; 
	margin: 0px;
	color:#832831;
	background-color:transparent;
	}

.lyrics2 { 
	font: 9.3pt arial, sans-serif; 
	letter-spacing: 0px; 
	margin: 0px;
	color:#000000;
	background-color:transparent;
	}

/* for SEM event manager*/
.events-link{
	font-size:80%;
	margin:50px 10px 0;
}
/* main events display page */
dl.events-display {
	padding-top:1em;
	margin: 0 5%;
}
dl.events-display dt {
	margin:1.5em auto 0;
	font-size:110%;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
}
dl.events-display dd {
	margin:0;
}
.events-display .item-link {
	font-size:80%;
}
/* events column page */
#content {
	margin:0 11em 0 5%;
}
#events-column {
	float:right;
	width:10em;
	margin:50px 10px 0 20px;
	padding: 0 5px;
	font-size:70%;
	border:1px solid #666;
}
#events-column h2 {
	font-size:130%;
	margin:0 -5px;
	padding:0 0 5px 0;
	text-align:center;
	background:#999;
	color:#fff;
	border-bottom:1px solid #666;
}
#events-column dt {
	margin:1em auto 0;
	font-weight:bold;
	border-bottom:none;
}
#events-column dd {
}
#events-column p.item-link {
}

/* single item */
#display-item{
	padding:1em;
}
#display-item dt {
	font-weight:bold;
}	
#itemwrapper {
	width:70%;
	margin:2% auto;
	padding:10px 20px;
	border:1px dashed #ccc;
}

/* special classes */
.post-date {
	font-size:70%;
}
.events-link{
	font-size:80%;
	margin:50px 10px 0;
}
.xml1, .xml2 {
	list-style:none;
	padding:0;
	margin:0;
}
.xml1 {
	position:absolute;
	top:0;
	right:5px;
}
.xml2 {
	margin:20px -5px 0;
	padding:5px 0 0;
	text-align:center;
	background:#999;
	color:#fff;
	border-top:1px solid #666;
}

/* FOOTER CODE */

.footer			{
			height: 35px;
			padding: 5px 10px 5px 10px;
			}

.copyright		{ COLOR: #ffffff; FONT: 9px verdana, arial, sans-serif; font-weight: bold; }