html, body {
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background-color: #b2b2b2;
  font-family: Arial,Helvetica,sans-serif;
}

#header {
  top:0px;
  position:fixed !important;
  position:absolute;
  height:15%;
  width:100%;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 18px;
  background-color: #c0beff;
  font-family: Arial,Helvetica,sans-serif;
  font-style: oblique;
  text-align: left;
}

#logo {
  margin: 0px;
  padding: 0px;
  float: right;
  height: 100%;
  background-image: url(../images/geoser.gif);
  background-position: center center;
  position: relative;
  background-repeat: no-repeat;
  width: 408px;
}

#uea-left-column {
  top: 15%;
  height: 83%;
  position: relative;
  overflow: auto;
  margin: 0;
  padding: 10px 0px 0px 10px;
  width: 30%;
  margin-bottom 5px;
  background-color: #d3d3d3;
}

#uea-right-column {
  top: 15%;
  height: 83%;
  left: 31%;
  position: absolute;
  overflow: auto;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
  width: 68%;
  margin-bottom: 5px;
  background-color: #d4d4d4;
}

iframe {
  margin 0;
}

ul.treeMenu,
ul.treeMenu ul {padding:0; margin:0 0 5px; list-style:none; padding-left:25px;}
ul.treeMenu ul {display:none; background:url(tree-menu/dots.gif) repeat-y 10px 0; margin:5px 0;}
ul.treeMenu input {display:none;}
ul.treeMenu li a {font:normal 13px/20px arial, sans-serif; color:#000; text-decoration:none;}
ul.treeMenu li a:hover {text-decoration:underline;}
ul.treeMenu label {display:block; width:20px; height:20px; float:left; margin-right:5px;}
ul.treeMenu label img {display:block; width:20px; height:20px; background:url(tree-menu/folder-plus.gif);}
ul.treeMenu input:checked + label + a + ul {display:block;}
ul.treeMenu input:checked + label img {background:url(tree-menu/folder-minus.gif);}