/***********************************************************

	Stylesheet for Jedforest Deer and Farm Park Maps
	
	version: 	1.0
	author: 	Andrew McEwan
	email:		andrew@web-workshop.net
	website:	www.web-workshop.net
	
************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:white;
	text-align:center;
}

* {
	margin:0;
	padding:0;
	}
	
* html body {		
	font-size:62.5%;  /* Set IE font size */
	}
	
ul {
	list-style:none;
	}

/**************************************************

	CSS for the main Park map page
	
***************************************************/

#parkMap {
  width: 800px;
  height: 600px;
  position: relative;
}

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

#parkMap #popups a {
	position: absolute;
	width: 30px;
	height: 29px;
	color: #000;
	text-decoration: none;
	border: 1px solid transparent;
	/*left: 266px;
	top: 299px;*/
}


#parkMap #popups a .outer {
  display: block;
  width: 30px;
  height: 30px;
}

#parkMap #popups a .inner {
  display: block;
  width: 29px;
  height: 29px;
  border:5px;
}

#parkMap #popups a:hover {
  border-color: #d4d82d;
  cursor:help;
}

#parkMap #popups:hover a .outer, #parkMap #popups a:hover .outer {
  /*border: 1px solid #000;*/
  border:none;
}

#parkMap #popups:hover a .inner, #parkMap #popups a:hover .inner {
 /* border: 1px solid #fff;*/
  border:none;
}


/*	Position the 'i' markers on the map	*/

#parkMap #popups .playAreaOutdoors a {
  top: 298px;
  left:267px;
}

#parkMap #popups .teaRoom a {
  top: 127px;
  left: 356px;
}

#parkMap #popups .workingFarm a {
  top: 80px;
  left: 679px;
}

#parkMap #popups .pond a {
  top: 169px;
  left: 212px;
}

#parkMap #popups .walks a {
  top: 128px;
  left: 117px;
}

#parkMap #popups .mixedBreeds a {
  top: 282px;
  left: 500px;
}

#parkMap #popups .redAndWhiteDeer a {
  top: 237px;
  left: 110px;
}

#parkMap #popups .ponyRides a {
  top: 213px;
  left: 495px;
}

#parkMap #popups .rareBreedsPigs a {
  top: 402px;
  left: 361px;
}

#parkMap #popups .outdoorPlayArea a {
  top: 237px;
  left: 347px;
}

#parkMap #popups .rareBreedSheep a {
  top: 235px;
  left: 585px;
}

#parkMap #popups a .popup {
  position: absolute;
  bottom: -3em;
  width: 10em;
  border: 1px solid #000;
  padding: 0.2em 0.5em;
  background-color:white;
  background-image:url(images/backgrounds/background-parkmap-popups.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  text-align: center;
  left: -30000px;
  margin-left: -5em;
}

#parkMap #popups a:hover .popup {
  left: 0px;
}

#parkMap #popups a:hover .popup h1{
  font-size:1.4em;
  font-weight: bold;
}

#parkMap #popups a:hover .popup p{
  font-size:1em;
  padding-top:0.5em;
}

/*	 Navigation	*/

#parkMap #navigation a {
	position: absolute;
	width: 77px;
	height: 46px;
	color: #000;
	text-decoration: none;
	border: 1px solid transparent;
	left: 266px;
	top: 299px;
}


/*#parkMap #navigation a .outer {
  display: block;
  width: 99px;
  height: 99px;
}

#parkMap #navigation a .inner {
  display: block;
  width: 98px;
  height: 98px;
}*/

#parkMap #navigation a:hover {
  border-color: #d4d82d;
}

#parkMap #navigation:hover a .outer, #parkMap #navigation a:hover .outer {
  /*border: 1px solid #000;*/
  border:none;
}

#parkMap #navigation:hover a .inner, #parkMap #navigation a:hover .inner {
  /*border: 1px solid #fff;*/
  border:none;
}


/*	Position over the navigation	*/

#parkMap #navigation #home a {
  top: 23px;
  left:47px;
}

#parkMap #navigation #kidsClub a {
  top: 23px;
  left: 127px;
}

#parkMap #navigation #webCam a {
  top: 23px;
  left: 221px;
}

#parkMap #navigation #facilities a {
  top: 23px;
  left: 330px;
}

#parkMap #navigation #animals a {
  top: 23px;
  left: 430px;
}

#parkMap #navigation #walks a {
  top: 23px;
  left: 520px;
}

#parkMap #navigation #ponds a {
  top: 23px;
  left: 605px;
}

#parkMap #navigation #largeMap a {
  top: 388px;
  left: 698px;
}

#parkMap #navigation #contact a {
  top: 435px;
  left: 652px;
}

/*************************************************************

	Park Map Text Navigation
	
**************************************************************/

#parkMap #textNavigation {
	position:absolute;
	top:25px;
	left:54px;
	width:641px;
	}

#parkMap #textNavigation #textNavigationTop {
	width:641px;
	height:17px;
	background-image:url(images/maps/navigation/map-nav-top.gif);
	background-repeat:no-repeat;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	}
	
#parkMap #textNavigation #textNavigationMiddle {
	width:641px;
	background-image:url(images/maps/navigation/map-nav-middle.gif);
	background-repeat:repeat-y;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	}
	
#parkMap #textNavigation #textNavigationMiddle ul {
	padding-left:5px;
	padding-right:5px;
	font-size:1.2em;
	font-weight:bold;
	}
	
#parkMap #textNavigation #textNavigationMiddle ul li {
	display:inline;
	list-style:none;
	}

#parkMap #textNavigation #textNavigationMiddle ul li a {	
	color:black;
	text-decoration:none;	
	padding-left:5px;
	padding-right:5px;
	}
	
#parkMap #textNavigation #textNavigationMiddle ul li a:hover {
	color:white;
	}
	
#parkMap #textNavigation #textNavigationBottom {
	width:641px;
	height:15px;
	background-image:url(images/maps/navigation/map-nav-bottom.gif);
	background-repeat:no-repeat;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	clear:left;
	}