<!--
//set height so that map can compute
// need to test on other browsers later
-->
<style type="text/css" title="text/css" media="screen">
html, body {height: 400px;}
#map {
position:absolute;
left:0px;
top:0px;
width:100%;
height:800px;
background-color:#ccc;
z-index: 1;
}
#switch-control {
z-index: 10;
position:absolute;
left:2px;
top:2px;
width:140px;
height:25px;
padding:0px;
}

body {
    background-color: #F0F8FF;
    font: .8em verdana,sans-serif;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align:center;
}
#container {
position:relative;
width:100%;
height:800px;
margin-left: auto;
margin-right: auto;
margin-top:0; margin-bottom:0;
padding:0;
background-color: #003366;
text-align:center;
}

#key {}

.control-on {
border-right: solid #6699ff 2px;
border-left: solid #6699ff 2px;
border-top: solid #6699ff 2px;
border-bottom: solid #6699ff 2px;
cursor:pointer;
}

.control-off {
border-right: solid #ffffff 2px;
border-left: solid #ffffff 2px;
border-top: solid #ffffff 2px;
border-bottom: solid #ffffff 2px;
cursor:pointer;
}

.control-on1 {
border-right: solid #009900 2px;
border-left: solid #009900 2px;
border-top: solid #009900 2px;
border-bottom: solid #009900 2px;
cursor:pointer;
}

.control-off1 {
border-right: solid #ffffff 2px;
border-left: solid #ffffff 2px;
border-top: solid #ffffff 2px;
border-bottom: solid #ffffff 2px;
cursor:pointer;
}

.control-on2 {
border-right: solid #e72121 2px;
border-left: solid #e72121 2px;
border-top: solid #e72121 2px;
border-bottom: solid #e72121 2px;
cursor:pointer;
}

.control-off2 {
border-right: solid #ffffff 2px;
border-left: solid #ffffff 2px;
border-top: solid #ffffff 2px;
border-bottom: solid #ffffff 2px;
cursor:pointer;
}





a img {border:0;}

.infoWindow {
background-color:#ffffff;
color:#003366;
padding:5px;
margin:auto;
text-align:center;
font-size:0.9em;
font-family:Helvetica,Verdana,Arial,sans-serif;
text-decoration:none;
}


.infoWindow img {cursor: pointer;}
.infoWindow b {cursor: pointer;}

.infoWindowHover {
    color:#5AADD5;
    background-color:#fff;
}

