
div.calendarStyles td.calendar {
	border-bottom:1px solid #222222;
	border-right:1px solid #222222;
	color:#222222;
	font-size:10px;
	height:50px;
	padding-right:2px;
	width:75px;
}
div.calendarStyles td.calendarToday {
	background-color:#cccccc;
}
div.calendarStyles table.calendar {
	background-color:#FFFFFF;
	border:1px solid silver;
	width:100%;
}
div.calendarStyles .calendar .calendar_events a {
	color:#049BE4;
	/*color:#5983BF;*/
	display:block;
	padding-bottom:5px;
	text-decoration:underline;
}
div.calendarStyles .calendar .calendar_events a:hover {
	color:#049BE4;
	/*color:#5983BF;*/
	text-decoration:none;
}
div.calendarStyles .calendar .calendar_events {
	font-size:9px;
	list-style-position:inside;
	list-style-type:none;
	padding-left:0px;
	padding-right:5px;
	text-align:left;
	width:79px;
}
div.calendarStyles .calendar .calendar_events li {
	font-size:9px;
}
.calendarHeader {
	background-color:#222222;
	border: 1px solid silver;
	color:#ffffff;
}
.events a {
	color:#049BE4;
	/*color:#5983BF;*/
	display:block;
	padding-bottom:10px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{page: Title}</title>
<meta name="generator" content="http://www.getLiveEdit.com">
<meta name="Keywords" content="{meta: Keywords}">
<meta name="Description" content="{meta: Description}">
<meta name="viewport" content="width=1024" /> 
<link rel="icon" type="image/png" href="/assets/liveedit/favicon.png">
{site: StyleSheet}
{site: Javascript}
</head>

<body>
{layout: BodyStart}

<div class="container_12">
<div class="grid_12 header"><div class="grid_12 MainMenu">{menu: MainMenu}</div></div>
<div class="clear"></div>
<div class="grid_12">{content: Area1}</div>
<div class="clear"></div>

<div class="grid_12 bodyContent">
<div class="grid_12 space"></div>
<div class="grid_1 alpha omega"><img src="assets/layouts/images/spacer.gif" width="1" height="1" alt="spacer" /></div>
<div class="grid_6 alpha">{content: Area2}</div>
<div class="grid_5"><div class="grid_5">{global: Area3}</div>
<div class="clear"></div>
<div class="grid_5">{content: Area9}</div>
</div>
</div>
<div class="clear"></div>

<div class="grid_12 footer">
<div class="grid_4 nudgeTop">{global: Area4}</div>
<div class="grid_4 alpha omega nudgeTop">{global: Area5}</div>
<div class="grid_4 nudgeTop">{global: Area6}</div>
<div class="clear"></div>
<div class="grid_12 SecMenu">{menu: SecondaryMenu}</div>
</div>
<div class="clear"></div>

<div class="grid_12 nudgeTop2">{global: Area8}</div>

</div>
{layout: LiveEdit}{layout: BodyEnd}
</body>
</html>
.AlignCenter { text-align:center; }
.AlignRight { text-align:right; }
.copyright p {
     color: #ffffff;
}

