/* CSS Document */
body {
		font-family: Arial, Helvetica, sans-serif;	
		color: #333;
}
.container {
	width: 100%;
		
}
.clearfix:after {
	content:"";
	display:table;
	clear:both;
}
.header {
	background: #00f;
	padding: 0em 1em;	
	border: 4px solid #00f;
	z-index: 9999;
    top: 0;
    left:0;
    position: fixed;
    width: 100%;
  
    overflow: hidden;
    /* animation magic */
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out ;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.shrink {
  font-size: 0.5em;
}
.header h1 {
	text-transform: uppercase;
	color: #fff;
}
.header h2 {
	font-size: 1em;
	color: #fff;
}
.header h2 strong 
{
    background-color: #fff748;
    color: #333;
}
.header h2 a:link, .header a:visited {
	color: #fff;
}
.shrink h2  
{
    display:none;
}

.content 
{
    
}
.content ul li strong {
	color: #f00;
	text-transform: uppercase;	
}


#map {
	width: 80%; height: 500px;
	border: 1px solid #333;
	float: left;
	position:relative;
	margin: 1em 10%;
}
.footer {
	margin-top: 1em;
}

.legend {
	list-style-type: none;
	padding-left: 0em;
	margin-top: 0;
	
}
.legend li {
	border-bottom: 1px dashed #ccc;
	padding: 0px;background: transparent;
}
.legend li img {
	vertical-align: middle;	
}
/**/
#accordion {
	margin-top:10px;
	border-top:none;
	border-bottom:none;
	padding: 0;
	margin-bottom: 2em;
	list-style-type: none;
}

#accordion div {
	background:white;
	display: none;
	padding: 1em ;
}

#accordion a {
	display:block;
	margin-bottom: 0.5em;
}

.first {
 
}
.content h3 {
	background: #333;
	color: #fff;
	padding: 4px 6px;	
}
.icon-back {
	background: url("img/left-arrow.png") no-repeat 0 0;
	padding: 0px 0px 0px 20px;
}
#footer p { 
	font-size: small;
	oolor: #aaa;
}