/* LOCATIONS CODE */

.location {
	padding:0;
	margin:0;
	list-style-type:none;
	width:760px;
	height:285px;
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	z-index:100;
	left: -1px;
	top: 494px;
	}
	
.text_box{
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	}	
/* move the text off screen */

.location li a {
	text-indent:-1999px; 
	display:block; 
	width:8px; 
	height:8px; 
	background:#000; 
	position:absolute; 
	line-height:8px;
	}
	
/* make the images and description invisible and an absolute position so that it does not take up any space */

.location li a em {
	visibility:hidden; 
	position:absolute;
	}
	
/* position the square markers */

	.location li a.ed {top:98px; left:172px;}
	.location li a.ca {top:118px; left:186px;}
	.location li a.sk {top:102px; left:215px;}
	.location li a.dt {top:130px; left:325px;}
	.location li a.wi {top:135px; left:335px;}
	.location li a.os {top:134px; left:368px;}
	.location li a.to {top:129px; left:356px;}
	.location li a.ho {top:190px; left:304px;}
	.location li a.nm {top:184px; left:230px;}
	.location li a.mx {top:222px; left:304px;}
	.location li a.mn {top:248px; left:474px;}
	.location li a.bo {top:258px; left:488px;}
	.location li a.ci {top:267px; left:476px;}
	.location li a.an {top:78px; left:600px;}
	.location li a.va {top:71px; left:653px;}
	
/* move the text back into view on hover */

.location li a:hover {
	background:#600; 
	text-indent:0; 
	height:1.2em; 
	font-size:11px; 
	color:#fff; 
	line-height:1em; 
	padding:2px 10px; 
	width:90px;
	}
	
/* hack for IE5.x */

* html .location li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}

/* make the descriptive text visible, give it a size and position */

.location li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #600; width:150px; color:#600; padding:25px;font-style:normal; top:-135px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}

/* hack for IE5.x */

* html .location li a:hover em {width:200px; w\idth:150px;}

/* give the image a border and margin */

.location li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}

/* style the empty span (I know it's not semantically correct) into an arrow point */

.location li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:128px;}

/* hack for IE5.x */

* html .location li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}

/* BEGIN CODE FOR SUB MENU */


.places li a { 
	display:none; 
	width:8px; 
	height:8px; 
	background: none; 
	position:absolute; 
	line-height:8px;
	}

.places li a:hover {
	background:none; 
	text-indent:0; 
	height:1.2em; 
	font-size:10px; 
	color:#fff; 
	line-height:1em; 
	padding:2px 10px; 
	width:90px;
	}