html {
   height:100%;
   width:100%;
}

body {
   margin: 0px; /**/
   padding: 0px;
   height: 100%; /**/
   width: 100%; /**/
   position: absolute;
   background: antiquewhite; /**/
}

.mov {cursor:w-resize;position:absolute;}

#mapPage {
padding-left: 0px;      /* LC width */
padding-right: 15.25em;     /* RC width */
 
}

#mapContainer {
   position: relative;
   float: left;
   width: 100%; /**/
   height:85%;
   border:0.05em solid burlywood;
 }


#map {
    height:100%;
}

#left {
   position: relative;
   float: left;
	width: 0px;             /* LC width */
  right: 0px;             /* LC width */
 margin-left: -100%;
}
#rightPanel {
   position: relative;
   float: left;
  width:15em; /* RC width */
  height: 85%;
  margin-right: -100%;
        border:0.05em solid burlywood;
	/* background-color:#D6E7EF; /**/
	padding:0px 0px 0px 0em;
overflow:auto;
}

div#rightPanel h1 {
    margin-top: 0.25em;
    margin-bottom: 0.1em;
}

div#rightPanel h2 {
    margin-top: 0.5em; 
}

/** for sidebar */
div#handle {
	float:left; /**/
	/* position: absolute; */
	top: 10px;
	right: 10px;
	width:10px;
	/* margin-right:2em; */
	z-index:100;
	height:100%;
        background-color: #DDDDDD;
	background-image: url(sidebartoggle.gif); /**/
	background-position: center;
	background-repeat: no-repeat;
}

div#rightPanelText {
	margin-left: 15px;
}

/** from http://alistapart.com/articles/slidingdoors/ */
#header {
    float:left;
    width:100%;
/*    background:yellow; /**/
    font-size:100%;
    line-height:normal;
    padding-left:5%;
}

#header ul {
    margin:0;
    padding:0;
    list-style:none;
    }

#header li {
    float:left;
    margin:0;
    padding:0;
    }

  #header a {
    display:block;
    }

#header li {
    float:left;
    background:url("tab0Right.png")
      no-repeat right top;
    background-color: burlywood;
    margin:0;
    padding:0;
    }

 #header a {
    display:block;
    background:url("tab0Left.png")
      no-repeat left top;
    padding:5px 15px;
    border-bottom: solid 1px black;
    }

body#news #header ul li#newsTab, 
body#mapBody #header ul li#mapTab, 
body#credits #header ul li#creditsTab,
body#links #header ul li#linksTab,
body#about #header ul li#aboutTab,
body#feedback #header ul li#feedbackTab
 {
    background-image:url("tab1Right.png");
    background-color:antiquewhite;
    }

body#news #header ul li#newsTab a, 
body#mapBody #header ul li#mapTab a, 
body#credits #header ul li#creditsTab a, 
body#links #header ul li#linksTab a, 
body#about #header ul li#aboutTab a, 
body#feedback #header ul li#feedbackTab a 
{
    background-image:url("tab1Left.png");
   border-bottom: none;
   font-weight:bold;
    }

/* now done in javascript
#map>div>div>div div
{
  background-color: antiquewhite;
}
*/
/** above can also be done in javascript by:
   var map = document.getElementById('map');
   var mapdiv = map.firstChild.firstChild.firstChild.firstChild;
   mapdiv.style.backgroundColor = '#ffffff'; 
or
   var map = new GMap2(document.getElementById("map"));
   document.getElementById("map").style.backgroundColor="olive";

*/