<style type="text/css">

<!--

BODY
{
font-family:arial;
background-color:#FFFFFF;
}

a:link {
	color:#d12b2d;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#d12b2d;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

a:active {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

TABLE
{
font-family:verdana,tahoma;
font-size:12px;
color:#000000;
}

iframe {
border: 0px solid #ffffff;
}
.central-1 {
margin-left: 140px;
position: relative;
width: 400px;
border:0px;
background-color:#fff;
}
.central {
margin-left: 140px;
position: relative;
width: 400px;
border:0px;
background-color:#fff;
padding-top:240px;
}

.titlestyle {
	font-family: century gothic, courier new, verdana, tahoma, arial;
	color: #d12b2d;
	font-size: 200%;
	font-weight: bold;
	border-bottom: 1px dashed #000000;
}

.smallertitlestyle {
	font-family: century gothic, courier new, verdana, tahoma, arial;
	font-size: 150%;
	font-weight: bold;
}

.titlereference {
	color:#077d00;
}

.calendar {
	font-family: century gothic, verdana, tahoma, arial;
	font-size:85%;
	color: #000000;
	font-weight: bold;
}

.calendar-month {
	font-family: courier new, verdana, tahoma, arial;
	font-size:125%;
	color: #000000;
	font-weight: bold;
}

input, select {
	font-family: courier new, verdana, tahoma, arial;
	color:#000000;
}

hr {
	color: #000000;
}
	
div#centerme {
  /* let's say you want to center this <div id="centerme">Something</div>
	   and make it 60% wide but centered on the screen.*/
  background-color:#FFFFCC;
  font:normal 12px verdana,arial,helvetica,sans-serif;
  color:darkred;
  margin:auto;
  padding:0%; /* we subtract this x 2 from the
	               width and height values below */
  width:100%; /* 60% - 4% = 56% */
	position:absolute;
	left:0%;  /* same as above */
  }


-->

a.sidelink:link {font-family:century gothic; font-size:110%; text-decoration:none; color:#077d00; font-weight:bold; }
a.sidelink:visited {font-family:century gothic; font-size:110%; text-decoration:none; color:#077d00; font-weight:bold; }
a.sidelink:active {font-family:century gothic; font-size:110%; text-decoration:none; color:#089800; font-weight:bold; }
a.sidelink:hover {font-family:century gothic; font-size:110%; text-decoration:none; color:#000000; font-weight:bold; }

a.link:link {text-decoration:none; color:#077d00; font-weight:bold; }
a.link:visited {text-decoration:none; color:#077d00; font-weight:bold; }
a.link:active {text-decoration:none; color:#089800; font-weight:bold; }
a.link:hover {text-decoration:none; color:#000000; font-weight:bold; }

a.eventlink:link {text-decoration:none; color:#bf44b5; font-weight:bold; border-bottom: 1px solid #000000; }
a.eventlink:visited {text-decoration:none; color:#bf44b5; font-weight:bold; border-bottom: 1px solid #000000; }
a.eventlink:active {text-decoration:none; color:#077d00; font-weight:bold; border-bottom: 1px solid #000000; }
a.eventlink:hover {text-decoration:none; color:#000000; font-weight:bold; }

a.redlink:link {text-decoration:none; color:#ff4040; font-weight:bold; }
a.redlink:visited {text-decoration:none; color:#ff4040; font-weight:bold; }
a.redlink:active {text-decoration:none; color:#ff4040; font-weight:bold; }
a.redlink:hover {text-decoration:none; color:#000000; font-weight:bold; }

a.blacklink:link {text-decoration:none; color:#666666; }
a.blacklink:visited {text-decoration:none; color:#666666; }
a.blacklink:active {text-decoration:none; color:#777777; }
a.blacklink:hover {text-decoration:none; color:#777777; }


</style>