style.css

*{margin:0; padding:0; border:none}
html{overflow-y:scroll} /** prevent firefox scrollbar jump. firefox hides vertical scrollbar if content < visibile window by default **/
body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased} 
body:before{content:""; position:fixed; top:20px; left:0; width:100%; height:15px; z-index:100; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.9); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.9); box-shadow:0px 0px 10px rgba(0,0,0,.9)}



.maincontent{position:relative; top:35px; height:800px}
#map_canvas,#heatmapArea{height:100%}


header{position:fixed; height:35px; width:100%; background-color:#fff; z-index:10000}
header .title{text-indent:1em; height:35px; line-height:35px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:17px;
color:#000; text-shadow:#333 1px 1px 2px; cursor:pointer; -moz-user-select:none; -webkit-user-select:none; user-select:none; 
float:left;
}
header:before{content:""; position:fixed; top:-15px; left:0; width:100%; height:15px; z-index:100; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.9); -moz-box-shadow:0px 0px 10px rgba(0,0,0,.9); box-shadow:0px 0px 10px rgba(0,0,0,.9)}


.logo{height:100%; float:right; margin-right:1em}

.logo a{display:block; color:#000; height:35px; line-height:35px; font-size:14px; width:93px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat;
background-image:url("http://dev.bowdenweb.com/od/heatmap-js/demo/maps_heatmap_layer/code-for-america-brigade-badge-h35.png"); 

/** background-image:url("http://dev.bowdenweb.com/od/cfa/a/i/brigade-captains-trans-035.png");  **/
}

@media print {
  html, body {
    height: auto;
  }

  #map_canvas,#heatmapArea{
    height: 650px;
  }
}