*/*Body and mapDiv*/
body {	
	margin: 0;
	padding: 0;
	font-family: GillSans, sans-serif;
	font-size: 90%;
	background: #FFF;
	color: #000;
	margin: 0;
	padding: .5em 3%;
}

#edinburghMapDiv {
	height: 900px;
	width: 1050px; 
}
	


/*Headings*/
h1 {
	font-family: GillSans, sans-serif;
	font-size: 140%;
	background: #D36832;
	color: #FFF;
	margin: 0;
	padding: .5em 3%;
	border-bottom: 5px solid #387A9B;
}

h1 a:link {
	color: #FFF;
	text-decoration: none;
}

h1 a:visited {
	color: #FFF;
	text-decoration: none;
}  

h1 a:hover {
	color: #FFF;
	text-decoration: none;
} 

h1 a:active {
	color: #FFF;
	text-decoration: none;
}

h2 { 
	font-family: GillSans, sans-serif;
	font-size: 120%;
	color: #000;
	margin-top: 20px;
	padding: 0;
}

h3 { 	
	font-family: GillSans, sans-serif;
	font-size: 100%;
	color: #000;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
}



/*Copyright text*/
p.copyrightText {
margin-top: 0px;
padding-top: 0px}

p.copyrightText a:link {
	color: #00F;
	text-decoration: none;
	border-bottom: 1px solid #00F;
}

p.copyrightText a:visited {
	color: #00F;
	text-decoration: none;
	border-bottom: 1px solid #00F;
}  

p.copyrightText a:hover {
	color: #F00;
	text-decoration: none;
	border-bottom: 1px solid #F00;
} 

p.copyrightText a:active {
	color: #F00;
	text-decoration: none;
	border-bottom: 1px solid #F00;
}



/*Map popup texts*/
.ccName {
	font-family: GillSans, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000;
}

.ccInfo {
	font-family: GillSans, sans-serif;
  font-size: small;
}

.ccInfo a:link {
	color: #00F;
	text-decoration: none;
	border-bottom: 1px solid #00F;
}

.ccInfo a:visited {
	color: #00F;
	text-decoration: none;
	border-bottom: 1px solid #00F;
}  

.ccInfo a:hover {
	color: #F00;
	text-decoration: none;
	border-bottom: 1px solid #F00;
}

.ccInfo a:active {
	color: #F00;
	text-decoration: none;
	border-bottom: 1px solid #F00;
}



/*How To Use control*/
.leaflet-control-howtouse a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	font-family: GillSans, sans-serif;
}

.leaflet-control-howtouse {
	box-shadow: 0 1px 7px #999;
	background: #f8f8f9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-family: GillSans, sans-serif;
}

.leaflet-control-howtouse a {
	background-image: url(../images/howtouse.png);
	width: 26px;
	height: 26px;
	font-family: GillSans, sans-serif;
}

.leaflet-touch .leaflet-control-howtouse a {
	width: 44px;
	height: 44px;
	font-family: GillSans, sans-serif;
}

.leaflet-control-howtouse .leaflet-control-howtouse-form,
.leaflet-control-howtouse-expanded .leaflet-control-howtouse-toggle {
	font-family: GillSans, sans-serif;
	display: none;
	width: 500px;
}

.leaflet-control-howtouse-expanded .leaflet-control-howtouse-form {
	display: block;
	position: relative;
	font-family: GillSans, sans-serif;
}

.leaflet-control-howtouse-expanded .leaflet-control-howtouse-form {
	padding: 5px;
	font-family: GillSans, sans-serif;
}
	


/*Reset control*/
.leaflet-control-reset {
	box-shadow: 0 0 0 #fff;
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-family: GillSans, sans-serif;
	background-image: url(../images/reset.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
}


.leaflet-touch .leaflet-control-reset a {
	width: 44px;
	height: 44px;
	font-family: GillSans, sans-serif;
}



/*Info Control - the bit with the LA names*/
.infoControl {
    padding: 6px 8px;
	font-family: GillSans, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.infoControl h4 {
    margin: 0 0 5px;
    color: #777;
}