A		{ font-family:arial, helvetica; color:black; text-decoration:underline }
SPAN	{ font-family:arial, helvetica }
TD     	{ font-family:arial, helvetica }
BODY	{ background-color:#FFF;
                 margin: 0; }

/**** 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:white; height:60; width: 70; }
.empty_day_cell			{ background-color: #CCCCCC; height:60; width: 70; }
.today_cell				{ background-color: #FFFF66; height:60; width: 70; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:10px; font-family:verdana, arial, helvetica; color: #006699;
}

/**** 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:black; text-decoration:underline }
.title_txt A:active		{ color:#0099CC; text-decoration:underline }
.title_txt A:visited	{ color:black; text-decoration:underline }
.title_txt A:hover		{ color:#0099CC; 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: #006699; 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 }

body{
	margin: 0px;
	background-color: #1A2A4C;
}

a:link {
	color: #ffffff; 
	text-decoration: none;
}
a:visited {
	color: #ffffff; 
	text-decoration: none;
}
a:active {
	color: #ffffff;
}
a:hover {
	color: #ffffff; 
	text-decoration: underline;
}

#top{
	z-index: 1; 
	left: 0px; 
	width: 750px; 
	position: absolute; 
	top: 0px;
}

#left {
z-index: 5; 
left: 15px; 
width: 120px;
position: absolute; 
top: 210px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #336699;
}

#left a{
	color: #99CCFF;
	text-decoration: underline;
	padding-left: 15px;
	font: bold 10px verdana, arial, sans-serif;
}

#left a:hover{
	color: white;
	text-decoration: underline;
	padding-left: 15px;
}
 
 #right{
	z-index: 4; 
	left: 730px; 
	width: 140px; 
	position: absolute; 
	top: 30px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99CCCC;
}

#center{ 
	margin: 225px 270px 0 125px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 0px;
	width: 550px;
}

#footer{
	clear: both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	text-align: center;
	width: 80%;
	padding-top: 5px;
	padding-left: 85px;
}

#center p{
	color: #99CCFF;
	padding-bottom: 0px;
	font-size: 10px;
	text-align: justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content{
	background-image: url(images/layoutbg.jpg);
	background-repeat : repeat-y;
}

#nav {
	position:absolute;
	display: inline;
	float: none;
	left: 10px;
	height: 5px;
	margin: 155px 0px 0px 190px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	z-index: 10;
	}

#nav ul, #nav li {
	display: inline;
	list-style-type: none;
	margin: 0 0;
	padding: 0;
	
}

#nav a, #nav a:link {
	background: transparent;
	color: White;
	display: inline;
	font: bold 10px verdana, arial, sans-serif;
	line-height: 5px;
	margin: 0px 0 0 2px;
	padding: 0px 0px;
	text-decoration: none;
}

#nav a:hover {
	background: transparent;
	color: #6699CC;
	text-decoration: underline;
}

#nav a.active, #nav a:link.active, #nav a:hover.active {
	background: transparent;
	color: #6699FF;
}
