body{font-family:arial; background: #FFF;}
#container {width: 900px; margin:0 auto;}

#map {position: relative; width: 901px; height: 855px; overflow: hidden; background: #000000; background-repeat: no-repeat; }
#returnlink { display: block; position: absolute; top: 0; right: 0;  color: white; background: #8A3394; padding: 3px;}

#map a.bullet {  position: absolute; width: 20px; height: 20px; background: #d3232a; text-decoration: none; border: 2px solid red;  z-index: 2; color:#FFFFFF; text-align:center; font-weight:bold; }
#map a:hover.bullet {background: #FFFFFF; border: 2px solid #d3232a; color:#d3232a;}
#map a:active.bullet {background: #00FFFF;}
#map a:input:focus.bullet {background: #00FFFF;}


#map a.ibullet {  position: absolute; width: 20px; height: 20px; background: #d3232a; text-decoration: none; border: 4px solid #d3232a;  z-index: 2; color:#FFFFFF; text-align:center; font-weight:bold; }
#map a:hover.ibullet {background: #FFFFFF; border: 4px solid #d3232a; color:#d3232a;}

#map a.keybullet {  position: absolute; width: 40px; height: 20px; background:#d3232a; text-decoration: none; border: 4px solid #d3232a;  z-index: 2; color:#FFFFFF; text-align:center; font-weight:bold; }
#map a:hover.keybullet {background: #FFFFFF; border: 4px solid #d3232a; color:#d3232a;}



#map a.bullet2 { font-size:12px; position: absolute; width: 15px; height: 15px; background: #f6c828; text-decoration: none; border: 1px solid black;  z-index: 2; color:#000000; text-align:center; font-weight:bold; }
#map a:hover.bullet2 {background: #000000; color:#f6c828; border: 1px solid #f6c828;}

#map a.bullet3 { font-size:12px; position: absolute; width: 25px; height: 15px; background: #f6c828; text-decoration: none; border: 1px solid black;  z-index: 2; color:#000000; text-align:center; font-weight:bold; }
#map a:hover.bullet3 {background: #000000; color:#f6c828; border: 1px solid #f6c828;}

#map a.bullet4 {z-index:1; font-size:12px; position: absolute; width: 15px; height: 15px; background: #FFFFFF; text-decoration: none; border: 1px solid black;  z-index: 2; color:#000000; text-align:center; font-weight:bold; }
#map a:hover.bullet4 {z-index:1; background: #000000; color:#FFFFFF; border: 1px solid white;}

#map img.zoomable {  border:1px solid red; }
#map div.popup{ opacity:0.9; display: none; position: absolute; width: 861px; top: 325px; left: 0px; background: #222222; z-index: 3; padding: 10px; border: 10px solid red; color:#FFFFFF;}

.popup2{background: #f6c828; border: 10px solid #000000; color:#000000; top: 0;}

#map div.popup a.close{width:221px; background-color:red;  display: block; position: absolute; top: 0; left: 0; color:#FFF; padding-bottom:5px; font-weight:bold; text-decoration:none; font-size:14px; text-align:center; margin-left:330px; border: 1px solid red;}
#map div.popup a:hover.close{ display: block; position: absolute; top: 0; right: 0; color:#111; font-weight:bold; text-decoration:none; font-size:14px; }





#map div.popup h3 {color:#f6c828;}
#map div.popupcontent h3 {color:#f6c828;}



.region{color:#FFF; font-weight: bold; text-align:center; font-size: 12px;}

.left{float:left; width:25%}
.right{float:right; width:75%;}

.listOne{width: 270px; margin-left: 10px; float:left; }
.listTwo{width: 270px; margin-left: 10px; float:left;}
.listThree{width: 270px; margin-right: 10px; float: right;}
.popupcontent li{list-style:none; font-size: 14px; }

#map div.popupcontent{ max-height: 150px; overflow:auto;}
#map div.popupcontent a{color:#f6c828; font-weight:bold; text-decoration:none;}
#map div.popupcontent a:hover{color:#CCCCCC; font-weight:bold; text-decoration:none;}


.picture{border: 2px solid #FFFFFF;}

#map a.current {z-index:2; position: absolute;  width:30px; height: 30px; font-size: 24px; background: #000000; text-decoration: none; border: 8px solid #ff5a00;  z-index: 2; color:#FFFFFF; text-align:center; font-weight:bold;}
#map a:hover.current {z-index:2; position: absolute;  width:30px; height: 30px; font-size: 24px; background: #000000; text-decoration: none; border: 8px solid #ff5a00;  z-index: 2; color:#FFFFFF; text-align:center; font-weight:bold;}

.marker{color:#f6c828; display:inline; font-weight: bold;}

.breaker{clear:both; border-style: solid; border-color:#FFF; border-width: 1px;}

p.credit{font-size:12px;}
a.credit{ color:#f6c828; font-weight:bold; text-decoration:none; font-size:12px;}

#map a.bullet5 { font-size:12px; position: absolute;  background: #222222; width: 290px; text-decoration: none; border: 1px solid #FFF;  z-index: 2; color:#FFFFFF; text-align:left; text-indent:5px; font-weight:bold; }
#map a:hover.bullet5 {background: #000000; color:#f6c828; border: 1px solid #f6c828;}

#map a.current.bullet5 { font-size:12px; position: absolute;  background: #f6c828; width: 290px; height:20px; text-decoration: none; border: 1px solid #FFF;  z-index: 2; color:#000; text-align:left; text-indent:5px; font-weight:bold; }
#map a:hover.current.bullet5 {background: #000000; color:#f6c828; border: 1px solid #f6c828; height:20px;}

#map a.bullet6 { font-size:12px; position: absolute;  background: #d3232a; width: 870px; height: 20px; text-decoration: none; border: 1px solid #FFF;  z-index: 2; color:#FFFFFF; text-align:left; text-indent:5px; font-weight:bold; }
#map a:hover.bullet6 {background: #000000; color:#f6c828; border: 1px solid #f6c828; height: 20px; }

#map a.current.bullet6 { font-size:12px; position: absolute;  background: #000000; width: 870px; height: 20px; text-decoration: none; border: 1px solid #f6c828;  z-index: 2; color:#f6c828; text-align:left; text-indent:5px; font-weight:bold; }
#map a:hover.current.bullet6 {background: #000000; color:#f6c828; border: 1px solid #f6c828; height: 20px; }