body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
q:before,q:after{content:'';}
/* Set uniform base font size 
---------------------------------------- */
body{font-size:11px;
     font-family: verdana,sans-serif;
     line-height: 1.5em;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% times,sans-serif;}
pre,code{font:115% monospace;*font-size:100%;}

body {
  background-repeat: no-repeat;
  background-position: 100% 70%;
  margin-left: 6px;
}

#front_page {
  background-image: url('/images/front_image.jpg');
  background-position: center 110px;
}

#front_page_space {
  height: 552px;
}

#page_container {
  margin: 0 auto;
  width: 766px;
}

#graphical_header {
  width: 765px;
}

#graphical_header div, #graphical_header img {
  float: left;
  border-left: 1px solid white;
  border-top: 1px solid white;
  height: 91px;
  border-bottom: 1px solid white;
}

#hydroplan_logo {
  background-image: url('/images/logo.jpg');
  border-left: none;
  border-left: 1px solid #0086CB !important;
  width: 219px;
  height:91px;
}

#hydroplan_logo p {
  font-size: 10px;
  color: #ffffff;
  /*margin: 56px 0 0 10px;*/
  margin: 56px 0 0 0;
  text-align: center;
  letter-spacing: -1px;
}


/* Menu Styel Code */
#menu {
  z-index: 100;
  width: 766px;
}

#menu li {
  z-index: 100;
}

/* Top Level of menu */
#menu #first {
  margin-left: 0px;
  width: 210px; 
  text-align: right;
  padding-right: 10px;
  background-color: #0168B5;
}

#menu #second {
  width: 90px;
  background-color: #0168B5;
}

#menu #last {
  width: 167px;
  text-align: left;
  padding-left: 10px;
}

#menu #last li {
  padding-left: 0;
}



#menu a, #menu span {
  text-decoration: none;
  color: white;
  line-height: 1.5em;
}

#menu li a {
  display: block;
}

#menu li {
  float: left;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background-color: #74B35B;
  background-color: #588F43;
  background-color: #5C9746;
  background-color: #66A74E;
  text-align: center;
  line-height: 14px;
  width: 91px; /* We must have a width otherwise IE doesn't pick it up */
}

#menu li li {
  border-bottom: none;
  text-align: left;
}

#menu li li a {
  display: block;
  width: 167px;
}

#menu li li:hover {
  background-color: #499700;
}

#menu li li:hover a, #menu li li:hover span {
  color: #FFFFFF;
}

#menu li li li:hover {
  background-color: #083E88;
}

#menu li li li a {
  color: #083E88 !important;
  display: block;
}

#menu li li li:hover a {
  color: #FFFFFF !important;
}
#menu ul li {
  float: none;
}

#menu li li {
  background-color: #D5E4C6;
  border-top: 1px solid white;
  text-transform: uppercase;
  background-image: none;
  width: 170px;
  padding-left: 5px;
}

#menu li li a, #menu li li span {
  color: #499700;
}

#menu li li li {
  background-color: #D4DEEA;
  border-left: 1px solid white;
  /*   border-top: 1px solid #083E88;*/
}

#first:hover, #second:hover {
  background-color: #007DDB !important;
}

#menu li:hover {
  background-color: #A3C98F;
}


/* Menu Specific Code */
#menu {
  position: relative;
}

#menu ul, #menu ul ul {
  position: absolute;
  left: -999em;
}

#menu li:hover ul {
  left: auto;
  margin-top: 17px;
}

#menu li ul li {
  border-right: 1px solid white;

}

#menu li li:hover ul {
  left: auto !important;
  margin-top: -1px;
  margin-left: 170px;
}

#menu li:hover ul ul {
  left: -999em;
}


#left_bar {
  float: left;
  clear: both;
  padding: 0 10px 0 10px;
  height: 498px;
  width: 200px;
  color: #FFFFFF;
  background-image: url(/images/water.jpg);
  background-repeat: repeat-y;
}

/* Featured Project Heading */
#left_bar h1 {
  padding: 10px 0 0 0;
  border-bottom: 1px solid white;
  font-weight: bold;
}

/* Featured Project SubHeading */
#left_bar h2 {
  margin: 10px 0 10px 0;
  font-weight: bold;
}

/* Featured Project Body */
#left_bar p {
  margin-right: 10px;
  font-weight: normal;
}

#left_bar a {
  color: #ffffff;
  font-weight: bold;
  display: block;
  line-height: 2em;
}

#left_bar a:hover {
  color: #699C46;
}

#middle_section {
  clear: both;
  background-image: url(/images/water.jpg);
  background-repeat: repeat-y;
  overflow: auto;
  border-top:   1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

#main_content {
  /* border-top:   1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;*/
  overflow: auto;
}

#main_content_image {
  float: right;
  z-index: 20;
}
#content {
  padding: 9px 10px 0 15px;
  margin-bottom: 5px;
  width: 337px;
  float: left;
  color: #000099;

}
#content p {
  margin: .5em 0 .5em 0;
}

#content strong {
  font-weight: bold;
}

#content h1, .project_info h1 {
  font-size: 14px;
  font-weight: bold;
  color: #1A95D7;}

