/*  Title:  Ireland Location Map - CSS File

	Controls the little location map for the various colleges.
	The Map Co-ordinates, are located at the bottom of this file 
	Just edit those if you're adding a new location
*/

#ireland-map {
	position: relative;
	width: 185px;
	height: 238px;
	background: url(../images/map_of_ireland.gif) no-repeat left top;
}

#ireland-map ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ireland-map li {
	margin: 0;
}

/* .......... Description */

#ireland-map li span {
	position: absolute;
	top: 182px;
	left: 190px;
	width: 344px;

	border: 1px solid #73A198;
	color: #59827A;
	padding: 3px;
	background-color: #E4ECED;	
}

/* header */

#ireland-map li span strong {
	display: 			block;
	background-color:	#99B3B7;
	color: 				white;
	margin-top: -3px;
	margin-left: -3px;
	margin-right: -3px;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}

/* ......................... Mouseover Action */

#ireland-map ul {
}

#ireland-map li {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	height: 1px;
	width: 1px;
}

#ireland-map li span {
	visibility: hidden;
}

#ireland-map li:hover span {
	visibility: visible;
}

/* ......................... Dots on Map */

#ireland-map li a {
	position: absolute;
	color: #CCFF00;
	background-color: #CCFF00;
	height: 4px;
	width: 4px;
	overflow: hidden;
	display: block;
}

#ireland-map li:hover a {
	position: absolute;
	color: #FFD400;
	background-color: #FFD400;
}



/* ............................................................... Map Co-ordinates */

#ireland-map li.ucc a 			{ top: 205px;	left: 83px; 	}
#ireland-map li.ul a 			{ top: 160px;	left: 75px; 	}
#ireland-map li.ucg a 			{ top: 127px;	left: 66px; 	}
#ireland-map li.queens a 		{ top: 53px;	left: 164px; 	}
#ireland-map li.maynooth a 		{ top: 119px;	left: 140px; 	}
#ireland-map li.dcu a 			{ top: 114px;	left: 151px; 	}
#ireland-map li.ucd a 			{ top: 125px;	left: 152px; 	}
#ireland-map li.tcd a 			{ top: 119px;	left: 154px; 	}
#ireland-map li.derry a 		{ top: 31px;	left: 106px; 	}
#ireland-map li.coleraine a 	{ top: 18px;	left: 136px; 	}
#ireland-map li.jordanstown a 	{ top: 36px;	left: 165px; 	}

