/* HTML Tag Redefinition */
html, body {
  /*height: 100%;*/
}
body {

  padding: 0px;
  margin: 0px;
  
  
  background: rgb(240,231,192);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZTdjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmI5ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(240,231,192) 0%, rgb(207,185,135) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,231,192)), color-stop(100%,rgb(207,185,135)));
background: -webkit-linear-gradient(top,  rgb(240,231,192) 0%,rgb(207,185,135) 100%);
background: -o-linear-gradient(top,  rgb(240,231,192) 0%,rgb(207,185,135) 100%);
background: -ms-linear-gradient(top,  rgb(240,231,192) 0%,rgb(207,185,135) 100%);
background: linear-gradient(to bottom,  rgb(240,231,192) 0%,rgb(207,185,135) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e7c0', endColorstr='#cfb987',GradientType=0 );

/*
background: rgb(207,185,135);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmYjk4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2YwZTdjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(207,185,135) 0%, rgb(240,231,192) 85%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(207,185,135)), color-stop(85%,rgb(240,231,192)));
background: -webkit-linear-gradient(top,  rgb(207,185,135) 0%,rgb(240,231,192) 85%);
background: -o-linear-gradient(top,  rgb(207,185,135) 0%,rgb(240,231,192) 85%);
background: -ms-linear-gradient(top,  rgb(207,185,135) 0%,rgb(240,231,192) 85%);
background: linear-gradient(to bottom,  rgb(207,185,135) 0%,rgb(240,231,192) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfb987', endColorstr='#f0e7c0',GradientType=0 );
*/

}
img {
  border: 0px
}
a {
  cursor: pointer
}
fieldset {
  border: 1px solid #ccc;
}
/* error text class optionally provided by theme */
div.ccm-error-response {
  color: #f00;
  margin-bottom: 12px
}
/* Page Structure / Navigation */

#page-wrap {
  border-top: 8px solid #2D709D;
}

#page {
  width: 960px;
  margin: auto;
  text-align: left;
  
}
#page #headerSpacer {
  height: 64px
}
#page #header {
  padding-top: 10px;
  min-height: 150px;
}
#page #header #logo {
  margin-top: 30px;
}

#page #header #direct-service {
  color: #CFB987;
  font-style: italic;
  font-size: 18px;
  margin: 10px 0 10px 0;
  clear: both;
}

#page #header #direct-service a {
  color: #CFB987;
}

#page #header #logo p {
  display: inline;
  line-height: inherit;
  font-size: inherit;
  padding: inherit;
  margin: inherit;
  color: inherit
}

#header-content {
  float: right;
  width: 600px;
  width: 250px;
  color: #2D709D;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

/* hero */
#hero {
  margin: -20px -19px 0 -19px;
}

/* Navigation */

#page #main-nav {
  height: 40px;
  
  margin: -20px -20px 20px -20px;
  border: 1px solid #fff;
  width: 958px;
  
  background: #2D709D;
  background: rgb(45,112,157);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkNzA5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM5OGZjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM0ODJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOThmYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(45,112,157) 0%, rgb(57,143,194) 50%, rgb(52,130,178) 51%, rgb(57,143,194) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(45,112,157)), color-stop(50%,rgb(57,143,194)), color-stop(51%,rgb(52,130,178)), color-stop(100%,rgb(57,143,194)));
background: -webkit-linear-gradient(top,  rgb(45,112,157) 0%,rgb(57,143,194) 50%,rgb(52,130,178) 51%,rgb(57,143,194) 100%);
background: -o-linear-gradient(top,  rgb(45,112,157) 0%,rgb(57,143,194) 50%,rgb(52,130,178) 51%,rgb(57,143,194) 100%);
background: -ms-linear-gradient(top,  rgb(45,112,157) 0%,rgb(57,143,194) 50%,rgb(52,130,178) 51%,rgb(57,143,194) 100%);
background: linear-gradient(to bottom,  rgb(45,112,157) 0%,rgb(57,143,194) 50%,rgb(52,130,178) 51%,rgb(57,143,194) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d709d', endColorstr='#398fc2',GradientType=0 );

}

#page ul.nav {
  list-style: none;
  margin: 0px;
  padding: 0px;  
}
#page ul.nav li {
  margin-top: 0px;
  float: left;
}
#page  ul.nav li a, #page ul.nav li a:hover {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 0 20px;
  line-height: 40px;
}
#page ul.nav > li.nav-selected > a, #page ul.nav > li.nav-path-selected > a {
  background: transparent url('/themes/cleanwater/images/nav-selected.png') center top no-repeat;
}

#page ul.nav ul li.nav-selected > a {
  background: transparent url('/themes/cleanwater/images/nav-selected-sub.png') 5px center no-repeat;
}

#page ul.nav  li.nav-selected > a, #page ul.nav  li.nav-path-selected > a {
  font-weight: bold;
}

#page ul.nav li ul {
  position: absolute;
  left: -999em;
  z-index: 8;
}

#page ul.nav li:hover ul {
  left: auto;
  width: 200px;
  background: #2F78A3;
  background: rgba(47, 120, 163, 0.9);
  padding: 0;
  margin: 0;
  border-top: 1px solid #49A5CE;
}

#page ul.nav li:hover ul li {
  width: 200px;
  float: none;
  text-align: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#page  ul.nav li ul li a, #page ul.nav li ul li a:hover {
  line-height: 25px;
}

/* Search box */
#search-box {
  float: right;
  display: inline-block;
  padding: 8px;
  
}

#search-box input.search-query {
  height: 16px;
  line-height: 14px;
  border: 0;
  border-radius: 8px;
  padding: 3px;
}

