root { 
    display: block;
}
#mappangea5 {
    width: 100%;
    margin: 0px auto;
    position: relative;
}
#mappangea5map {
    width: 100%;
    height: 500px;
    background: #cccccc;
}


#mappangea5map_nav {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 99;
    color: #333;
    background-color: rgba(255, 255, 255, 0.7); /* #092e47 */
    border: solid 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    /* padding: 5px; */
}
#mappangea5map_nav h1 {
	font-family: Helvetica, Arial;
    font-size: 12pt;
    font-weight: 400;
    /* font-weight: bold; */
    margin: 0;
    padding: 0;
    color: #006938;
}
#mappangea5map_nav a {
	font-size: 10pt;
    color: #666;
    text-decoration: none;
}
#mappangea5map_nav ul {
    margin: 0;
    padding: 0;
}
#mappangea5map_nav li {
    list-style: none;
}
#mappangea5map_nav_header_wrapper {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 7px;
	color: #fff;
}
#mappangea5map_nav_wrapper {
	padding: 7px;
}


#mappangea5map_legend {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.6); /* #092e47 */
    border: solid 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    /* padding: 5px; */
    color: #000; text-transform: uppercase; font-family: 'Raleway', Helvetica, Arial; font-weight: 400;
}
#mappangea5map_legend h1 {
	font-family: 'Raleway', Helvetica, Arial;
    font-size: 12pt;
    font-weight: 400;
    /* font-weight: bold; */
    margin: 0;
    padding: 0;
    color: #fff;
}
#mappangea5map_legend a {
    color: #a6cce5;
}
#mappangea5map_legend ul {
    margin: 0;
    padding: 0;
}
#mappangea5map_legend li {
    list-style: none;
}
#mappangea5map_legend_header_wrapper {
	background-color: rgba(255, 255, 255, 0.2);
	padding: 7px;
	color: #fff;
}
#mappangea5map_legend_wrapper {
	padding: 7px;
}

#mappangea5map_topright {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.6); /* #092e47 */
    border: solid 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    /* padding: 5px; */
    color: #000; text-transform: uppercase; font-family: 'Raleway', Helvetica, Arial; font-weight: 400;
}
#mappangea5map_topright a {
    color: #000;
}
#mappangea5map_topright_wrapper {
	padding: 7px;
}

.ibwrapper {
	height: 220px; /* we set the height specifically here so that the infobox would move the map properly so it isn't hidden just because the hover box is smaller  */
    z-index: 999;
    opacity: 0.9;
    width: 260px;
    background: url(../markers/ib.png) no-repeat;
    background-position: left top;
}
.ibcontent {
	font-family: Helvetica, Arial;
	color: #fff;
    background: #006938;
    margin-left: 0; /* 10px;*/
    padding: 7px;
    border: solid 4px rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    font-size: 10pt;
}
#ibToggle {
    display: none;
}
.ibcontent h1 {
    position: relative;
    font-family: Helvetica, Arial;
    font-size: 13pt;
    font-weight: bold;
    text-transform: uppercase;
	color: #fff;
    margin: 2px 0 0 0;
    padding: 55px 0 0 7px;
}
.ibcontent .phone {
	color: #fff;
	padding-top: 4px;
    font-size: 13pt;
    font-weight: bold;
}
#ibCloseBox {
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
    opacity: 0;
    z-index: 101;
}
#ibShowMore {
	color: #fde6c2;
	padding-top: 5px;
	font-size: 12px;
}
#ibContentBGGrad {
	background: url('../markers/ibcontentbggrad-green.png') repeat-x left bottom;
	height: 80px;
}


/* CSS Button Code */
a.button, a.button:visited, a.button:hover { text-decoration: none; color: #fff; }

button,
.button {
  display : inline-block;
  cursor : pointer;
  border-style : solid;
  border-width : 1px;
  border-radius : 10px;
  padding : 10px 18px;
  box-shadow : 0 1px 4px rgba(0,0,0,.6);
  font-size : 8pt;
  font-weight : bold;
  color : #fff;
  /* text-shadow : 0 1px 3px rgba(0,0,0,.4); */
  font-family : sans-serif;
  text-decoration : none;
  padding: 6px;
  margin-top: 8px;
}

button.blue,
.button.blue {
  border-color : #2989d8;
  background: #2989d8;
  background: -moz-linear-gradient(top, #2989d8 0%, #1e5799 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#2989d8), color-stop(100%,#1e5799));
  background: -webkit-linear-gradient(top, #2989d8 0%,#1e5799 100%);
  background: -o-linear-gradient(top, #2989d8 0%,#1e5799 100%);
  background: -ms-linear-gradient(top, #2989d8 0%,#1e5799 100%);
  background: linear-gradient(top, #2989d8 0%,#1e5799 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#2989d8', endColorstr='#1e5799',GradientType=0 );
}

button.red,
.button.red {
  border-color : #ff0000;
  background: #ff0000;
  background: -moz-linear-gradient(top, #ff0000 0%, #c00000 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#ff0000), color-stop(100%,#c00000));
  background: -webkit-linear-gradient(top, #ff0000 0%,#c00000 100%);
  background: -o-linear-gradient(top, #ff0000 0%,#c00000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%,#c00000 100%);
  background: linear-gradient(top, #ff0000 0%,#c00000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#ff0000', endColorstr='#c00000',GradientType=0 );
  /* styling below added for close "X" box */
  padding: 4px;
  border-radius: 5px;
}

button.green,
.button.green {
  border-color: #8fc800;
  background: #8fc800;
  background: -moz-linear-gradient(top, #8fc800 0%, #438c00 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#8fc800), color-stop(100%,#438c00));
  background: -webkit-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: -o-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: -ms-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: linear-gradient(top, #8fc800 0%,#438c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#8fc800', endColorstr='#438c00',GradientType=0 );
}
/* ---------------------------------------------------------------- */