* {
  margin: 0;
  padding: 0;
}
#panoheader {
	position:relative;height:92%;
}	
#panocontainer {
width:100%;height:118%;margin:0 auto;padding-top:5px;
}
#container {
width:100%;height:100%;
}

#headerleft {
float:left;display:inline;width:20%;margin:8px 0 0 0;
}

#headercenter {
float:left;display:inline;width:60%;font-size:10px; font-family:Verdana; border-style: dotted; border-width:1px; border-color:#000000;margin:8px 0 0 0;
}
#headercenter .headerlist {
text-align:center;padding:8px;
}
#headercenter ul, #headercenter li{
display:inline;list-style-type:none;margin:0;padding:0;
}
#headerright {
float:left;display:inline;width:18%;margin-left:1%;
}
#headerright img{
width:32px;
}
#headerright ul {
  list-style:none;padding:5px;
}
#headerright li{
  display: inline;
}
#headerright #fb{
border:none;overflow:hidden;display:inline;width:95px;height:26px;
}
#headercenter a:link{font-size:10px; font-family:Verdana; font-weight:bold;}
#headercenter a:hover{font-size:10px; font-family:Verdana; font-weight:bold; background:#F3F3F3;}
#headercenter a:visited{font-size:10px; font-family:Verdana; font-weight:bold;}
#headercenter a:active{font-size:10px; font-family:Verdana; font-weight:bold;}

.headerlist p{
    font-size:10px; font-family:Verdana;margin:0;
}   
p {
font: 14px trebuchet ms;color: #000000;padding:0px;margin: 0em 1em 1em 1em;line-height: 1.4;
}
img.popup {
width:146px;height:100px;float:left;margin:2px 5px 0px 12px;
}
.imglogo {
border:0;
}
.imgincopy {
width:125px;height:86px;float:left;margin:0em 5px;
}
 #factsmap {
float:right;width:270px;
}
#facts {
float:right;width:250px;margin:10px;background-color:#d9e0ee;font-family:arial;font-size:10px;clear:both;background-image:url('/images/sidebar.gif');background-repeat: no-repeat;background-position: top;
}
#map-canvas {
width:248px;height:450px;float:right;margin:0px 10px;border:1px solid #333333;
}
#facts ul {    					
list-style-type:none;margin:5px;padding:0;
}
#facts li {
margin:8px 5px;
} 
#map-canvas {
width:248px;height:450px;float:right;margin:0px 10px;border:1px solid #333333;
}

p.fs {
font: 14px trebuchet ms;color: #FFFFFF;padding:0px;margin: 0px;line-height: 1.4;
}

td.border-text {font-size:10px; font-family:Verdana; border-style: dotted; border-width:1px; border-color:#000000;}
td.border-text a:link{font-size:10px; font-family:Verdana; font-weight:bold;}
td.border-text a:hover{font-size:10px; font-family:Verdana; font-weight:bold; background:#F3F3F3;}
td.border-text a:visited{font-size:10px; font-family:Verdana; font-weight:bold;}
td.border-text a:active{font-size:10px; font-family:Verdana; font-weight:bold;}

/* fullscreen */
html {
height:100%;
}
body {
height:100%;
margin: 0px;
/*overflow:hidden; disable scrollbars */
}

h1 {
font-size: 14pt;margin:1em 0.5em;
}

h2 {
font-size: 14pt;
}

.warning { 
font-weight: bold;
} 

A.links:link {
     	font: 14px trebuchet ms;color: #8C3C3C;TEXT-DECORATION: none;
}
A.links:hover {
     	font: 14px trebuchet ms;color: #8C3C3C;TEXT-DECORATION: underline;
}
A.links:visited {
     	font: 14px trebuchet ms;color: #8C3C3C;TEXT-DECORATION: none;		
}
A.links:active {
     	font: 14px trebuchet ms;color: #8C3C3C;TEXT-DECORATION: underline;
}		
p.fs2 {
font: 10px arial;color: #000000;padding:0px;margin: 0px;
}

A.links:link {
     	font: 10px arial;color: #8C3C3C;TEXT-DECORATION: underline;
}
A.links:hover {
     	font: 10px arial;color: #8C3C3C;TEXT-DECORATION: underline;
}
A.links:visited {
     	font: 10px arial;color: #8C3C3C;TEXT-DECORATION: underline;		
}
A.links:active {
     	font: 10px arial;color: #8C3C3C;TEXT-DECORATION: underline;
}






/* mobile */

@media only screen and (min-device-width: 320px)and (max-device-width: 667px) {
    p {
        font: 1em trebuchet ms;margin: 0em 1em 1em 5px;
    }
	h1 {
		font-size: 1.4em;margin:0.5em 5px;
	}
	#panoheader {
		position:relative;height:92%;
	}	
	#panocontainer {
		width:100%;height:70%;margin:0 0 3em 0;padding-top:5px;clear: both;
	}
	#container {
		width:100%;height:100%;
	}
	#factsmap {
    	float:right;width:40%;background-image:none;margin-left:.8em;
    }
    #facts {    					
		float:right;width:95%;margin:0px 10px 10px; background-color:#d9e0ee; font-family:arial; font-size:.8em; clear:both; background-image:none; border-radius:5px; box-shadow:0px 1px 1px #333;
    }
	#facts ul {    					
		list-style-type:none;margin:5px;padding:0;
	}
	#facts li {    					
		margin:0.6em 5px;
	}
	#map-canvas {
		width:95%;height:50%;float:right;margin:0px 10px;border:1px solid #333333;
	}
	.imgincopy {
		width:50%;height:auto;float:left;margin:0 5px 0 5px;
	}
	#headerleft {
	float:left;width:39%;margin:0.6em 0 0 0;
    }

    #headercenter {
    position:absolute;left:0px;bottom:0px;clear:both;width:99%;font-size:.9em; font-family:Verdana; border-style: dotted; border-width:1px; border-color:#000000;margin:1em 0 0 0;
    }
    #headercenter .headerlist {
    text-align:left;padding:5px;margin:0;
    }
    .headerlist p{
    font-size:.7em;margin:0;
    }
    #headercenter ul, #headercenter li{
    display:inline;list-style-type:none;margin:0;padding:0;line-height:1.2;
    }
    #headercenter a:link{font-size:.8em; font-family:Verdana; font-weight:bold;}
    #headercenter a:hover{font-size:.8em; font-family:Verdana; font-weight:bold; background:#F3F3F3;}
    #headercenter a:visited{font-size:.8em; font-family:Verdana; font-weight:bold;}
    #headercenter a:active{font-size:.8em; font-family:Verdana; font-weight:bold;}
    
    #headerright {
    float:right;text-align:right;width:60%;margin:0 0 0 1%;
    }
    #headerright ul.share-buttons, #headerright ul {
      list-style:none;padding:5px;
    }
    #headerright li{
      display: inline;
    }
    #headerright #fb{
    border:none;overflow:hidden;display:inline;
    }
    .imglogo {
    border:0;width:100%;
    }
    #readmore {
    visibility:hidden;
    }
}