* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
text-align:center
}

p {
 padding: 10px;
}

#wrapper { 
 overflow:hidden;
 margin: 0 auto;
 width: 900px;
}


#content { 
 overflow:hidden;
 float: left;
 color: white;
 background: black;
 height: 500px;
 width: 900px;
 display: block;
overflow:auto;
location:relative;
}

#footer { 
 width: 900px;
 height: 50px;
 border-bottom-style:dotted;
border-width:1px;
border-color:white;
 clear: both;
 color: #white;
 background: black url(navbackground.gif) no-repeat;
text-decoration: none;
}

#map {
			margin-left:865px;
			margin-top: 40px;
			padding:0;
			width:15px;
			height:50px;
			position:relative;
			background:transparent;
			font-family:arial, helvetica, sans-serif;
			font-size:8pt;
		}
		
		#map li {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#map li a {
			position:absolute;
			display:block;
			/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
   			background:transparent;
   			text-decoration:none;
			color:#000;
		}
		
		#map li a span { display:none; }
		
		#map li a:hover span {
			position:relative;
			display:block;
			width:200px;
			left:-230px;
			top:20px;
			border:1px dotted white;
			background:#41383C;
			padding:10px;
			color:white;
			text-align:right;
 			
  		}
	
		#map a.info {
			top:0px;
			left:0px;
			width:15px;
			height:50px;
		}