dl#cartoonmap{
	background:url('http://2009.igem.org/wiki/images/thumb/5/53/Group.jpg/500px-Group.jpg') transparent top left no-repeat;
	display:block;
	position:relative;
	width:500px;
	height:500px;
	margin:0px;

	border:none;
        z-index: 200;
}
dl#cartoonmap dt{
	display:none;
}

/* Common stuff between links */
dl#cartoonmap dd a{
	position:absolute;

	border: 1px dashed silver;
	text-decoration: none;
}
dl#cartoonmap dd a span{
	display:none;
}

/* link positions (x,y,w,h) */
dl#cartoonmap dd#nicolas a{ left:112px; bottom:312px; width:45px; height:45px; }
dl#cartoonmap dd#christian a{ left:178px; bottom:300px; width:45px; height:45px; }
dl#cartoonmap dd#gabriela a{ left:240px; bottom:300px; width:45px; height:45px; }

/* link hover doings */
dl#cartoonmap dd a:hover{
	border-style:solid;
	border-width:3px;
	background:url('http://2009.igem.org/wiki/images/thumb/5/53/Group.jpg/500px-Group.jpg') transparent top left no-repeat;
}
/* colored borders! */
dl#cartoonmap dd#nicolas a:hover, dl#cartoonmap dd#nicolas a:hover span, dl#cartoonmap dd#nicolas a:hover span div.first{  border-color:darkblue; }

dl#cartoonmap dd#christian a:hover, dl#cartoonmap dd#christian a:hover span, dl#cartoonmap dd#christian a:hover span div.first{ border-color:darkblue; }

dl#cartoonmap dd#gabriela a:hover, dl#cartoonmap dd#gabriela a:hover span, dl#cartoonmap dd#gabriela a:hover span div.first{ border-color:darkblue; }


dl#cartoonmap dd#nicolas a:hover span div.first {background:#3366FF; color:#000;}
dl#cartoonmap dd#christian a:hover span div.first {background:#3366FF; color:#000;}
dl#cartoonmap dd#gabriela a:hover span div.first {background:#3366FF; color:#000;}

/* subsequent hover positions (change when link positions change) (-left,h-imgH) */
dl#cartoonmap dd#nicolas a:hover{ background-position:-114px -140px; }
dl#cartoonmap dd#christian a:hover{ background-position:-180.5px -152px; }
dl#cartoonmap dd#gabriela a:hover{ background-position:-242.5px -152px; }

/*
	put=new-old puttop=new-(imageheight-(bottom+height))
*/
dl#cartoonmap dd a:hover span{
	display:block;
	position:absolute;

	width:200px;
	height:200px;

	border-width:&px;
	border-style:solid;

	color:black;
	background-color:white;

        z-index: 100;
}
dl#cartoonmap dd a:hover span div.first{
	display:block;
	font-size:120%;
	font-weight:bold;
	padding:2px;
	text-align:left;
	border-bottom:1px solid;
	font-family:Arial;
}
dl#cartoonmap dd a:hover span div.rest{
	font-size:10pt;
	font-family:Helvetica;
	margin-left:0.5em;
        text-align:left;
}
dl#cartoonmap dd#nicolas a:hover span{
	left:130px;
	top:50px;
        
}
dl#cartoonmap dd#christian a:hover span{
	left:100px;
	top:50px;
}
dl#cartoonmap dd#gabriela a:hover span{
	left:80px;
	top:38px;
}

/* Others that don't fit into a pattern */
dl#cartoonmap dd#banner span img{
	position:absolute;
	left:183px;
	top:13px;
	width:600px;
	height:200px;

	/* For preloading purposes only */
	background:url('http://2009.igem.org/wiki/images/e/e7/GroupNB.jpg') transparent no-repeat;
	background-position:-800px -800px;
}