table{
	font-size:100%; 
	}
ul{
	text-align:left;
	}
h2{
	color:#336699;
	}
div#wrapper{
	background:#FFFFFF;
	width:600px;
*/
	border: 1px solid #DDDDDD;
	text-align:center;
	padding:20px;
}

.side{
	text-align:right;
	padding-right:4px;
	background:#EEEEEE;
	border-right:6px solid #336699;
	width:140px;
	}
.data{
	border:1px solid #EEEEEE;	

	}
/******* END GENERAL LAYOUT STUFF ***********/




/*
CALENDAR
***********/


table .cal_month{
	border:1px solid #DDDDDD;
	/*background-color:#ffffcc;*/
	}
thead td{
	text-align:center;font-size: 14px;color:navy;font-weight: bold;
}
.cal_title{
	border:1px solid #DDDDDD;font-size: 14px;
	background-color:#00a1df;
	text-align:center;
	color:#FFFFFF;
	}
.cal_data{
	text-align:center;
	}
.cal_empty{
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	height: 20px;
	width: 20px;
}
.cal_on {
	background-image: url('demo_on.png');
	background-repeat: no-repeat;*/
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;
}
.cal_on a {	
	text-transform: none;
	font-weight: bold;
	font-size: 12px;
	
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;	
}
.cal_off {
	background-image: url('demo_off.png');
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: black;
}
.cal_off a {	
	text-transform: none;
	font-weight: bold;
	font-size: 12px;
	
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: black;	
}

.cal_am {
	background-image: url('demo_am.png');
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;
}
.cal_am a {	
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;	
}

.cal_pm {
	background-image: url('demo_pm.png');
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;
}
.cal_pm a {	
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	vertical-align: baseline;
	white-space: normal;
	display: table-cell;
	height: 20px;
	width: 20px;
	color: white;	
}