html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: verdana;
    font-size: 11px;
    height: 100%;
    background-image: url('images/bg.png');
    background-attachment: fixed; 
}

td.top {
    width: 100%;
    height: 149px;
    z-index: -1;
    background-image: url('images/topmiddle.png');
}

table {
    margin: 0;
    padding: 0;
    height: 100%;
}

td.bottom {
    font-size: 14px;
    background: #708182;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #e0e0e0
}

div.bottom {
    border-top: 2px solid #adb6ad;
    font-size: 14px;
 
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #e0e0e0;
background-image: url('images/bottombg.png');
}

div.menu {
    position: absolute;
    margin-top: 92px;
    margin-left: 10px;
}

div.submenu {
    background: white;
    border: 1px solid red;
    display: none;
    position: absolute;
    margin-top: 115px;
    margin-left: 30px;
}

div.middle {
    width: 100%;
    height: 100%;
    margin: -138px 0 -20px 0;
}

iframe {
    height: 100%;
}

#nav {
	z-index: 10;
	position: absolute;
	margin-top: 93px;
	font-size: 1.3em;
	margin-left: 12px;
	width: 100%;
}

#nav a {
    color: #ffffff;
    margin-right: 30px;
}
      
      ul { /* all lists */
      z-index: 10;
      padding: 0;
      margin: 0;
      list-style: none;
      }

      li { /* all list items */
      z-index: 10;
      float: left;
      position: relative;
      width: 8em;
      text-decoration: underline;
      }

      li ul a {
      z-index: 10;
      font-weight: bold;
      color: #708182;
      font-size: 0.8em;
      }
      li ul { /* second-level lists */
      z-index: 10;
      display: none;
      position: absolute;
      top: 1em;
      left: 0;
      background: #8ba0a1;
      border: 1px solid black;
		  padding: 5px;
      }

      li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
      top: auto;
      left: auto;
      }

      li:hover ul, li.over ul { /* lists nested under hovered list items */
      display: block;
      }

      #content {
      clear: left;
      }

a.menulink {

}

a.bottom {
    color: #eaebd9;
}