/********************************************************************
From: http://www.andrewpeace.com/javascript-css-loading-screen.html 
PURPOSE: div.loading-invisible and div.loading-visible are used to 
disable the map while the image is loading. Per Bruce on 7/31/08,
the div.loading-visible will no longer be white or opaque, just clear,
so only the loading.gif shows at the top of the page. 
*********************************************************************/
  div.loading-invisible{
    /*make invisible*/
    display:none;
  }
  div.loading-visible{
    /*make visible*/
    display:block;

    /*position it at the very top-left corner*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    /*text-align:right;*/

    /*in supporting browsers, make it a little transparent*/
    /*JEB 7/31/08: Bruce says he doesn't want to see the loading div turn opaque */
    /*background:#fff; */
    /*background:#00FF00;*/
    /*opacity:.75;*/
    _background:none; /*this line removes the background in IE*/
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;

    /*set the padding, so that the content of the div is centered vertically*/
    /*JEB 7/16/08: I want the .gif to be at the top, above the map, so I'm commenting this out*/
    /*padding-top:25%;*/
  }
  
  /*this must be set so that the loading div can be height:100% */
  /*body{height:100%}*/

  /*From Jerroll*/
  * {padding:0; margin:0;}
  body{font-family:Arial, Helvetica, sans-serif; background:#054E66; padding:15px; height:100%}
  /*#map_canvas{width:100%; height:440px;}*/
  #map_canvas{width:100%; height:100%;}
  .nav{padding-bottom:2px;}
  /*padding is a shortcut that can set up to 4 edges of an element with 1 statement.
	1 value: all 4 padding edges set to value
	2 values: top/bottom set to 1st value, right/left 2nd value
	3 values: top to 1st, right/left to 2nd, bottom to 3rd
	4 values: top, right, bottom, left padding set, respectively */
  .container{background:#FFFFFF; padding:0px 3px 3px;}
  /*border-right: shorthand for setting the border-right-width and/or 
	the border-style and/or the border-color in one declaration. */
  .leftCol{color:#FFFFFF; background:#C4BB76; padding:5px; border-right:3px solid #FFFFFF; }
  .header{border-bottom: 3px solid #054E66;padding-left:164px;background: #FFFFFF;}
  .footer{color: #FFFFFF;background: #2A7297;padding: 10px;}
  /*border-bottom: A shorthand property for setting all of the properties for the bottom border in one declaration.*/
  /*.border{border-bottom: 3px solid #FFFFFF;}*/
  .border{border-bottom-width:3px; border-style:solid; border-color:#FFFFFF;}
  .map{width:100%; height:100%; }
  .float_right{float:right;text-align: right;padding-top: 7px;padding-right: 7px;}