@charset "UTF-8";
/* CSS Document */

#image {position:relative; height:482px; width:720px;}
#image:hover #notes {display:block;}
#notes {position:absolute; top:0; left:0; height:100%; width:100%; display:none;}
#notes dt {display:none;}
#notes dd {border:0px solid #F3DF9A; position:absolute;}
#notes dd a {display:block; text-decoration:none; border:0px;}
#notes dd a span {display:none;}
#notes dd a:hover {background-color:transparent; border:2px solid #F30;}
#notes dd a:hover span {
	background-color:none;
	border:none;
	color:#000;
	display:block;
	font:normal normal .8em/1.15 Helvetica,sans-serif;
	margin:.5em 0;
	max-width:230px;
	padding:5px;
	position:absolute;
	text-indent:0;
	width:auto;
	z-index:1000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#notes #note1 {left:75px; top:270px;}  /* outline position */
#notes #note1 a {height:74px; width:296px;}  /* outline dimensions */
#notes #note1 a span {top:100%;}  /* label position */
#notes #note1 a:hover {
	border-style: double;
	border-width: 5px;
}

#notes #note2 {left:75px; top:356px;}
#notes #note2 a {height:30px; padding:5px; width:288px;}
#notes #note2 a span {bottom:100%;}
#notes #note2 a:hover {
	border-style: dotted;
	border-width: 4px;
	border-color:#0b2e4c;
}
#notes #note3 {left:75px; top:400px;}
#notes #note3 a {height:75px; padding:5px; width:300px;}
#notes #note3 a span {top:100%;}

#notes #note4 {left:75px; top:494px;}
#notes #note4 a {height:85px; width:300px;}
#notes #note4 a span {top:100%;}
#notes #note4 a:hover {
	border-style: groove double groove double;
	border-width: 4px;
	border-color:#0b2e4c;
}

#notes #note5 {left:75px; top:584px;}
#notes #note5 a {height:37px; width:300px;}
#notes #note5 a span {top:100%;}
#notes #note5 a:hover {
	border-style: dashed;
	border-width: 3px;
}