@charset "utf-8";
/* CSS Document */
#MenuMap {
margin:0px;
padding:0px;
top:0px;
width:300px;
height:581px;
position:relative;
background-image:url(../images/menu.jpg);     		 /*change*/
list-style:none;
text-decoration:none;
}
	#MenuMap li {
	margin:0px;
	padding:0px;
	position:absolute;
	height:37px;
	}

		#MenuMap a {
		display:block;
		height:37px;
		}
			
			#MenuMap a.NavLink {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-30000px;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
				#News	 	{left:0px; 	width:300px; top:17px; height:37px;}
				#Answers 	{left:0px; 	width:300px; top:59px; height:37px;}
				#Home 	 	{left:0px; 	width:300px; top:150px; height:37px;}
				#Contact	{left:0px; 	width:300px; top:205px; height:37px;}
				#Services	{left:0px; 	width:300px; top:250px; height:37px;}
				#Local		{left:0px; 	width:300px; top:297px; height:37px;}
				#Long 	 	{left:0px; 	width:300px; top:338px; height:37px;}
				#Internet 	{left:0px; 	width:300px; top:375px; height:37px;}
				#Phone 		{left:0px; 	width:300px; top:420px; height:37px;}
				#Voice 		{left:0px; 	width:300px; top:457px; height:37px;}
				#Maintenance{left:0px; 	width:300px; top:500px; height:37px;}
				#System		{left:0px; 	width:300px; top:544px; height:37px;}
					
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */

				#News a:hover {background: transparent url(../images/menu.jpg) 		-300px -17px no-repeat;}
				#Answers a:hover {background: transparent url(../images/menu.jpg) 	-300px -59px no-repeat;}
				#Home a:hover {background: transparent url(../images/menu.jpg) 	-300px -150px no-repeat;}
				#Contact a:hover {background: transparent url(../images/menu.jpg) 		-300px -205px no-repeat;}
				#Services a:hover {background: transparent url(../images/menu.jpg) 		-300px -250px no-repeat;}
				#Local a:hover {background: transparent url(../images/menu.jpg) 	-300px -297px no-repeat;}
				#Long a:hover {background: transparent url(../images/menu.jpg) 	-300px -338px no-repeat;}
				#Internet a:hover {background: transparent url(../images/menu.jpg) 	-300px -375px no-repeat;}
				#Phone a:hover {background: transparent url(../images/menu.jpg) 	-300px -420px no-repeat;}
				#Voice a:hover {background: transparent url(../images/menu.jpg) 		-300px -457px no-repeat;}
				#Maintenance a:hover {background: transparent url(../images/menu.jpg) 	-300px -500px no-repeat;}
				#System a:hover {background: transparent url(../images/menu.jpg) 	-300px -544px no-repeat;}
					
				#newspage #News a {background: transparent url(../images/news.gif) no-repeat;  }
				#answerspage #Answers a {background: transparent url(../images/faq.gif) no-repeat; }
				#homepage #Home a {background: transparent url(../images/home.gif) no-repeat; }
				#contactpage #Contact a {background: transparent url(../images/contact.gif) no-repeat;}
				#servicespage #Services a {background: transparent url(../images/services.gif) no-repeat;}
				#localpage #Local a {background: transparent url(../images/local.gif) no-repeat;}
				#longpage #Long a {background: transparent url(../images/long.gif) no-repeat;}
				#internetpage #Internet a {background: transparent url(../images/internet.gif) no-repeat;}
				#phonepage #Phone a {background: transparent url(../images/phone.gif) no-repeat; margin-top:1px;}
				#voicepage #Voice a {background: transparent url(../images/voice.gif) no-repeat;  }
				#maintenancepage #Maintenance a {background: transparent url(../images/maintenance.gif) no-repeat}
				#systempage #System a {background: transparent url(../images/system.gif) no-repeat}