#content h1 a {
  color: #1A95D7;
}

#content h1 a:hover {
  color: #84CAF0;
}

#content h3 {
  margin-top: 1em;
}

#content li {
  list-style-type: square;
  margin: .5em 0 .5em 1.3em;
}

#content dt {
  font-weight: bold;
  margin-top: .75em;
}

#content dd {
  margin-bottom: .75em;
}

.project_info {
  margin-top: 1em;
  color: #000099;}
.project_info .project_abstract p {
  margin: .8em 0 .8em 0;
  line-height: 1.8em;}

.project_info .project_caption {
  font-weight:bold;}

#footer {
  clear: both;
  width: 765px;
  height: 15px;
  background-color: #AED13D;
  font-size: 10px;
}

#footer ul {
  margin-left: 8px;
}

#footer ul, #footer li {
  float: left;
  margin-right: 10px;
  text-decoration: normal;
}

#footer li a {
  display: block;
  color: #273A1B;
  line-height: 12px;
  text-decoration: underline;
}

#footer li a:hover {
  color: #57833D;
}

#footer span {
  padding: 0px 0 0px 10px;
  float: right;
  height: 15px;
  width: 177px;
  display: block;
  color: #ffffff;
  background-color: #699C46; 
}


.button_hydro:hover, #toggleLink:hover {
  background-color: white;
  color: #66A74E;
}

#edit_submit {
  float: right;
  margin-bottom: 5px;
  margin-right: 6px;
}

.submitted_by {
  color: #9EAFF5;
  font-weight: normal;
  margin-bottom: 2px;
}


.article {
  margin-bottom: 8px;
}
/* Page Specific CSS */
.page_agriculture {
  background-image: url('/images/backgrounds/agriculture.gif');}

.page_engineering {
  background-image: url('/images/backgrounds/engineering.gif');}

.page_golf {
  background-image: url('/images/backgrounds/golf.gif');}

.page_hydroplan {
  background-image: url('/images/backgrounds/hydroplan.gif');}

.page_recreation {
  background-image: url('/images/backgrounds/recreation.gif');}

.page_services {
  background-image: url('/images/backgrounds/services.gif');}

.page_urban {
  background-image: url('/images/backgrounds/urban.gif');}

.page_worldwide {
  background-image: url('/images/backgrounds/worldwide.gif');}

/* Projects */
.project_box {
  width: 142px;
  height: 116px;
  margin: 5px;
  float: left;}
.project-hover {
  background: url(/images/background-square.png) no-repeat left;}
.project_image {
  margin-top: 10px;
  height: 60px;}
.project_image img {
  margin-left: 27px;
}
.project_box h3 {
  font-weight: normal;
  color: #006AB6;
  padding: 3px;
  text-align: center;
}

.clear {
  clear: both;
}
#projects_box {
  width: 765px;
  height: 450px;
  margin: 20px 0 30px 0;
  border: 1px solid white;
  background-image: url(/images/projects_background_rectangle.png);}

#projects_box #category_menu {
  float: left;
  color: #006AB6;
  width: 135px;
  float: left;
  height: 200px;
  margin-top: 20px}
#projects_box #category_menu li {
  margin-bottom: 6px;
  padding-left: 4px;
  height: 30px;
  line-height: 30px;
  display: block;}
#projects_box a {
  text-decoration: none;
  color: #006AB6;}
#projects_box a:hover {
  text-decoration: underline;}
.sample-item {
  cursor:pointer;
  text-decoration: underline;}
.sample-item-over {
  background: url(/images/projects_arrow.gif) no-repeat left;
  text-decoration: none !important;}

.hide-category {
  display: none;}

.sample-item-over span {
  color: #FFFFFF !important;}

#project_rows {
  float: left;
  margin-top: 20px;
  width:610px;
  height: 400px;}

ul#site_map, #site_map ul {
  list-style: square inside;
  margin-left: 15px;}
ul#site_map li {
  margin-top: 5px;}
.site_map {
  margin-top: 5px;
  margin-right: 10px;}

#project_categories_list {
  margin-top: 30px;
  clear: both;}
#project_category_list .project_info {
  margin-left: 15px;}

#project_categories_list h2 {
  font-size: 14px;}
.project_info {
  margin-bottom: 15px;
  clear: both;}
.project_info img {
  margin-bottom: 15px;
  display: block;
  float: right;}

.project_heading_title {
  margin-top: 2px;}

.project_info .project_title {
  font-weight: bold;}
.project_info .project_title a {
  text-decoration: none;
  color: #000099;}

.project_abstract .project_abstract {
  margin-top: 5px;}

#project_categories_list {
  margin-top: 10px;}
#project_categories_list h2 {
  font-size: 14px;
  margin-top: 20px;}
#project_category_list {
  clear: both;}
.project_text {
  width: 300px;}
#project_page_content {
  margin-top: 3px;}

.location {
  clear: both;
  overflow: auto;
  zoom: 1;
  width: 500px;}

.location_text { 
  float: left;}
.location_image { 
  margin-top: 35px;
  float: right;}