BODY {
	margin-left: 5%;
	margin-right: 5%;
}

DIV.outer {
	width: 800px; 
	background-color: white; 
	border: thin solid blue;
}

DIV.yellow {
	font: 1em;
	text-align: center;
	background-color: white;
	border: 1pt solid blue;
	line-height: 1.5em;
	margin-top: 1pt;
	margin-right: 1pt;
	margin-bottom: 1pt;
	margin-left: 1pt;
	padding-top: 1pt;
	padding-right: 10pt;
	padding-bottom: 1pt;
	padding-left: 10pt;
}

DIV.white {
	text-align: justify;
	background-color: white;
	border: 1pt solid white;
	line-height: 1.5em;
	margin-top: 1pt;
	margin-right: 1pt;
	margin-bottom: 1pt;
	margin-left: 1pt;
	padding-top: 1pt;
	padding-right: 5pt;
	padding-bottom: 1pt;
	padding-left: 5pt;
}

.blue { color:blue }
.red { color:red }
.green { color:green }
.black { color:black }

P.initial:first-letter { font-size:300%; float:left; }

P.float {
	float: left;
	width: 2em;
}

P.events_1 {
	color:blue;
	font-family: "Hobbit SF", fantasy;
	font-size: 1.5em; 
	text-align: center;
}

IMAGE.block { display:block; }
IMAGE.inline {display:inline }

UL.left { 
	text-align: left;
 }

FONT.navigation1 {
	font-family: "Hobbit SF", fantasy;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5em;
	padding-top: 5pt;
	padding-right: 2pt;
	padding-bottom: 5pt;
	padding-left: 2pt;
}

FONT.navigation2 {
	font-family: "Hobbit SF", fantasy;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5em;
	padding-top: 5pt;
	padding-right: 2pt;
	padding-bottom: 5pt;
	padding-left: 2pt;
}

A:visited { 
	text-decoration: none; 
}

A:link { 
	text-decoration: none; 
}

A:hover {
	background: #39c;
}

<!--- Vertical List --->
#navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }
#navlist a { width: 99%; }
#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
}

#navcontainer>#navlist a { width: auto; }
#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}


<!--- Horizontal List --->
ul#navlist_hor
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist_hor li
{
display: inline;
list-style-type: none;
}

#navlist_hor a { padding: 2px 2px; }

#navlist_hor a:link, #navlist_hor a:visited
{
color: #fff;
background-color: #39c;
text-decoration: none;
}

#navlist_hor a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}