/*
Layout file of fonts, line positions and mouse actions.
*/

body {
 margin: 0;
 padding: 0;
 font: 90%/1.2 "Trebuchet MS", Verdana, sans-serif;
 color: #333;
 background-color: #FFF;
}

h1 {
 font-size: 200%;
 color: #FD2200;
 margin: 0.1em 0 0.5em 0em;
}
h2 {
 width: 99%; /* IE fix */
 font-size: 130%;
 color: #0F12A7;
 background-color: #CFF7F0;
 margin: 2em 0 0.8em -1em;
 padding-left: 0.6em;
 border-left: 0.4em solid #ADD;
}
h3 {
 width: 99%; /* IE fix */
 font-size: 115%;
 color: #369;
 border-bottom: 1px dashed #96C6C5;
 margin: 2em 0 0.8em 0;
}

h4 {
 font-size: 130%;
 text-align: center;
 font-weight: bold;
 color: #0909F4;
 margin-top: 0.5em;
}


h5 {
 width: 99%; /* IE fix for solid line*/
 font-size: 115%;
 color: #369;
 border-bottom: 1px solid #00000C;
 margin: 1em 0 0.8em 0;
}

h6 {
 width: 99%; /* IE fix */
 font-size: 115%;
 color: #FD2200;
 border-bottom: 1px dashed #96C6C5;
 margin: 2em 0 0.8em 0;
}


ul, ol {
 margin-top: 0.5em;
}


p {
 font: 93%/1.2 "Trebuchet MS", Verdana, sans-serif;
 color: black;
 margin: 0;
 padding: 0.3em;
}

dd {
 font: 93%/1.2 "Trebuchet MS", Verdana, sans-serif;
 margin: 0;
 padding: 0.3em;
}


.hide {
 display: none;
}


#header {
 position: relative;
 width: 100%;
 height: 5em;
 background-color: #369;
 color: #FFF;
 font-style: italic;
 cursor: default;
}
#header #logo {
 position: absolute;
 z-index: 2;
 left: 0.1em;
 top: 0;
 width: 100px;
 height: 137px;
 border-width: 0;
}
#header #bevel {
 float: right;
 height: 0;
 line-height: 0;
 border: 2.5em solid #FFF;
 border-color: #369 #FFF #FFF #369;
}
#header #bevel #span {
 display: none;
}
#header #hydrogeologist {
 position: absolute;
 top: 0;
 left: 2.7em;
 font-size: 1.7em;

}
#header #designs {
 position: absolute;
 top: 60%;
 left: 0;
 width: 100%;
 height: 1.66em;
 text-indent: 8em;
 font-size: 1em;
 background-color: #58B;
 border-top: 1px solid #69C;
 border-bottom: 1px solid #036;
}


#container {
 position: relative;
 width: 100%;
 z-index: 10;
}

#content {
 margin: 0 10% 0 12em;
 border-left: 1px dashed #369;
 border-right: 1px dashed #369;
 padding: 1em 1em 2em 4em;
 background: url(background.png) 88% fixed no-repeat;
}

#content a {
 font-weight: bold;
 color: #36C;
}
#content a:visited {
 color: #63C;
}
#content a:hover {
 background-color: #EBB;
 border: 1px dashed #ACE;
 margin: 0 -3px 0 -3px;
 padding: 0 2px 0 2px;
}
#content a:active {
 background-color: #36C;
 color: #FFF;
 border: 1px inset #36C;
 margin: 0 -3px 0 -3px;
 padding: 0 2px 0 2px;
}
#content ul {
 padding-left: 0;
 margin-left: 1.2em;
}
#content ol {
 padding-left: 0;
 margin-left: 1.7em;
}
#content dt {
 font-weight: bold;
 color: #FD2200;
 margin-top: 0.5em;
}
#content li {
 margin: 0.2em 0em 0.2em 0.2em;
 padding-left: 0.5em;
}
#content acronym {
 border-bottom: 1px dashed #CCC;
 cursor: help;
}



#footer {
 width: 100%;
 font-size: 90%;
 color: black;
 border-top: 1px solid #99C;
 text-align: center;
}
#footer a {
 color: #EE1715;
}