/* set the size of the definition list <dl> and add the background image */
#imap {display:block; width:700px; height:544px;}
		
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
	display:block; width:700px; 
	height:0; 
	padding-top:544px; 
	overflow:hidden; 
	position:absolute; 
	left:0; top:0;  
	cursor:default;}
/
* the hack for IE pre IE6 */
* html #imap a#title {height:544px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}


/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0; z-index: 20;}


/* style the <dd><a> links physical size and the background image for the hover */
#imap .picLink {display:block; text-decoration:none; z-index:20;}


/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}

/* move the link background image to position 0 0 when hovered */
#imap .picLink:hover {background: url(/images/2011Calendar/hover.png);}

/* define the common styling for the span text */
#imap a:hover span {position:absolute; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;}

/* the hack for IE pre IE6 */
* html #imap a:hover span {width:400px; w\idth:388px;}

/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}

#months {
	float: left;
	width: 125px;
}

#months ul {
	margin: 10px;
	padding: 0;
}

#months li {
	margin-left: 0;
	padding: 5px 0;
	list-style-type: none;
}