<STYLE TYPE="text/css">
<!--
/**************************************************************
********* 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			{ margin: 0px; padding: 0x; background-color: #bad2ee; background-image: url(../images/bgshadow.png); background-position: center; background-repeat: repeat-y; font-family: Arial, sans-serif; font-size: 10pt; color: #333; }

/**** 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; }


a			{ font-weight: bold; text-decoration: underline; color: #333; }
a:hover 		{ text-decoration: none; }
p			{ border: 0px solid red; line-height: 14pt; }


h1			{ font-family: Century Gothic, Arial, sans-serif; padding: 0px;	margin: 0px; }
h2			{ font-family: Century Gothic, Arial, sans-serif; padding: 0px;	margin: 0px; }
h3			{ font-family: Century Gothic, Arial, sans-serif; font-size: 10pt; padding: 0px; margin: 0px; margin-top: 15px; }

hr			{ margin-bottom: 15px; }

form			{ margin-right: auto; margin-left: auto; border: 0px solid red; }
input			{ color: #666; }
textarea		{ width: 100%; }

#menu			{ width: 100%; color: white; line-height: 50px; text-align: center; background-image: url(../images/menubg.png); height: 50px; position: fixed; top: 0px; left: 0px; z-index: 99999; display: block; }
a.menuitem		{ font-family: Century Gothic, Arial, sans-serif; color: white; border: 0px solid red; text-decoration: none; font-size: 12px; padding: 17px; padding-left: 20px; padding-right: 20px; }
a.menuitem:hover	{ background-image: url(../images/menured.png); height: 50px; width: 100%; color: white; opacity: .50; filter: alpha(opacity=50); -moz-opacity:.50; }

#main 			{ background-color: white; width: 750px; margin-right: auto; margin-left: auto; padding: 25px; padding-top: 49px; border: 1px solid #333333; position: relative; }

#forecast		{ font-size: 12px; color: black; position: absolute; top: 300px; left: 620px; z-index: 1000; font-family: Century Gothic, Arial, sans-serif; }

#time			{ font-size: 12px; color: black; position: absolute; top: 300px; left: 5px; z-index: 1000; font-family: Century Gothic, Arial, sans-serif; }

#language		{ font-size: 12px;  color: blue; position: absolute; top: 300px; left: 355px; z-index: 1000; font-family: Century Gothic, Arial, sans-serif; }

#titlephoto		{ position: relative; left: -25px; width: 800px; }

#leftcolumn 		{ float: left; width: 250px; border: 0px solid red; margin-top: 20px; }
#fleftcolumn		{ float: left; width: 200px; border: 0px solid red; margin-top: 20px; }
#mleftcolumn		{ float: left; width: 525px; border: 0px solid red; margin-top: 20px; }
#rightcolumn		{ float: right; width: 475px; margin-left: 25px; border: 0px solid red; margin-top: 20px; }
#frightcolumn		{ float: right; width: 525px; margin-left: 25px; border: 0px solid red; margin-top: 20px; }
#mrightcolumn		{ float: right; width: 200px; margin-left: 25px; border: 0px solid red; margin-top: 20px; }

#pageend		{ clear: both; width: 100%; border: 1px solid red; }

#footer			{ background-image: url(../images/footerbg.png); background-position: top; background-repeat: repeat-x; border: 1px solid #333; width: 800px; margin-right: auto; margin-left: auto; height: 50px; line-height: 50px; color: silver; }
#footer a		{ color: white;	text-decoration: none; }

.clear			{ clear: both; }

.alignleft		{ text-align: left; clear: both; }
.alignright		{ text-align: right; clear: both; }

.photo			{ padding: 2px; padding-bottom: 10px; margin: 10px; border: 1px solid silver; border-right: 1px solid gray; border-bottom: 1px solid gray; }

.date			{ color: white; background-color: #d31112; border: 1px solid #7f090a; text-align: center; width: 50px; font-weight: bold; margin-top: 3px; margin-left: 5px; margin-right: 5px; float: left; line-height:20px; }
.month			{ font-size: 16px; }
.day			{ font-size: 36px; }
.year			{ font-size: 16px; }

.more 			{ padding-top: 0px; font-size: 12px; vertical-align: text-bottom; line-height: 16px; }


// end hiding -->
</STYLE>
