@charset "UTF-8";

/* 
Dragon Tang Soo Do
16/01/08
*/



.year {
	width:353px;
	height:240px;
	background:url(../images/calender_bg.jpg) no-repeat;
	position:relative;
	top:15px;
	padding-left:20px;
	}
	
.year li {
	display:block;
	width:85px;
	height:20px;
	}
	
.year a {
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#004a8f;
	}
	
.year a .days {
	display:none;
	}

.year a:hover {
	cursor:hand;
	}
	
.year a:hover .month {
	cursor:hand;
	font-weight:bold;
	color:#004a8f;
	text-decoration:underline;
	}
	
.year a:hover .days {
	display:block;
	position:absolute;
	top:17px;
	left:90px;
	width:255px;
	font-size:15px;
	}
	
.year a:hover .days em {
	display:block;
	font-style:normal;
	width: 34px;
	height:34px;
	float:left;
	text-align:center;
	line-height:36px;
	overflow:hidden;
	margin-right:2px;
	margin-bottom:2px;
	}
	

.blue {
	background:#8BB1F8;
	color:#fff;
	}
.red {
	background:#CC0000;
	color:#fff;
	}
.green {
	background:#B4EDA9;
	color:#fff;
	}
.purple {
	background:#BE91F0;
	color:#fff;
	}
.yellow {
	background:#F5EAA7;
	color:#fff;
	}
.orange {
	background:#F1BC87;
	color:#fff;
	}
.brown {
	background:#98765C;
	color:#fff;
	}
.maroon {
	background:#660033;
	color:#fff;
	}
.dk_green {
	background:#003300;
	color:#fff;
	}
.navy {
	background:#000099;
	color:#fff;
	}
.pink {
	background:#F0A6A6;
	color:#fff;
	}
.dk_orange {
	background:#FF9900;
	color:#fff;
	}


#key_title {
	font-size:14px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:0px;
	}
		
#key li {
	margin-bottom:7px;
	}
	
#key_blue {
	border-left:17px solid #8BB1F8;
	text-indent:10px;
	}
#key_red {
	border-left:17px solid #CC0000;
	text-indent:10px;
	}
#key_green {
	border-left:17px solid #B4EDA9;
	text-indent:10px;
	}
#key_purple {
	border-left:17px solid #BE91F0;
	text-indent:10px;
	}
#key_yellow {
	border-left:17px solid #F5EAA7;
	text-indent:10px;
	}
#key_orange {
	border-left:17px solid #F1BC87;
	text-indent:10px;
	}
#key_brown {
	border-left:17px solid #98765C;
	text-indent:10px;
	}
#key_maroon {
	border-left:17px solid #660033;
	text-indent:10px;
	}
#key_dk_green {
	border-left:17px solid #003300;
	text-indent:10px;
	}
#key_navy {
	border-left:17px solid #000099;
	text-indent:10px;
	}
#key_pink {
	border-left:17px solid #F0A6A6;
	text-indent:10px;
	}
#key_dk_orange {
	border-left:17px solid #FF9900;
	text-indent:10px;
	}
	
	
/*
width (below) determines start day for the month...
0px is Sunday
36px is Monday
72px is Tuesday
108px is Wednesday
144px is Thursday
180px is Friday
216px is Saturday
...obviously needs to be adjusted every year
*/

.year a:hover .days .jan {width:72px; margin-right:0px;}
.year a:hover .days .feb {width:180px; margin-right:0px;}
.year a:hover .days .mar {width:216px; margin-right:0px;}
.year a:hover .days .apr {width:72px; margin-right:0px;}
.year a:hover .days .may {width:144px; margin-right:0px;}
.year a:hover .days .jun {width:0px; margin-right:0px;}
.year a:hover .days .jul {width:72px; margin-right:0px;}
.year a:hover .days .aug {width:180px; margin-right:0px;}
.year a:hover .days .sep {width:0px; margin-right:0px;}
.year a:hover .days .oct {width:108px; margin-right:0px;}
.year a:hover .days .nov {width:216px; margin-right:0px;}
.year a:hover .days .dec {width:0px; margin-right:0px;}
.year a:hover .days span {clear:left;}