/* HydroSci //////////////////////////////////////////////////////////////////////////////////////////// */

/* GLOBAL ////////////////////////////////////////////////////////////////////////////////////////////// */
html {height: 100%; margin-bottom: 1px}
body {background: #DDD; margin: 0; padding: 20px}

/* TEXT //////////////////////////////////////////////////////////////////////////////////////////////// */
body, form * {color: #777; font: 12px/1.5em arial, sans-serif}
p {margin: 0; padding-bottom: 1em}
.green {color: #5BA044}
p.top {clear: both; float: left; margin: -2.5em -3px 0 0; text-align: right; width: 100%}

/* HEADINGS //////////////////////////////////////////////////////////////////////////////////////////// */
h1, h2 {color: #333; font: bold 2em helvetica neue, helvetica, arial, sans-serif; margin: 0 0 .25em 0}
h2 {color: #5BA044; font-size: 1.27em}
h3 {color: #333; font-size: 1em; margin: 0}
#feature h1, #feature h2 {color: #FFF; margin: 0; padding: 0}
#feature h2 {margin-bottom: 1em}

/* LINKS /////////////////////////////////////////////////////////////////////////////////////////////// */
a {color: #5BA044}
a:hover {text-decoration: none}
a#logo {background: url(../images/hydrosci.gif); display: block; height: 125px; left: 50px; overflow: hidden; position: absolute; text-indent: -999em; top: -10px; width: 246px; z-index: 1}

/* LISTS /////////////////////////////////////////////////////////////////////////////////////////////// */
ul {margin-top: 0; margin-bottom: 1em; padding-left: 25px}
#navigation {list-style: none; margin: 0 0 20px 0; padding: 0; position: absolute; right: 25px; top: 25px}
#navigation li {float: left}
#navigation li a {background: #5BA044; color: #FFF; display: block; line-height: 52px; margin-left: 1px; padding-left: 20px; text-decoration: none}
#navigation li a:hover {background: #333}

/* IMAGES ////////////////////////////////////////////////////////////////////////////////////////////// */
img {border: 0}

/* LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////// */
#wrap {background: #CCC; margin: 0 auto; padding: 1px; position: relative; width: 958px}
#container {background: #FFF; border: 4px solid #EEE; padding: 20px; text-align: justify}
#feature {background: #333 url(../images/feature.jpg); clear: both; color: #CCC; height: 210px; margin-top: 100px; padding: 40px 400px 0 20px; width: 490px}
.content {background-color: #F5F5F5; background-position: right top; background-repeat: no-repeat; margin-top: 20px; overflow: auto; padding: 20px 20px 8px 20px; width: 870px}
.column-two {float: left; padding-right: 40px; width: 495px}
.column-one {float: left; width: 335px}
#footer {background: #333; color: #CCC; font-size: .83em; line-height: 5em; margin: 20px 0 0 0; padding: 0 20px}