body {
background-color: #870303; 
color: #000000;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
background-color: transparent;
}

p  {
font-size:10pt;
font-weight:	normal;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
color:#000000;
}
table p  {
font-size:9pt;
font-weight:	normal;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
color:#000000;
}

.when {
font-size: 11pt;
font-weight:	bold;
vertical-align: top;
background-color: transparent;
}
.event {
font-size: 11pt;
font-weight:	bold;
color:#870303;
vertical-align: top;
background-color: transparent;
margin-top: 7px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
}
.where {
font-size: 11pt;
font-weight:	bold;
vertical-align: top;
background-color: transparent;
}
.light {
color:#ffffff;
background-color: transparent;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
}
.black {
color:#000;
background-color: transparent;
}
.red {
color: #870303;
font-weight:	bold;
background-color: transparent;
}
/* .c means copyright
*/
.c, .webmaster {
font-size: 8pt;
background-color: transparent;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.caption {
font-size: 8pt;
background-color: transparent;
margin:0;
}

.gray {color:#aaa;}


h1 {font-weight: bold;  
font-size: 16pt;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
vertical-align: middle; 
}

h2 {font-weight: bold;  
font-size: 14pt;
vertical-align: top; 
}

h3 {font-weight: normal;  
font-size: 14pt;
vertical-align: top; 
}

h4 {font-weight: normal; 
font-size: 12pt; 
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
vertical-align: top; 
}

h5 {font-weight: normal;  
vertical-align: top; 
font-size: 11pt;
}

h6 {font-weight: bold;  
vertical-align: top; 
font-size: 10pt;
}

.dark {
color:#000000;
background-color: transparent;
}

a {
text-decoration: underline;
font-weight: normal;
color: #870303;
background-color: transparent;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
color: #000099;
background-color: transparent;
text-decoration: none;
}
a.light-webmaster {
font-size: 8pt;
color:#ffffff;
background-color: transparent;
}
.ared {
color:#870303;
font-weight:	bold;
background-color: transparent;
}


/*before navbar, holds everything but copyright*/
div.navNcontent {
text-align: center;
width: 700px;
margin: 0 auto 0 auto;
padding: 0;
background-color: #ffffcc;
}
div.navbar {
background-color: #5c688e;
text-align: center;
}
/*holds page title*/
/*...can hold anything centered and set apart*/
div.setapart {
text-align: center;
width: auto;
margin: 1.5em auto 1.5em auto;
padding: 0;
background-color: #ffffcc;
}
/*holds top illustration and link out*/
div.appear {
background-color: #b9864f;
border: 2px solid #222;
width: 464px;
margin: 1em auto 0 auto;
text-align: center;
padding: 0;
}
div.appear h5 {
color:#ffffff;
background-color: transparent;
margin: 10px 0px 10px 0px;
padding: 0;
text-align: center;
}

/*holds overview and 2columns*/
div.maincontent {
text-align: center;
width: 600px;
margin: 2em 49px 2em 49px;
padding: 0;
background-color: #ffffcc;
border-bottom: 1px dashed #870303;
}

/*-------start of text styles just before 2 columns...*/
div.overview {
text-align: left;
width: 600px;
margin: 2em 0 0 0;
padding: 0 0 1em 0;
background-color: #ffffcc;
border-bottom: 1px dashed #870303;
}
div.overview h5 {
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em 0;
padding: 1px 0 3px 0;
background-color: #b9864f;
border-top: 1px solid #99662f;
border-bottom: 1px solid #99662f;
}
div.overview p {
text-align: left;
margin: 6px 49px 0 49px;
padding: 0;
background-color: #ffffcc;
}
/*...end of text styles just before the 2 columns */

/*------start of 2-column code... */
/*--both left and right--*/
table.leftright {
text-align: left;
width: 590px;
margin: 0 0 2em 0;
cellspacing: 0;
cellpadding: 0;
border: 0;
background-color: #ffffcc;
}
/*--just left--*/
td.left {
text-align: left;
width: 295px;
margin: 0 0 2em 0;
padding: 0;
background-color: #ffffcc;
border: 0;
}
td.left h5 {
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 15px .5em 0;
padding: 1px 0 3px 0;
background-color: #b9864f;
border-top: 1px solid #99662f;
border-bottom: 1px solid #99662f;
}
td.left p {
text-align: left;
margin: 6px 0 0 0;
padding: 0 15px 0 0;
background-color: #ffffcc;
}
td.left ul {
text-align: left;
margin: 6px 0 0 0;
padding: 0 15px 0 15px;
background-color: #ffffcc;
font-size:10pt;
font-weight:	normal;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
color:#000000;

}
/*--just right--*/
td.right {
text-align: left;
width: 294px;
margin: 1em 0 2em 0;
padding: 0;
background-color: #ffffcc;
border-left: 1px dashed #870303;
}
td.right h5 {
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em 15px;
padding: 1px 0 3px 0;
background-color: #b9864f;
border-top: 1px solid #99662f;
border-bottom: 1px solid #99662f;
}
td.right p {
text-align: left;
margin: 6px 0 0 15px;
padding: 0 0 0 0;
background-color: #ffffcc;
}
/*...end of 2-column code ------------------ */

/*Program titles (show) in left col (L) / right col (R); blue type*/
table p.showL {
color: #5c688e;
font-size: 11pt;
font-weight: normal;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
margin: 10px 15px 0 0;
padding: 0;
}
table p.showR {
color: #5c688e;
font-size: 11pt;
font-weight: normal;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
margin: 5px 0 0 15px;
padding: 0;
}

/* 3 styles needed to make an underline appear under a linked image on hover state
a style prevents Netscape from bobbing up and down as underline appears
a:hover style is the underline
img style necessary for IE to show the underscore when a designates transparent border  */
table p.showL a {
border-width: 0 0 1px 0;
border-style: solid;
border-color: transparent;
text-decoration: none;
font-weight: normal;
color: #870303;
background-color: transparent;
}
table p.showL a:hover {
border-color: #5c688e;
}
table p.showL img {
margin:0; padding:0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: transparent;
}
/* links at bottom to other pages...*/
table h5.link {
color: #870303;
text-align: center;
font-weight: bold;
font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
margin: 0 50px 1.5em 50px;
padding: 4px 0 6px 0;
background-color: #b9864f;
border-top: 1px solid #99662f;
border-bottom: 1px solid #99662f;
}
table p.show {
	color: #5c688e;
	font-size: 11pt;
	font-weight: bold;
	font-family: verdana, arial, geneva, "myriad web", syntax, sans-serif;
	margin: 10px 0px 0 0;
	padding: 0;
	background-image: none;
	text-align: left;
}

