/*
	Modified from an example by: 
	Seth Duffey
	sethduffey@gmail.com
	http://www.leavethatthingalone.com/examples/cssmap/
    I'm using it with his permission - TCM
*/
/* START OF CSS FOR MAP */
dl.map.on {
	width:740px;
	height:496px;
	background:url(../images/g7map.png) no-repeat;
	text-align:centre;
	margin:0;
	padding:0;
	border:  2px solid #daa520;
}

dl.map.on dt {
	list-style:none;
	display:inline;
	border: none;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
	border: 3px solid #f4a460;
	background:url(../images/tooltip-bg.png);
	z-index:11;
	font-size:0.75em;
	color:#FFF;
}
dl.map.on dd img {
	position:relative;
	float:right;
	border: 1px solid #708090;
	margin:2px;
}
dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../images/point.png) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map.on a.location:hover {
	background:url(../images/point-hover.png) no-repeat -1px -1px;
}
dl.map.on dd a {
	color:#FFF;
}
dl.map.on dd a:hover {
	text-decoration:none;
}
dl.map.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(../images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}

/* START OF CSS FOR MAP POINTS */
dl.map.on a#egerton {
	top:312px;
	left:40px;
}
dl.map.on a#pluckley {
	top:494px;
	left:188px;
}
dl.map.on a#westwell {
	top:344px;
	left:714px;
}
dl.map.on a#littlechart {
	top:469px;
	left:337px;
}
dl.map.on a#charingheath {
	top:170px;
	left:166px;
}
dl.map.on a#charing {
	top:178px;
	left:426px;
}
dl.map.on a#hothfield {
	top:580px;
	left:536px;
}