.infoWindow a, .infoWindow a:link, .infoWindow a:visited, .infoWindow a:active {color:#003366;text-decoration:none;}


		.infoWindow a:hover {color:#5AADD5;background-color:white;text-decoration:none;}
		.infoWindow img {border:1px solid #ccc;}
		.infoWindow a:hover img{border:1px solid white;}
		.mapZoom{display:inline;cursor: pointer;}

        #iw-heading {
            clear:both;
            font-weight:bold;
            padding-bottom:10px;
            font-size:1.1em;
        }


.iwlk{
    width:175px;
    height:150px;
    float:left;
    vertical-align: middle;
    margin:auto;
    text-align:center;
    padding: 0;
    margin-bottom: 0;
}
.iwsilver-image-top{
    width:176px;
    height:132px;
    float:left;
    vertical-align: middle;
    margin:auto;
    text-align:center;
    padding: 0;
    margin-bottom: 0;
}
.iwgold-image-top{
    width:176px;
    height:132px;
    float:left;
    vertical-align: middle;
    margin:auto;
    text-align:center;
    padding: 0;
    margin-bottom: 0;
    cursor:pointer;
}
.iwgold-image-lower{
    width:176px;
    height:132px;
    float:left;
    clear:left;
    vertical-align: middle;
    margin:auto;
    text-align:center;
    padding: 0;
    margin-bottom: 0;
    cursor:pointer;
}
.iwbronze{
    vertical-align: middle;
    margin:auto;
    text-align:center;
    padding: 0;
    margin-bottom: 5px;
}

.iwcd {
    float:right;
    width: 200px;
    height:150px;
    padding:0 5px;
    margin-bottom: 3px;
    overflow:auto;
    text-align:left;
}
.iwsilver-text-top {
    float:right;
    width: 176px;
    height:140px;
    padding:0 5px;
    margin-bottom: 3px;
    overflow:auto;
    text-align:left;
}
.iwgold-text-top {
    float:right;
    width: 176px;
    height:132px;
    padding:0 5px;
    margin-bottom: 3px;
    overflow:auto;
    text-align:left;
}
.iwgold-text-lower {
    float:right;
    width: 176px;
    height:132px;
    padding:0 5px;
    margin-bottom: 3px;
    overflow:auto;
    text-align:left;
}
.iwyt{
    width:175px;
    height:150px;
    float:left;
    display:block;
    margin:auto;
    text-align:center;
    padding: 0;
    margin-top:10px;
    margin-bottom: 0;
}
.iwcd2 {
    float:right;
    width: 175px;
    height:150px;
    padding:0 5px;
    margin-top:10px;
    margin-bottom: 3px;
    overflow:auto;
    text-align:left;
}

.left {
	float: left;
	margin: 0px 10px 0px 10px;
}
	

#footer{
position:absolute;
left:0;
top:730px;
text-align:left;
font-size:0.9em;
color:#003B2C;
}

#footer_right{
position:absolute;
right:0px;
top:730px;
text-align:right;
font-size:0.9em;
color:#003366;
}
#footer_right a{color:#000000;text-decoration:none;}

#copyright{
position:absolute;
right:0;
top:730px;
text-align:right;
font-size:0.7em;
}

#emailafriend{
position:relative;
top:690px;
text-align:center;
font-size:1.0em;
}


/* search panel stuff from what's there map */
#menu {
  position:absolute;
  left:2px;
  top:22px;
  width:195px;
  height:150px;
  padding:0px;
  z-index:910;
  background-color:#000066;
  color:#fff;
  text-align:left;
  font-family:Helvetica,Verdana,Arial,sans-serif;
  /*display:none;*/
}

#menu ul {
  font-size:10px;
  padding:0;
  margin:0;
  border-bottom: 1px solid gray;

}

#menu li {
list-style: none;
margin: 0;
padding: 0.4em;
border-top: 1px solid gray;
}

#dataContainer {
/*display:none;*/
position: relative;
width: 98%;
padding-top:0px;
}

.menu-non-ie {
  height: 140px; /* was 200 previously 73 and before that 68% */
  overflow: auto;
}

.menu-ie {
  height: 140px; /* was 300 previously 250px */
  overflow-y: scroll;
}

#dataList li {
list-style: square inside;
border-top: 0;
cursor: pointer;
}

#dragMe {
  cursor: pointer;
  border:solid 1px;
  position:relative;
  margin:auto;
  padding:5px;
  text-align:center;
  font-size:12px;
  background-color:#666666;
  }
  
#titlesearch {
  border:solid 1px;
  position:relative;
  margin:auto;
  padding:3px;
  text-align:center;
  font-size:12px;
  background-color:#666666;
  }  
  

label, .placeholder, .searchText {
  color: #9933ff;
  background-color:#fff;
  width:140px;
}
label, .placeholder {
  font-style:italic;
  font-size:12px;
  font-style:bold;
}

.searchText {
  font-style:normal;
  font-weight:800;
  font-size:12px;
  color:red;
}

.legend{font-size:12px;}


/* end search panel stuff from what's there map */
#help-highlight {
    position: absolute;
    left:50px;
    top:380px;
    width:150px;
    height:55px;
    border:solid 3px rgb(51, 102, 0);
    color: black;
    background-color:white;
    z-index:199;
    padding:8px;
    text-align:left;
    display:none;
}



</style>