html, body, h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", "Verdana", "Times New Roman", "Courier New", sans-serif;
	color: indigo;
}

body {
	margin: 0px auto; 
	padding: 0px; 
	text-align: left; 
	max-width: 983px; 
	overflow: hidden; 
	position: relative;
	background-color : white;
}

.floating-box {
	display: inline-block;
}

h1 {
	text-shadow:1px 1px 0 #444;

}

#main {
	background-color : mintcream;
}

#mySidebar {
	background-color : mintcream;
}

.mySlides {
	display:none;
}

.mile {display : inline;}
.km   {display : none;}
.ft   {display : none;}
.mtr  {display : inline;}

a:link {
	color: darkblue;
}

a:visited {
	color: slateblue;
}

a:hover {
	color: mediumseagreen;
}

a {
	text-decoration : none;
}

#profile ul {
    list-style-type: none;
}

.map img {
	border: 2px ridge slategrey;
}

.indpic {
	border : 3px solid lightblue;
	border-style : groove;
}
.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}
a.tooltips {
    position: relative;
    display: inline;
}
a.tooltips span {
    position: absolute;
    width:140px;
    color: #E0FFFF;
    background: #000080;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    border-radius: 6px;
}
a.tooltips span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-bottom: 8px solid #000080;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
a:hover.tooltips span {
    visibility: visible;
    opacity: 0.9;
    top: 30px;
    left: 50%;
    margin-left: -70px;
    z-index: 999;
}