html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
font-size:96%;
font-family: arial,trebuchet ms, tahoma, verdana, arial, sans-serif;
/*background:#fff url(clown.jpg) -18px 0 no-repeat;*/
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }



body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:scroll; padding-left:200px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; display:block; width:100%; height:100px; background-image:url("water10.jpg"); font-size:4em; z-index:5; color:#fff;right:15px;}
#foot {border-top: solid 1px #2d4157;position:fixed; margin:0; bottom:0px; display:block; width:100%; height:15px; background-color:#4d6885; color:#fff; text-align:right; font-size:10px; z-index:5;}
p.c4 {font-family:Tahoma,Verdana;font-size:13pt;font-weight:bold;color:#4d6885}
  
fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  }
label {
  float:left;
  width:12%;
  vertical-align:middle;
  margin-right:0.5em;
  padding-top:0.65em;
  text-align:right;
  }
 legend {
  color:#4d6885;
  margin-bottom:7px;
  font-weight:bold;
 }

#left {
 position:fixed;
 left:0;
 top:0;
 padding:0;
 height:100%;
 /*background-position:0 100px;*/
 color:#4d6885;
 z-index:4;
 font-size:14pt;
 border-right: solid 1px #b3b5a5;
 width:160px;
 background-color:#e5e7ec;
}


#leftNav {
 /*position:absolute;
 z-index:5;
 left:-10px;*/
}
 
#left ul li {
 margin-left:-15px;
 list-style-image: url(li.png);
}
 
.loginInput {
margin-right:5px;
}
  
   .sideHeader {
   background-color:#4d6885;
   width:175px;
   color:white;
   background-repeat:no-repeat;
   border: solid 1px #2d4157;
   height:21px;
   font-size:12pt;
   font-weight:bold;
   }
  
  
.logintd1 {
width:10px;
background-color:red;
}

.loginButton {
color:black;
border-color:black;
border-width:1px;
height:22px;
vertical-align: top;
background-color: white;
}

#loginError {
 color:red;
 display:none;
 }

.loginTable {
width:300px;
text-align:left;
}

.logintd2 {
 width:50px;
 text-align:left;
}
  
   #banner
   {
   position:absolute;
   width:100%;
   background-color:#4d6885;
   height:20px;
   right:15px;
   background-repeat:repeat-x;
   top:100px;
   border-bottom: solid 1px #2d4157;
   border-top: solid 1px #2d4157;
   z-index:5;
   }

   span.missingValue {
    visibility:hidden;
    color:red;
    line-height:30px;
   }

   a {
   text-decoration:none;
   color:#4d6885;
   }
   a:hover {
   text-decoration:underline;
   color:navy;
   }

#innerContent {
 width:65%;
 text-align:justify;
}


#map {
 width: 100%;
 background-color:white;
 height: 100%;
 border: 1px solid black;
 z-index:99999999999;
}


   #login {
   vertical-align:text-top;
   z-index:30;
   font-size:11pt;
   text-align:right;
   position:absolute;
   top:127px;
   right:25px;
   }

   #login a {
    font-size:10pt;
    color:#4d6885;
   }



* html #head, * html #foot,* html #left {position:absolute;}

#logo {
display:block;
width:18px;
height:100px;
position:absolute;
top:20px;
font-weight:bold;
left:30px;
z-index:6;
}

a[icon ^="external"] {
   padding-right: 20px;
   background: transparent url(external.gif) no-repeat center right;
}

a[icon ^="lookup"] {
   padding-right: 20px;
   background: transparent url(question.gif) no-repeat center right;
}


#showLogin
   {
    cursor:pointer;
    font-size: 10pt;
    position: absolute;
    right: 30px;
    top: 103px;
    font-family:Tahoma, Verdana;
    color:white;
    /*font-weight:bold;*/
    z-index: 999996;
   }

#vanity {
 z-index:4;
 position:absolute;
 bottom:30px;
 left:35px;
}

#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:120px;}

#content p {}

.bold {font-size:1.2em; font-weight:bold;}
#mapRight {float:right; top:100px; right:150px; height:250px; width:350px; background:#4d6885; border:1px solid #000; margin:5px; padding:5px;}
#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; width:300px; background:#4d6885; border:1px solid #000; margin:5px; margin-left:20px; margin-top:10px; margin-bottom:10px;padding:5px;}
#innerRight {padding-top:10px;padding-left:8px;text-align:left;padding-right:8px;background:#e5e7ec; height:95%; width:93%; margin:2px; border:1px solid #000;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:3px; padding:3px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {font-family:Tahoma, Verdana; display:block; width:150px; height:25px; font-size:9pt; text-decoration:none; color:#3d5168; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}