/*
Calendar object styles
*/
#calHeader{height:80px;padding:3px}
#calTitle{float:left;width:50%;}
#calNav{float:right;width:50%;}

#calendar {
	margin: 0;
	padding: 1px;
	width: 700px;
	border: 1px solid #534422;
	background-color: #7C7E5F; 
	color: #2A2727;
}
#calendar li {
	list-style-position: inside;
	width: 86px;
	height: 106px;
	border: 1px solid #534422;
	float: left;
	background-color: #fcffe7; 
	padding: 5px;
	overflow: hidden;
	margin:1px;
	background-image:none;
}
#calendar li.today {
	background-color:#88947B;
}
#calendar li.otherMonth {
	background-color:#7C7E5F;
	border: 1px solid #7C7E5F;
	visibility:hidden;
}
#calendar li.sunday {margin-left: 0;}
#calendar li.monday {margin-left: 101px; }
#calendar li.tuesday {margin-left: 201px;}
#calendar li.wednesday {margin-left: 301px;}
#calendar li.thursday {margin-left: 401px;}
#calendar li.friday {margin-left: 501px;}
#calendar li.saturday {margin-left: 601px;}
.clear {clear: both;}

#calendar li.dayofWeekHeader{
	text-align:center;
	height:22px;
	font-weight:bold;
}
#calendar li.dayofWeekHeader div.dayOfWeek{
	margin:auto;
}


#calendar li div.dayHeader {
	height: 30px;
}#calendar li div.dayHeader div.dayNumber{
	float:left;
	width:auto;
	cursor:pointer;
	width:15px;
}#calendar li div.dayHeader div.dayMoonPhoto{
	float:right;
	width:20px;
}
#calendar li div.dayBody{
	margin:auto;
}
#calendar li div.dayFooter div.imageDiv{
	height:20px;
	width:100%;
}
#calendar li img.calImage{
	width:20px;
}
#calendar li div.dayFooter span.dayFooterText{
	font-size:93%;
}
#calendar li div.dayFooter span.seasonSpan{
	font-size:77%;
}
#calendar li div.dayFooter .lowtemp{
	text-align:center;
}
#calendar li div.dayFooter img.elementIcon{
	width:8px;
	margin:5px 2px 0 0;
	float:left;
}
#calendar li div.dayFooter div.elementIconsDiv{
	padding-left:6px;
}

#calendar li div.dayFooter .hightemp{
	text-align:center;
}
.CalInfoName{
	cursor:pointer;
}
.CalInfoDescription {
	background-color:#EEEEEE;
	border-bottom:1px solid #534422;
	border-top:1px solid #534422;
	margin:4px 4px 4px 0;
	padding:1px 2px;
}
.calInfoHeader{
	border-bottom:solid 1px #534422;
	width:80%;
	margin-left:10px;
	font-weight:bold;
}
.calInfoSection{
	margin-bottom:10px;
	clear:both;
}
.calInfoSection li{
	padding:2px 0 0 30px;
	min-height:19px;
	background-position:4px 2px;
}