#calendar {
	position:relative; 
	width:550px; 
	height:270px; 
	border:1px solid #000; 
	background:#fff; 
	margin:0 auto 100px auto;
}

#calendar h2 {
	position:absolute; 
	width:240px; 
	left:110px; 
	top:150px; 
	text-align:center; 
	font-size:2em;
}

#year a {
	text-decoration:none; 
	color:#000;
}

#year {
	padding:54px 0 0 0; 
	margin:0; 
	list-style-type:none; 
	width:110px;
}

#year li {
	display:block; 
	width:100px; 
	height:17px; 
	line-height:17px; 
	padding-left:10px; 
	background:transparent;
}

#year table {
	border-collapse:collapse; 
	width:440px; 
	height:270px;
}

#year table td {
	height:33px; 
	width:35px; 
	text-align:center; 
	line-height:33px;
}

#year table tfoot td{
	width:240px; 
	background:#919f67; 
	height:46px;
}

#year table caption {
	color:#000000; /*#C2233F;  */
	height:32px;
	line-height:32px;
	padding:0;
	margin:0;
	background:#DA9168;
	font-size:1.5em;
}

#year table thead th {
	text-align:center; 
	background:#488EB2;/*#6d8666; */
	color:#fff;
}

#year li table {
	display:none;
}

#year li:hover {
	cursor:default; 
	background:#7092bf; 
	color:#fff;
}

#year li:hover table {
	display:block; 
	position:absolute; 
	left:110px; 
	top:0; 
	background:#7092bf;
}

#year td a {
	display:block; 
	border:1px solid #000; 
	margin:-1px; 
	color:#fff;
}

#year td a:hover {
	display:block; 
	background:#fff; 
	color:#000;
}

a.info {
    position:relative;
    z-index:24; 
	background-color:#ccc;
    color:#000;
    text-decoration:none;
}
a.info:hover {
    z-index:25; 
	background-color:#ff0;
}
a.info span {  
    display: none;
}
a.info:hover span {
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:200px;
	border:1px solid #488EB2;
	background-color:#EEEEEE;
	color:#000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
}