/*
body {
	background:#888;
	font-family: 'Open Sans', sans-serif;
}
*/

p,li {
	font-size: 0.9em;
	color: black;
}

#fp-intro-block {
	background-color: #510000;
	padding: 10px 0 10px 0;
	text-align:center;
	color:white;
	
}

p.close {
	line-height:1.2em;
	margin-bottom:5px;
}

.handy {
	font-family: 'Shadows Into Light', cursive;
}

.plike {
	font-size: 0.9em;
	color: black;
}


.liner {
	border-top: 1px solid #aaaaaa;
}

.underliner {
	border-bottom: 1px solid #aaaaaa;
}

span.td {
	color: #00aa00;
	background: #eeffee;
	padding:3px;
	border:1px solid #aaddaa;
}

p.topper {
	margin-top: 9px;
}

p.balanced {
	margin-top: 9px;
}

h6 { color:black; }

.sub-nav {
	background-color: #f2f2f2;
}

#map img
{
    max-width : none;
}

.advert {
	margin: 10px 0 10px 0;
}

.border {
	border-top: 1px solid silver;
	
}

.borderb {
	border-bottom: 1px solid silver;
	
}

.nopad {
	padding-bottom:0;
}

.tbox {
	margin-top:20px;
	padding-bottom:0;
}

.infotitle {
	color: #510000;
	font-weight: bold;
	margin-bottom:0;
}

.infotitlebig {
	color: #510000;
	font-weight: bold;
	margin-top:10px;
}

.details {
	margin-bottom:0;
}

.flat {
	margin-bottom:0;
}

.date {
	font-size:0.9em;
	font-weight:bold;
	color: 666666;
}

.infoid {
	color: #72aa00;
}

.slist {
	margin-left: 4rem;
}

.plist {
	border-bottom:1px solid silver;
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAa0lEQVQYV2NkIBIwoqnzAfI3I4n5AtlbQHxkhWBF0hoP4Oqe3lAAscGKYQrhip4+lYIrlJZ+xgBTDFP4H2QSsiKYaphiuEIG3l+4vfWZDe7G/8QqhPgWm6lA00AewvA1imKoImRfw9yHMxwBbzokoP2PR2cAAAAASUVORK5CYII=");
}

.twocol {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	column-width:400px;
}

.threecol {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	column-width:300px;
}

.subfooter {
	text-align:center;
	width: 100%;
	margin-top:10px;
}





#footer-top-block {
	background-color: #333333;
	padding: 10px 0 10px 0;
	text-align:center;	
}

#footer-block p {
	color:#eeeeee;
}

#footer-block {
	background-color: #333333;
	color:#ffffff;
	padding: 20px;
	margin:0 ;
}

#footer-block a {
	color:#ffffff;
	text-decoration:none;	
}
#footer-block a:hover {
	text-decoration:underline;	
}

.small {
	font-size: 0.8em;
}

.tsmall {
	font-size: 0.9em;
	padding: 2px;
}

.listicon {
	float:left;
	margin: 0 5px 5px 0;
}

.listli {
	clear: left;
}

