@charset "UTF-8";
/* CSS Document */

#map{
	position:relative;
	margin: 0px auto;
	width: 695px;
	height: 440px;
	background-image:url(images/map.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.textwestern {
	position:absolute;
	top: 10px;
	left:0px;	
	}
	
.textcentral {
	position:absolute;
	top: 10px;
	left:-200px;	
	}
				
.textboston {
	position:absolute;
	top: 55px;
	left:-355px;	
	}	

.textnorth {
	position:absolute;
	top: 99px;
	left:-315px;	
	}	

.textmetro {
	position:absolute;
	top: 45px;
	left:-300px;	
	}	
	
	
.textnorfolk {
	position:absolute;
	top: 0px;
	left:-340px;	
	}	


.textsouth {
	position:absolute;
	top: -155px;
	left:-390px;	
	}	


#western {
	text-decoration:none;
	position:absolute;
	top:20px;
	left:60px;
}


/*western BUTTON ROLLOVER*/
				#western, #western ul { /* all lists */
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1;
				}
				
				#western a {
					display: block;
					width: 5em;
				}
				
				#western li { /* all list items */
					float: left;
					width: 5em; /* width needed or else Opera goes nuts */
				}
				
				#western li ul { /* second-level lists */
					position: absolute;
					background:#FFF;
					width: 5em;
					left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				
				#western li:hover {
					color: black;	
				}
				
				#western li:hover ul, #western li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
					display: visible;
				}


#central {
	text-decoration:none;
	position:absolute;
	top:20px;
	left:260px;
}


/*central BUTTON ROLLOVER*/															
															  
				#central, #central ul { /* all lists */
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1;
				}
				
				#central a {
					display: block;
					width: 5em;
				}
				
				#central li { /* all list items */
					float: left;
					width: 5em; /* width needed or else Opera goes nuts */
				}
				
				#central li ul { /* second-level lists */
					position: absolute;
					background:#FFF;
					width: 5em;
					left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				
				#central li:hover ul, #central li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}



#boston {
	text-decoration:none;
	position:absolute;
	top:105px;
	left:415px;
}


/*boston BUTTON ROLLOVER*/

				#boston, #boston ul { /* all lists */
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1;
				}
				
				#boston a {
					display: block;
					width: 5em;
				}
				
				#boston li { /* all list items */
					float: left;
					width: 5em; /* width needed or else Opera goes nuts */
				}
				
				#boston li ul { /* second-level lists */
					position: absolute;
					background:#FFF;
					width: 5em;
					left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				
				#boston li:hover ul, #boston li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}


#north {
	text-decoration:none;
	position:absolute;
	top:1px;
	left:375px;
}


/*north BUTTON ROLLOVER*/

				#north, #north ul { /* all lists */
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1;
				}
				
				#north a {
					display: block;
					width: 5em;
				}
				
				#north li { /* all list items */
					float: left;
					width: 5em; /* width needed or else Opera goes nuts */
				}
				
				#north li ul { /* second-level lists */
					position: absolute;
					background:#FFF;
					width: 5em;
					left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				
				#north li:hover ul, #north li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}


#metro {
	text-decoration:none;
	position:absolute;
	top:100px;
	left:360px;
}


/*metro BUTTON ROLLOVER*/

				#metro, #metro ul { /* all lists */
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1;
				}
				
				#metro a {
					display: block;
					width: 5em;
				}
				
				#metro li { /* all list items */
					float: left;
					width: 5em; /* width needed or else Opera goes nuts */
				}
				
				#metro li ul { /* second-level lists */
					position: absolute;
					background:#FFF;
					width: 5em;
					left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				
				#metro li:hover ul, #metro li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}


#norfolk {
	text-decoration:none;
	position:absolute;
	top:140px;
	left:400px;
	
}


/*norfolk BUTTON ROLLOVER*/

				#norfolk, #norfolk ul { /* all lists */
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1;
				}
				
				#norfolk a {
					display: block;
					width: 5em;
				}
				
				#norfolk li { /* all list items */
					float: left;
					width: 5em; /* width needed or else Opera goes nuts */
				}
				
				#norfolk li ul { /* second-level lists */
					position: absolute;
					background:#FFF;
					width: 5em;
					left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				
				#norfolk li:hover ul, #norfolk li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}



#south {
	text-decoration:none;
	position:absolute;
	top:155px;
	left:450px;
}


/*south BUTTON ROLLOVER*/
															  
				#south, #south ul { /* all lists */
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1;
				}
				
				#south a {
					display: block;
					width: 5em;
				}
				
				#south li { /* all list items */
					float: left;
					width: 5em; /* width needed or else Opera goes nuts */
				}
				
				#south li ul { /* second-level lists */
					position: absolute;
					background:#FFF;
					width: 5em;
					left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				
				#south li:hover ul, #south li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}

