/* Style Sheet for Google Maps Pages */
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  table, tr, td { border:0; padding:0; margin:0;}
  table { border:1px solid #ccc;}
  td, th { border:1px solid #ccc; padding:0 5px; margin:0;}
  th { font-weight:normal; font-size:1em;}
  #map_canvas { width:60%; height:100%; float:left;}
  #contentWrapper { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; padding:0 2%; width:36%; height:100%;}
  #contentWrapper img.header { margin:15px 0 0 0; padding:0px;}
  #contentWrapper h2 { margin:0px;}
  .gkey { display:inline; float:left; padding:0 28px 0 0; margin-right:10px;}
  .keygreen { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_green_sm.png) right -7px no-repeat;}
  .keyblue { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_blue_sm.png) right -7px no-repeat;}
  .keyred { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_rednew_sm.png) right -7px no-repeat;}
  .keyorange { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_orange_sm.png) right -7px no-repeat;}
  .keypurple { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_purple_sm.png) right -7px no-repeat;}
  .keyyellow { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_yellow_sm.png) right -7px no-repeat;}
  .keywhite { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_white_sm.png) right -7px no-repeat;}
  .keycyan { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_cyan_sm.png) right -7px no-repeat;}
  .keymagenta { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_magenta_sm.png) right -7px no-repeat;}
  .keyskyblue { background:url(http://www.nodc.noaa.gov/dsdt/images/circle_skyblue_sm.png) right -7px no-repeat;}   
  .clear { clear:both;}