<style type="text/css">

body {
	font-family: arial, helvetica;
	font-size: 12px;
}

td {
	font-family: arial, helvetica;
	font-size: 12px;
}

th {
	font-family: arial, helvetica;
	font-size: 12px;
}

.bodystyle {
	font-family: arial, helvetica;
	font-size: 12px;
}

.small {
	font-family: arial, helvetica;
	font-size: 9px;
}

.medium {
	font-family: arial, helvetica;
	font-size: 12px;
}

.big {
	font-family: arial, helvetica;
	font-size: 16px;
}

.xbig {
	font-family: arial, helvetica;
	font-size: 24px;
}

.expanded {
	font-family: arial, helvetica;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: arial, helvetica;
	text-align: justify;
}
.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}
img.floatTL { 
float : left;
padding : 3px;
border : 1px solid #333366;
margin-right : 1em;
margin-bottom : 0.5em;
margin-top : 0.5em;
margin-left : 1em;
} 
img.floatTR { 
float : right;
padding : 3px;
border : 1px solid #333366;
margin-right : 1em;
margin-bottom : 0.5em;
margin-top : 0.5em;
margin-left : 1em;
}
.hovermenu ul{
font: bold 9px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
font: bold 12px arial;
padding: 2px 1.2em;
text-decoration: none;
float: left;
color: white;
background-color: #993300;
border: 1px solid #993300;
}

.hovermenu ul li a:hover{
background-color: #999966;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

<!--
/**************************************************************
********* Formatting For Month Table and Text *****************
**************************************************************/

A		{ font-family:arial, helvetica; color:#00F; text-decoration:underline }
SPAN	{ font-family:arial, helvetica }
TD     	{ font-family:arial, helvetica }
BODY	{ background-color:#FFF }

/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold }

/**** color and size of calendar cells.  ****/
.day_cell				{ background-color:#EDECD8; height:80; width: 95; }
.empty_day_cell			{ background-color:#EEEEEE; height:80; width: 95; }
.today_cell				{ background-color:#F5F4ED; height:80; width: 95; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
.title_txt A:link		{ color:#00F; text-decoration:underline }
.title_txt A:active		{ color:#00F; text-decoration:underline }
.title_txt A:visited	{ color:#00F; text-decoration:underline }
.title_txt A:hover		{ color:#00F; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica }

/**** column headers or days of the week ****/
.column_header			{ background-color:#2663E2; font-size:12px; font-family:arial, helvetica; color:#FFFFFF; font-weight:bold }

/**** footprint text ****/
.footprint				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000; font-weight:bold; }
.footprint A			{ font-size:10px; font-family:verdana, arial, helvetica; color:#00F; font-weight:bold; }
// end hiding -->

.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0px;
padding:0px;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0px;
padding:0px;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background-color: #666600;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #591f20;
}

.ddcolortabs a:hover span{
background-color: #591f20;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #993300;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 1;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: #C5CAB9;
width: 150px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #8a3c3d;
color: white;
}
.footer {
font-size: 12px;
font-color: #990000;
}
.footer p{
color: white;
text-decoration:none;
}
.footer a{
color: #CCCCCC;
text-decoration:none;
}
.footer a:hover{
color: white;
text-decoration:underline;
}
.notice {
font-size: 12px;
font-color: #000000;
}
.notice p{
color: #000000;
text-decoration:none;
}
.notice a{
color: #000000;
text-decoration:none;
}
.notice a:hover{
color: red;
text-decoration:underline;
}
</style>