.icon {
	max-height: 1em;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.quote {
	padding: 0 1em 0 0;
	font-style: italic;
}

.dropper {
	position:relative;
	width:100%;
	border: 3px dashed silver;
	padding-top:2em;
}

.hidden {
	visibility: none;
	display: none;
}

div.tophead {
	background:url(/hydro/images/header1.jpg);
	height: 95px;
	border:1px solid black;
	padding:0;
	width:100%;
	
}

h1.tophead {
	font-size:2em;
	color:#eeeeee; 
	margin-bottom:20px;
}

div.tophead1 {
	background:url(/framework/headers/r1.jpg);
	height: 95px;
	border:1px solid black;
	padding:0;
	width:100%;	
}
div.tophead2 {
	background:url(/framework/headers/r2.jpg);
	height: 95px;
	border:1px solid black;
	padding:0;
	width:100%;	
}
div.tophead3 {
	background:url(/images/header1.jpg);
	height: 120px;
	border:1px solid black;
	padding:0;
	width:100%;	
}
div.tophead4 {
	background:url(/framework/headers/r4.jpg);
	height: 95px;
	border:1px solid black;
	padding:0;
	width:100%;	
}

div.headerbg {
	background:url(/framework/headers/r3.jpg);
	-webkit-mask-image: linear-gradient(to left, black, transparent);
	mask-image: linear-gradient (to left, black, transparent);
}

.row.full-width {
  width: 100%;
  max-width: 100%; 
}

h1.fp {
	font-size:2em;
}

a.tophead {
	color:#eeeeee; 
	text-decoration:none;
}

h3.tophead {
	font-size:1.5em;
	color:#001100; 
	margin-top:20px;
}
span.tophead {
	
}

.row.tf > .column,
  .row.tf > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.tf .row {
    margin-left: 0;
    margin-right: 0; }

.panel.splash {
    border-style: solid;
    border-width: 2px;
    border-color: orange;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #FFCC99; 
    border-radius: 10px;
}
.panel.splash > :first-child {
      margin-top: 0; 
}
.panel.splash > :last-child {
      margin-bottom: 0; 
}
.panel.splash h1, .panel.splash h2, .panel.splash h3, .panel.splash h4, .panel.splash h5, .panel.splash h6, .panel.splash p {
      color: #333333; 
}
.panel.splash h1, .panel.splash h2, .panel.splash h3, .panel.splash h4, .panel.splash h5, .panel.splash h6 {
      line-height: 1;
      margin-bottom: 0.625rem; 
}
.panel.splash h1.subheader, .panel.splash h2.subheader, .panel.splash h3.subheader, .panel.splash h4.subheader, .panel.splash h5.subheader, .panel.splash h6.subheader {
        line-height: 1.4; 
}
.panel.splash a:not(.button) {
      color: #008cba; 
}
.panel.wideradius {
    border-radius: 10px; }

    
    
.leftdiv, .centerdiv, .rightdiv
{
   text-align: center;
}
@media only screen and (min-width: 641px)
{
   .leftdiv
   {
      text-align: left;
   }
   .rightdiv
   {
      text-align: right;
   }
}


.offsite {
	background: url(/framework/Icon_External_Link.png)     center right no-repeat;
	padding-right: 13px;
}

.bi {
	float: left;
}

.clear {
	clear: both;
}

.slider-container {
	position: relative; 
	margin: 0px 5px 5px 0px; 
	float: left; 
	top: 0px; 
	left: 0px;
	width: 600px;
	height: 400px; 
	overflow: hidden;
}

.slider-slides {
	cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 600px; 
	height: 400px;
	overflow: hidden;
}

.slider-caption {
	position:absolute;
	left:10px;
	top:30px;
	width:500px;
	height:40px;
	font-size:20px;
	color:#fff;
	line-height:40px;
	
	text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
	font-family: monospace;
}


.gsc-control-cse  * {
 -moz-box-sizing: content-box !important;
 -webkit-box-sizing: content-box !importantx;
 box-sizing:  content-box !important;
}

.gsc-control-cse input {
 box-shadow: none !important;
}

.gsc-control-cse input:focus {
    outline: none;
}

.gsc-control-cse table {
 border: none;
 background: transparent;
}

.gsc-input-box, .gsc-search-box .gsc-input>input, .gsc-input-box-hover {
 -moz-box-shadow: none !important;
 -webkit-box-shadow: none !important;
 box-shadow: none !important;
}



#map img
{
    max-width : none;
}

.spaced {
	margin-bottom:20px;
	margin-top:20px;
}
.subfooter {
	font-size:0.9em;
	text-align:center;
	width: 100%;
	margin-top:10px;
}

#footer-top-block {
	background: #1E1E1E;
	padding: 10px 0 10px 0;
	color:#dddddd;
	text-align:center;
	
}
#footer-top-block p {
	margin:1em;
	font-size:0.8em;
	color:#dddddd;
}

#footer-block {
	background-color:#eaeaea;
	padding: 20px;
	margin:0;
	color:#000;
	font-size:0.8em;
}

#footer-block a {
	color:#000;
	text-decoration:none;	
}
#footer-block a:hover {
	text-decoration:underline;	
}

h1 {
	color: #0066aa;
	
}
h2,h3 {
	color: #006600;
	
}

h2.value {
	color: #333333;
	font-family: 'Roboto', sans-serif;
}

h3.value {
	color: #333333;
	font-family: 'Roboto', sans-serif;
}

span.value {
	margin:0;
	border: 1px solid #333333;
	padding: 5px;
}

h2.notop {
	margin-top:0;
}

h3.overline {
	border-top: 1px solid #006600;
}

h1.shadow {
	text-shadow: 1px 1px 1px #000;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.small {
	font-size: 0.8em;
}

.panel.risk0 {
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #c30533; 
}
.panel.risk0 > :first-child {
      margin-top: 0; 
}
.panel.risk0 > :last-child {
      margin-bottom: 0; 
}
.panel.risk0 h1, .panel.risk0 h2, .panel.risk0 h3, .panel.risk0 h4, .panel.risk0 h5, .panel.risk0 h6, .panel.risk0 p {
      color: #ffffff; 
}


.panel.risk1 {
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ffa140; 
}
.panel.risk1 > :first-child {
      margin-top: 0; 
}
.panel.risk1 > :last-child {
      margin-bottom: 0; 
}


.panel.risk2 {
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #fffb69; 
}
.panel.risk2 > :first-child {
      margin-top: 0; 
}
.panel.risk2 > :last-child {
      margin-bottom: 0; 
}

.panel.risk3 {
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #dddddd; 
}
.panel.risk3 > :first-child {
      margin-top: 0; 
}
.panel.risk3 > :last-child {
      margin-bottom: 0; 
}