#search-box input.inactive {
  color: #aaa;
}


#page #header #header-area {
  margin-top: 10px;
  margin-bottom: 10px
}
#page #header #header-area #header-area-inside {
  margin-bottom: 12px;
}
#page #header #header-area img {
  display: block
}
#page .divider {
  padding-top: 12px;
  background: url(/themes/cleanwater/images/nav_horizontal_divider.gif) no-repeat top;
  overflow: hidden;
  height: 1px;
  clear: both;
  width: 100%;
}
#page #central {
  background: #fff;
  clear: both;
  padding: 20px;
  -webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.75);
  margin-bottom: 20px;
}
#page .no-sidebar {
  background-image: none !important
}
#page #central.central-left {
  
}
#page #central.central-left div#sidebar {
  float: left !important;
}
#page #central.central-left #body {
  padding-left: 68px !important;
  padding-right: 0px !important;
  float: right
}
#page #central #body {
  float: left;
  width: 67%;
  padding-right: 28px;
  padding-left: 0px !important;
  padding-right: 0px !important
}
#page .no-sidebar #body {
  float: none !important;
  width: auto !important;
}
#page #central #sidebar {
  float: right;
  width: 23%;
  width: 30%;
  overflow: hidden
}
#page #central.navLeft {
  background: url(/themes/cleanwater/images/nav_sidebar_left_bg.gif) repeat-y center;
}
#page #central.navLeft  #sidebar {
  float: left
}
#page #central.navLeft  #body {
  float: right;
  padding-right: 0px;
  width: 68%;
}
#page #central.noSideNav {
  background: none;
}
#page #central.noSideNav  #sidebar {
  display: none
}
#page #central.noSideNav  #body {
  float: none;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
}
#page #footer {
  padding-top: 24px;
  clear: both;
  padding-bottom: 16px;
  color: #fff;
  font-size: 11px;
  background: #2F78A3;  
}
#page #footer a {
  text-decoration: none
}
#page #footer span.sign-in {
  margin-left: 20px
}
#page #footer span.powered-by {
  float: right;
}
/* Page Elements */
.pagingNav {
  margin: 16px 0px 8px 0px
}
.pagination {
  text-align: center;
  color: #bbb;
  padding-top: 4px
}
.pagination .pageRight {
  width: 20%;
  float: right;
  text-align: right
}
.pagination .pageLeft {
  width: 20%;
  float: left;
  text-align: left
}
/* MISC STYLES & SHORTCUTS */
div.code {
  border: 1px solid #ddd;
  background: #eee;
  padding: 10px
}
div.spacer, div.ccm-spacer {
  clear: both;
  font-size: 1px;
  line-height: 1px
}
.noTopSpace {
  margin-top: 0px;
  padding-top: 0px
}
div.pageSection {
  margin-bottom: 10px;
}

/* tables */

#body table {
  width: 100%;
  margin: 10px 0;
  background: #eee;
  border-collapse: collapse;
}

#body table th {
 padding: 4px;
 background: #ddd;
}
 
#body table td {
  padding: 4px;
  border-top: 1px solid #ccc;
}

#body table.formBlockSurveyTable {
  background: #eee;
}

#body table.formBlockSurveyTable th {
 padding: auto;
 background: none;
}
 
#body table.formBlockSurveyTable td {
  padding: auto;
  border-top: 0;
}

/* homepage */
#welcome {
  height: 200px;
  width: 550px;
  background: #2D709D url('/themes/cleanwater/images/welcome.jpg') left top no-repeat;
  float: left;
  margin: -3px 0 0 -19px;
  overflow: hidden;
}

#welcome-left {
  float: left;
  height: 200px;
  width: 0px;
}

#welcome-right {
  float: right;
  height: 200px;
  width: 520px;
  padding-right: 10px;
}

#welcome li {
  margin: 0;
  padding: 0;
}

#home-feature {
  height: 200px;
  width: 397px;
  padding-left: 10px;
  background: #D8D8D8;
  float: right;
  margin: -3px -19px 0;
  overflow: hidden;
  
  background: rgb(238,238,238);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(204,204,204) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(204,204,204)));
background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%);
background: -o-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%);
background: -ms-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%);
background: linear-gradient(to bottom,  rgb(238,238,238) 0%,rgb(204,204,204) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}


body.edit-mode #home-feature, body.edit-mode #welcome {
  overflow: visible;
  height: auto;
}

.feature-box {
  background: #E9EEF2;
  margin: 10px 0;
  padding: 10px;
}

.home-box-h a.feature-box {
  height: 100px;
}

.home-box-v a.feature-box {
  height: 350px;
}

.feature-box-image {
  position: absolute;
  width: 100px;
}

.feature-box-content {
  padding-left: 120px;
}

.feature-box-top {
  margin-left: 10px;
}

.feature-box-top .feature-box-image {
  position: static;
  width: 200px;
  height: 150px;
}

.feature-box-top .feature-box-content {
  padding-left: 0;
}

td.datacol {
  width: 35px;
  border-left: 1px solid #ddd;
  text-align: center;
}

td.datacol1 {
  width: 90px;
  border-left: 1px solid #ddd;
  text-align: center;
}

.slideshow .slideshow_nav {
  position: absolute;
  margin-left: 860px;
  margin-top: 240px;
  z-index: 10;
}

.slideshow .slideshow_nav a {
  width: 10px;
  height: 10px;
  background: #2D729C;
  border: 0;
  display: block;
  float: left;
  margin: 2px;
  border-radius: 5px;
}

.slideshow .slideshow_nav a.activeSlide {
  background: #fff;
}

.slideshow_prev, .slideshow_next {
  display: none;
}