<style type="text/css">
    <!--

Body {background-color:#76A33E}
P, UL, OL, DL, TD, LI, BLOCKQUOTE
	/* Normal Text */ {font-family:verdana,helvetica,arial,sans-serif; font-size:13px; color:#000000; line-height:120%}
	.copyright /* Copyright Text */ {font-family:verdana,helvetica,arial,sans-serif; font-size:11px; font-weight:normal;}
	.title /* Section titles Text */ {font-family:verdana,helvetica,arial,sans-serif; font-size:16px; color:#006633; font-weight:bold;}
	.author /* Section titles Text */ {font-family:verdana,helvetica,arial,sans-serif; font-size:15px; color:#000000; font-weight:bold;}
	.tiny /* bottom link Text */ {font-family:verdana,helvetica,arial,sans-serif; font-size:10px; font-weight:normal;}
a:link {color:#006633;}
a:visited {color:#006633;}
a:active {color:#666666;}
a:hover {color:#666666;}

#main{
	height: 100%;	
}
#title{
	color: white;
	background-color: #FFFFFF;	
	font-weight: bold;
	padding: .5em;
}
small{
	color: black;
	background-color: #FFFFFF;	
	padding: .5em;
	font-size: .5em;
}

#menu{
	background-color: #000000;
	color: white;
	padding: .4em .4em;
	border-bottom: 1px outset #CCCCCC;
	visibility: hidden; /* This is in case javascript is disabled. The script sets this to "visible"
	                       upon loading the page, so you probably don't want to change it here. */
}

#menu div{
	display: inline;
	padding: .25em .9em;
	-moz-user-select: none; /* Makes mozilla/firefox NOT select text when the user double clicks a menu */
}

/* This is the default style for menus that are being hovered over with the
mouse. If you want to change the name of this class, you have to update it on
the first line of the javascript file as well. */
.menudivhover{
	cursor: pointer;
	background-color: #06918C;
}

#menu ul{
	background-color: #F9F8F7;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-right: .5em;
	border: 1px solid #FFFFFF;
	position: absolute;  /* Be careful changing these position and visibility lines. */
	visibility: hidden; /* Visibility is used by javascript to control visibility of menus. */
}

#menu li{
	margin: 0;
	border: 1px solid #F9F8F7;
}

#menu li a{
	border: 1px solid #F9F8F7;
	text-decoration: none;
	color: black;
	display: block;
	padding: .125em 1em;
}

#menu li a:hover{
	background-color: #B6BDD2;
	border: 1px solid #0A246A;	
}

#noJSMenu{
	padding: .5em 1em;
	font-size: .75em;
	font-weight: bold;
	background-color: #D4D0C8;
	border-bottom: 1px outset #D4D0C8;
}

#noJSMenu ul{
	margin-top: 0;
	margin-bottom: 1em;
	font-weight: normal;
	list-style-type: square; 
}

#noJSMenu div{
	margin-bottom: .5em;	
	float: left;
	padding-right: 1em;
}

#noJSMenu .nojsspacer{
	clear: left;
	float: none;	
}

#noJSMenu .warning{
	float: none;
}

    -->
</style>
