/* GLOBAL */
body, html
{
        border-top:5px solid #30415d;
        background:#e4e4e4;
        font-family: 'Arial';	
	line-height: normal;
	margin-left: auto;
	margin-right: auto;
        color:#333333;
}
b
{
	font-weight: bold;
}
i
{
	font-style: italic;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
input
{
        font-family: 'Arial';
        font-size:16px;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #EBE8DE;
        background: #e4e4e4;
        border-radius:5px;
}

input[type=submit]
{
        width:auto;
        padding: 5px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #333333;
        color: #fff;
}
table
{
	border-collapse:collapse;
}
table, th, td {
	text-align: center;
 	padding: 2px;	
	border: 1px solid black;
}
table a
{
	text-decoration: underline;
	color: blue;
}

p
{
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
        line-height:normal;
}

a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}
ul { 
   list-style-type: disc; 
   list-style-position: inside; 

}
ol { 
   list-style-type: decimal ; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: 1; 
   list-style-position: inside; 
   background-color:none;
   margin-left: 15px; 
}
li
{
	display: list-item;
}
.boxcontent_agenda ol
{
background-color:none;
}
.boxcontent_agenda li{
	background-color:none;
}
strong
{
        font-weight:bold;
}

figcaption strong
{
        border-bottom: 1px solid #D6D0C1;
        padding-bottom:10px;
        margin: 10px 0;
        display:block;
}

figcaption
{
        line-height: 25px;
        font-size:14px;
        width:200px;
}

hr
{
     
        border:0;
        height:5px;
        margin:15px 0;
	box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}


/* HEADER */

header
{
        position:relative;
        width:auto;
        max-width:auto;
        margin: 0 0 20px 0;
}

header h1
{
        margin-top:30px;
	margin-right: auto;
	margin-left: auto;
        font-size:40px;
        color:black;
        font-family: 'Arial' cursive;
	
	position: absolute;
}

header p
{
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        color: #4A463B;
        margin-left:132px;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        display:block;
        float:left;
	padding: 3px 15px;
}

nav ul li a
{
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;
}

nav ul li a:hover
{
        color:#333377;
}



#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #333377;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #5836CC;
}

.toggleMobile
{
        display: none;
}

/* 3 COLUMNS */

#boxcontent
{
        
        max-width:1160px;
 	float: center;
	margin: auto;
	padding-top: 30px;
}

#boxcontent article
{
        float:left;
        width:250px;
        height: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 50px;
        font-size:12px;
}

#boxcontent article h3
{
 	
        font-family: 'Open Sans', sans-serif;
        font-size:20px;
        margin-bottom:10px;
        margin-left:75px;
}
#boxcontent .homepage2
{
	margin-left: auto;
	margin-right: auto;
}
#boxcontent article img
{
        float:left;
}

#boxcontent article p
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        margin-left:75px;
}
.boxcontentTable
{
	width: 1032px;	
	margin-top: 50px;
}
#slider_content1, #slider_content2, #slider_content3
{
        line-height: 90%;
        font-family: 'Open Sans', sans-serif;
        width:100%;
        position:absolute;
        top:0px;
        left:0px;
        display:none;
        z-index:11;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
        color:#EBE8DE;
        font-size:25px;
        font-weight:bold;
        margin-bottom:10px;
        top:0px;
        left:0px;
        position:absolute;
        padding:10px 15px;
        border-radius: 15px 0 0 0;
        display:inline-block;
}

#slider_content1
{
        display:block;
}

#slider_content1 p, #slider_content2 p, #slider_content3 p
{
        line-height: normal;
        top:0px;
        right:0px;
        margin:0 0 30px 0;
        color:#eeeeee;
        text-align:right;
        position:absolute;
        padding:10px 15px;
        border-radius: 0 0 0 5px;

}

#slider_content1 a, #slider_content2 a, #slider_content3 a
{
        line-height: normal;
        margin:0 0 30px 0;
        color:#4a463b;
        padding:10px 15px;
        position:relative;
        border-radius: 5px 0 0 5px;
}


/* BUTTONS */

.button
{
        padding:7px 14px;
        border: 1px solid #c3c3cc;
        background-image: linear-gradient(bottom, #333377 0%, #333333 100%);
        background-image: linear-gradient(to bottom, #333333 0%, #333377 100%);
        background-color: #eb653c;
        color: #EBE8DE;
        text-shadow: 1px 1px 0px #eAe7dd;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}

/* SPACER */


#spacer
{
	
	text-decoration: none;
	position: relative;	
        width: 100%;
        height: 50px;
        background-color:#c0c6ce;
	border: 10px black;
	border-style: black;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	z-index: +1; 
    	text-align: center;
}

#spacer .dropdown_title {
	text-decoration: none;
	background-color: #c0c6ce;
	font-weight: none;
	color: black;
	padding: 2px 35px 2px 30px;
	font-size: 18px;
	border: none;
	cursor: pointer;
	float:left;
	text-align: center;
	margin-left: auto;
}
#spacer .dropdown_title a:hover{
	text-decoration: underline;
}
nav
{
	width: 100%;
}
#spacer nav {
	width: auto;
}
#spacer .header_button {
        position: relative;
	text-align: center;
	width: auto;
	padding-left: auto;
	padding-right: auto;
	text-decoration: none; 
		
}
.header_button
{
	width: 555px; 
       color: black;
        font size: 15px;
        cursor: pointer;
        height: 35px;
	padding-top: 12px;
        display: inline-block;
        float: center;
}
.header_button:hover
{
 
       display: inline-block;
}

#spacer .dropdown_info {
	display: none;
	margin-top: 5px;
	position: relative;
	border-radius: 5px;	
	background-color: #f1f1f1;
 	font-weight: none;
	font-size: 12px;   
}

#spacer .dropdown_info a {
	font-weight: none; 
   	color: black;
    	position: relative;
    	background-color: #f1f1f1;
    	display: none;
	border-radius: 5px;
	margin: 5px 0px 5px 0.5px;
	padding: 0px;
}

#spacer .dropdown_info  a:hover{
	background-color: #30415d;
	color: #f1f1f1;
	margin: 0px;
	padding: 10px;
	z-index: +1;
}
#spacer .dropdown_title:hover .dropdown_info {
	 
	display: block;
	z-index: +1;
	position: relative;
}
#spacer .dropdown_title:hover .dropdown_info a {
	padding: 4px;
	display: block;
	position: relative;
	z-index: +2;
}
#spacer .header_button:hover .dropdown_title {
	
	z-index: +1;
    background-color: #c0c6ce;
}


/* FOUR COLUMNS */

#four_columns, #text_columns
{
        line-height:25px;
        font-family: 'Open Sans', sans-serif;
        clear:both;
        width:auto;
        max-width:900px;
        margin:0 auto;
}

#four_columns h2, #text_columns h3
{
        font-size:20px;
        border-bottom: 1px solid #D6D0C1;
        padding: 20px 0;
        margin-bottom: 20px;
}

#four_columns .img-item
{
        float:left;
        margin-right:25px;
}

#four_columns .img-item a
{
        position:relative;
        display:block;
}

.thumb-screen
{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:113px;
        background: #000 url(img/zoom.png) center center no-repeat;
        z-index:99;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}
/*Added by RH*/
svg
{
	position:relative;
	display: inline;
}
.dropdown_title
{
	cursor: pointer;
}
.dropdown-content{
	display: none;
	font-size: 10pt;
	position: absolute;
	background-color: #acb3be;
	min-width: 55px;
	box-shadow: 0px 8px 16px px rgba(0,0,0,0.2);
}
.dropdown-content a {
	color: black;
	text-decoration: none;
	display: block;
	margin-top: 5px;
	margin-bottom: 8px;
}

#header_logo
{
        line-height: 10%;
        font-family: 'Open Sans', sans-serif;
        width:100%;
        position: static;
        top:0px;
        color: black;
	left:0px;
	padding-bottom: 20px;
}
#header_logo img
{

	width: 55px;
	
	
}
#header_logo h1
{
	margin-top: -45px;
        margin-right: auto;
        font-size:40px;
	color:black;
        font-family: 'Palatino';
        position: relative;
}
#header_logo .small
{
	display: none;
}
#header_logo h3
{
       font-size:25px;
        font-weight:bold;
        margin-bottom:2px;
        top:0px;
        left:0px;
        position: static;
        padding: 5px;
        border-radius: 2px 0 0 0;
}
#header_logo p
{
	color: black;
	line-height: normal;
	font-size:12px;
	text-align: right;	
        font-weight:bold;
        margin-bottom: auto;
        top:-10px;
        right:0px;
	bottom: 0px;
        position: absolute;
     	padding: 1px 1px;         
}
.homepage2 {
	width: 250px;
	height: 360px;

        margin: 10 auto;
        text-align: center;
	border: 0px;
	font-size: 10pt;
	box-shadow: 2px 2px 2px 2px grey;
	padding: 0px;
	background-color: #ffffff;
}
.homepage2 img
{
	margin-bottom: 10px;
	width: 250px;
	height: 180px;
}

.homepage-text ol 
{
	background-color:none;
}
.homepage-text li 
{
	background-color:none;	
font-size: 9pt;
}
.homepage-text
{
	margin: 10px;
}
/*general basin plan page*/
.basins
{
	
	margin-left: 15%;
	width: 65%;
	padding-bottom: 220px;
	margin-bottom: 50px;
}
.basins img
{
		
	margin-left: 10px;	
	float: left;
}
.basins .basins_list
{

	float: right;
	margin-bottom: 70px;
}
.basins_list_item
{	
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 10px;
        padding: 10px;
        background-color: #30415d;
        width: 230px;
        border-radius: 5px;
        box-shadow: 1px 2px 4px grey;
        border-color: #e19939;
        border: 10px;

}
.basins_list_item a
{
	color: white;
	text-decoration: none;
}
.basins .basins_list a:hover
{
	color: #c0c6ce;	
	text-decoration: underline;
}
.basins_agenda_item
{
        color: white;
        padding: 10px;
        background-color: #30415d;
        border-radius: 5px;
        text-align: center;
        margin-left: 5px;
        margin-bottom: 15px;
}


.iframe_pdf
{ 
	transform: translateX(28%); 
        margin-bottom: 20px;
        margin-top: 60px;
        text-align: center;
        width: 65%;
        height: 500px;
        display: inline-block;
}

/*gis*/

.gis_page
{
	margin-top: 20px;
	text-align: center;
}
.gis_page p
{
	width: 80%;
	margin-left: 10%;
}
.gis_page h2
{
        font-size: 16pt;
        text-decoration: underline;
}

.gis_row {
	background-color: #e4e4e4;
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	font-size: 10pt;
}
.gis 
{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	height: 340px;
	margin-bottom: 100px;
	background-color: white;
	box-shadow: 1px 2px 4px grey;
	width: 300px;
	padding: 20px;
}
.gis h5
{
	font-size: 14pt;
	padding: 5px;
}
.gis_index td{
	vertical-align:middle;
	text-align: left;
	padding-left: 5px;
	}	
.gis_index {
	width: 900px;
	margin-left: auto;
	margin-right:auto;	
	margin-bottom: 100px;
}
.gis_index table{
	background-color:white;
}
.gis_index h2
	{
	font-size: 16pt;
	font-weight:bold;
}
.basinplan_gis {
	margin: 5px;
	line-height: 25px;
}

.basinplan_gis ul {
	
	color: #0000b2;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	width: 200px;
	list-style-type: square;

}
.basinplan_gis a {
	color: #0000b2;
	font-weight:bold;
	text-decoration: none;
}
.basinplan_gis a:hover{
	color: grey;
	text-decoration: underline 
}
 
.gis_consultants {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.gis_templates {
	float: left;
        margin-left: auto;
        margin-right: auto;
	margin-bottom: 50px;  
 	padding: 10px;       
	background-color: #e8effc;
	width: 1000px; 
	 box-shadow: 1px 2px 4px grey;
       border: 10px;
}
.gis_templates hr
	{
	margin: 8px;
	}
.gis_templates h3
{
	font-size: 14pt;
}
/*statewide*/
#WaterPlanProducts
{
	float: center;
	max-width: 1150px;
	margin: auto;
}
.statewide 
{
        margin-left: auto;
        margin-right: auto;
        border-spacing: 10px;
        width: 1200;
       border-collapse: separate;
        border: 10px;
       display: inline-block;
        font-size: 10pt;
        float: center;
	
}
.statewide_1col
{
        margin-left: auto;
        margin-right: auto;
        border-spacing: 10px;
        width: 380px;
       border-collapse: separate;
        border: 10px;
       display: inline-block;
        font-size: 10pt;
        float: center;

}
.statewide_content_1col
{
 font-size: 12pt;
        text-align: center;
        margin-left: 410px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 10px;
        background-color: #415d30;
        width: 300px;
        border-radius: 5px;
        box-shadow: 1px 2px 4px grey;
        border-color: #e19939;
        border: 10px;
	float: center;
	color:white;
}
.statewide_content
{
	font-size: 12pt;
	text-align: center;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 10px;
        background-color: #30415d;
        width: 300px;
        border-radius: 5px;
        box-shadow: 1px 2px 4px grey;
        border-color: #e19939;
        border: 10px;
	float: left;
	color:white;

}
.statewide_content_col1 a:hover;
{
	color: #d3d3d3;
	text-decoration:underline;
}
.statewide_content a 
{
	color: white;
	text-decoration: none;
}
.statewide_content a:hover
{
	color: #d3d3d3;
	text-decoration: underline;
}
#boxcontent3
{

        max-width: 876px;
        float: center;
        margin: auto;
}

#boxcontent3 article
{
        float:left;
        height: auto;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
        margin-bottom: 50px;
        font-size:12px;
}
.statewide_box {
        width: 230px;
        height: 360px;
        margin: 20px 20px;
        text-align: center;
        border: 1px solid black;
        font-size: 10pt;
         
        padding: 20px 0px 0px 0px;
        background-color: #ffffff;
}
.statewide_box img
{
	border: 1px solid #021a40;
	padding: 0px 0px 0 0px;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: auto;
        height:251px; 
	
}
.statewide-text
{	
	padding-top: 5px;
	padding-right:  20px;
	padding-left: 20px;
	background-color: #d8dff3;
	height: 85px;
	-webkit-filter-padding-bottom: 6px;
	-moz-filter-padding-bottom: 0px;
	-ms-filter-padding-bottom: 0px;
}
.about_box {
        width: 230px;
        height: 343px;
        margin: 20px 20px;
        text-align: center;
        border: 1px solid black;
        font-size: 10pt;

        padding: 20px 0px 0px 0px;
        background-color: #ffffff;
}
.about_box img
{
        border: 1px solid #021a40;
        padding: 0px 0px 0 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        height:251px;

}
.about-text
{
        padding-top: 5px;
        padding-right:  20px;
        padding-left: 20px;
        padding-bottom: 2px;
        background-color: #d8dff3;
        height: 66px;
        margin-bottom: 5px;
        -webkit-filter-padding-bottom: 6px;
        -moz-filter-padding-bottom: 0px;
        -ms-filter-padding-bottom: 0px;
}


.survey a
{
	text-decoration: underline;
	color: #00008b;
}
.survey ul
{
	width: 400px;
}
.survey li
{
	margin-left: 150px;
}
.survey table
{
	border: none;
	text-align: left;
	margin-left: 10%;
}
.survey  td
{
        border: none;
        text-align: left;
        margin-left: 10%;
}
.survey th
{
        border: none;
        text-align: left;
        margin-left: 10%;
}
.survey  tr
{
        border: none;
        text-align: left;
        margin-left: 10%;
}




.dataTables 
	{
	margin-left: auto;
	margin-right: auto;	

	width: 690px;
	padding: 30px;
	}
.dataTables table
	{
	border: 2px solid black;
	}
.dataTables tr
	{
	border: 1px solid #a9a9a9;
	margin: 10px;
	}
.dataTables td
	{
	padding: 3px;
	}
.dataTables th
	{
	background-color: #30415d;

	color: white;
	}
.dataTables  li
	{

	background-color: white;
	}
.dataTables a
	{
	color:blue;
	}
.dataTables2
        {
        margin-left: 10px;
        margin-right: 10px;
	margin-bottom: 30px;
	width: auto;
	padding: 0px;
	font-size: 11pt;
        }
.dataTables2 a
	{
	color: #2e5c8a;
 	font-weight: bold;
	}
.dataTables2 a:hover
	{
	text-decoration: underline;
	}
.dataTables2 table
        {
	
        border: 2px solid black;
        }
.dataTables2 tr
        {
        border: 1px solid #a9a9a9;
        margin: 10px;
        }
.dataTables2 td
        {
        text-align: center;
	vertical-align: middle;
	padding: 3px;
        }
.dataTables2 th
        {
        background-color: #30415d;
        color: white;
        }
.dataTables2 ol
	{
	
	width: auto;
	background-color: white;
	}
.dataTables2 li
        {
	
	width: auto;
        background-color: white;
        }

.irr_lands 
	{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	}
.irr_lands ol
	{
	background-color: #e4e4e4;	
	border: none;
	text-align: left;
	padding: 20px;
	font-size: 12pt;
	width: auto;
	font-weight: none;
	}
.irr_lands ol li
	{
	font-weight: none;
	list-style-type: decimal;
	}
.irr_lands h3
	{
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	}
.irr_lands a
	{
	color: #000066;
	font-weight: bold;
	}
.irr_lands a:hover
	{
	color: grey;
	text-decoration: underline;
	}
/*Plan Data Pages*/
.basinplan_holder {
	width:auto;
	margin-left:215px;
	margin-right:215px;
	}
.basinplan_outline2 {
	background-color: white;
	box-shadow: 1px 1px 2px 2px grey;
	margin-bottom: 40px;
	margin-top: 40px;
	text-align: left;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	display: inline-block;
}
.basinplan_outline2 img {
	float: left;
	display: inline;
}
.basinplan_outline2 a {
	color: blue;
	}
.basinplan_outline2 a:hover {
	text-decoration: underline;
	}
.basinplan_outline_sub {
	background-color: white;
}
.basinplan_data2 {
	margin-left: 5px;
	margin-right: 5px;
	font: 8pt;
	box-shadow: 0.5px 2px 4px grey;
	width: 60%;
	border: 10px;
	float: right;	
	background-color: white;
}

.basinplan_data img{
	vertical-align: top;
}
button.accordion {
	background-color: #c0c6ce;
	color: #444;
	cursor: pointer;
	padding: 6px;
	width: 100%;
	text-align: left;
	border: 0px;
	border-color: #000000;
	outline: 0px;
	outline-color: #000000;
	transition: 0.4s;
	font-size: 11pt;
}
.panel .accordion {
	border: none;
}
button.accordion.active, button.accordion:hover{
	background-color: #e9e9e9;
}
button.accordion:after {
	content: '\002B';
	margin-left: 5px;
	float: right;
	color: #f0f8ff;
	font-size: 13px;
}
button.accordion.active:after {
	content: "\2212";
}
div.panel {
	text-align: left;
	padding: 0 14px;
	background-color: white;
	display: none;
	font: 8pt;
	font-size: 10pt;
	border: 1px solid black;
}

div.panel a {
	color: #007acc;
	text-decoration: underline;
}
.panel table{
	font-size: 10pt;
	border: 1px;
	border-color:black;
	padding: 5px;
	min-width: 80px;
	}
.panel  td {
        font-size: 10pt;
	border-color:black;
        padding: 5px;
        min-width: 80px;
        }
.panel tr{
	border:1px;
	border-color: black;
}


.hydromodel table{
	font: 8pt;
	font-style: arial;
	border: 1px;
	border-color: black;
}
.hydromodel tr {
	font: 8pt;
	font-style: arial;
}
.hydromodel td {
	font: 8pt;
}
/*Briefbooks*/
.Group_Roster table{
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
}
.Group_Roster th {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}
.Group_Roster table, th, td {
	border: 1px solid black;
}
/*Meeting Page*/
.agenda
{
	text-align: left;
	margin-left: 22%;
	margin-right: 140px;
	line-height: normal;
	padding-bottom: 100px;
	font-family:"Verdana";
	font-size: 11pt;	
}
.agenda ol
{
	width: 100%;
	font-weight: none;
	list-style-type: decimal;
}
.agenda li
{
	margin: 12px;
}
.agenda a
{
	color: blue;
	text-decoration: underline;
}
.agendaDetails
{
	text-align: center;
}
.agendaDetails a
{
	color: #00008b;
	text-decoration: underline;	
}

.meetingrecords table
{
	font-family:"Arial";
	margin:10px;
	padding:10px;
	font-size: 12pt;
}
.meetingrecords td, th
{
	padding:5px;

}
.reference table
{
	box-shadow: 5px 5px 2px #888888;
	margin: auto;
	float: center;
	text-align: left;
	font-size: 10pt;
	padding: 5px;
}
.reference table a
{
	color: #0000b2;
}
.reference th
{
	font-size: 12pt;
	padding: 7px;
	background-color: #30415d;
	color: white;
}
.reference td
{
	padding: 5px;
	text-align: left;
}
/* About Page */
.boxcontent2
{
        
        max-width: 820px;
 	float: center;
	margin-left: auto;
	margin-right: auto;
}

.boxcontent2 article
{
        float:left;
	width: 370px;
        height: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 10px;
        font-size:14px;
}
.boxcontentNews
{
	margin-top: 20px;
	margin-bottom: 50px;
        max-width: 1032px;
        float: center;
        margin-left: auto;
        margin-right: auto;
}

.boxcontentNews article
{
        float:left;
        height: auto;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 50px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 40px;
        margin-bottom: 10px;
        font-size:14px;
}

.about {
	width: 350px;
	height: 430px;
        margin: auto;
        text-align: center;
	border: 0px;
	font-size: 10pt;
	box-shadow: 2px 2px 2px 2px grey;
	padding: 5px;
	background-color: #ffffff;
	float: center;
}
.about a {
	color: blue;
	}
.about a:hover {
	text-decoration:underline;
	}
.about img
{
	margin-bottom: 0px;
	margin-top: 5px;
	padding: 5px;
	margin-right: 30px;
	margin-left: 30px;	
}
.about ol {
	background-color: white;
}
.about ol, li
{
	border: none;
	font-weight: normal;
	line-height: 170%;
	font-size: 10pt;
	font: arial;
	text-align: left;
}

.news {
        width: 300px;
        height: 400px;
       
        text-align: center;
        border: 0px;
        font-size: 10pt;
        box-shadow: 2px 2px 2px 2px grey;
        padding: 2px;
        background-color: #ffffff;
        float: center;
}
.news img
{
        margin-bottom: 0px;
        margin-top: 5px;
        padding: 5px;
        margin-right: 30px;
        margin-left: 30px;
}
.news ol {
        background-color: white;
}
.boxcontentAbout
{

        max-width: 870px;
        float: center;
        margin-left: auto;
        margin-right: auto;
}

.boxcontentAbout article
{
        float:left;
        width: 250px;
        height: auto;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size:14px;
}


.boxcontent_historical
{
        max-width:850px;
        float: center;
        margin-left: auto;
        margin-right: auto;
}
.boxcontent_historical article
{
        float:left;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        margin-bottom:0px;
        font-size:14px;
}

.library {
        max-width: 880px;
        height: auto;
        text-align: center;
        border: 0px;
	font-size: 10pt;
        box-shadow: 2px 2px 2px 2px grey;
        margin-bottom: 10px;
	padding: 6px;
        background-color: white;
        float: center;
}
#info {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 30px;
	font-family: 'Arial';
	font-size: 12pt;
	width:650px;
	//margin: 40px;
}
#info h1 {
	float: center;
	font-weight: bold;
	font-size: 20px;
}
.infoPage img
{
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	width: 300px;
}
.infoPage
{
	font-size: 11pt;

	float: center;
	//margin-left: 20%;
	margin-bottom: 120px;
	text-align: right;
}
.infoPageText
{
	width: 872;
	margin-left: auto;
	margin-right: auto;
	float: middle;
}
.infoPageText ol
{
	width: auto;
}
.facts p
{
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 2%;
}
.facts a 
{
	color:#0000b2;
	font-weight:bold;
	text-decoration: underline;
}
.facts a:hover
{
	color: darkblue;
	text-decoration:underline;
}
.factsData
{
	width: 1500px;
	float: center;
	padding: 5px;	
	margin-left: auto;
	margin-right: auto;
}
 .factsImages
{
	padding-bottom: 5px;
	margin-right: 15%;			
	float: right;
}
.factsImages img
{
	text-align: center;
	padding: 5px;
	float: middle;
}
.factsTable
{
	margin-left: 15%;
}
.factsTable table
{
	
	margin-bottom: 20px;
	box-shadow: 2px 2px;
	float: left;
	background-color: white;
}	
.factsTable th
{
	background-color: #30415d;
	color: white;
}
.history
	{
		font-size: 10pt;
		margin-left: 20%;
		margin-right: 20%;
	}
.history a 
	{
		color: blue;
		text-decoration: underline;
	}
.history h2
	{
		font-size: 14pt;
		font-weight: bold;
	}
.history h3
	{
		font-size: 12pt;
		font-weight: bold;
	}
/*contact page*/
.contact
{
	-moz-column-width: 300px;	
	column-width: 300px;
       -moz-column-count: 3;
  	-webkit-column-count: 3;
  	column-count: 3; 

}
.contact_item
{
margin-top: 10px;	
}
.contact_form
	{
		width:900px;
	}		
.contact_form form 
	{
		width: 60%;
		margin-left: 20%;
		margin-top: 60px;
		margin-right: auto;
		margin-right: auto;
		text-align: left;
		float:center;
	}
/* Added by RH for plan pages */
.column3 {
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        width: auto;
       border-collapse: separate;
	border: 10px; 
       display: inline-block;
	font-size: 10pt;
	float: center;
}
.column1 {
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        width: auto;
       border-collapse: separate;
        border: 10px;
       display: inline-block;
        font-size: 10pt;
        float: center;
}

.Plan_1 {
	text-align: center;
        margin-left: 30px;
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
        padding: 10px;
        background-color: white;
        width: 300px;
	border-radius: 5px;
	box-shadow: 1px 2px 4px grey;
        border-color: #e19939;
	border: 10px;
	float: left;	
}
.Plan_1 a{
	font-weight: bold;
	color: black;
}
.Plan_1 a:hover{
	color:black;	

}
.Plan_2 {
     background-color: #003c00;
	   text-align: center;
        margin-left: 50px;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 8px;
        width: 150px;
        border-radius: 30%;
        box-shadow: 1px 2px 4px grey;
        border-color: #e19939;
        border: 10px;
        float: left;
}
.Plan_2 a{
        font-weight: bold;
        color: white;
}
.Plan_2 a:hover{
        color: grey;

}
.basinplan_outline {
	float: center;
	height: auto;
	position: relative;
	background-color: white;
	box-shadow: 1px 1px 2px 2px grey;
	padding: 30px;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
}
.boxcontent_2
{
        width:auto;
        max-width:900px;
        margin-left: auto;
	margin-right: auto;
	padding:20px 0 25px 0;
}

.boxcontent_2 article
{
        float:left;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        font-size:14px;
}

.boxcontent_2 article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:45px;
        margin-bottom:10px;
	margin-top: 10px; 
       margin-left:75px;
}
.boxcontent_3
{
        width:auto;
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding:20px 0 25px 0;
	text-align: left;
}
.boxcontent_3
{
	text-align: left;
}
.boxcontent_3 article
{
        float:left;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        font-size:14px;
}

.boxcontent_3 article h3
{
        font-size:45px;
        margin-bottom:10px;
        margin-top: 10px;
       margin-left:75px;
}
.boxcontent_3 p a 
{
	font-weight: bold;
	color: #2e5c8a;
}
.boxcontent_3 a
{
	font-weight: bold;
	color: #2e5c8a;
}
.boxcontent_3 a:hover
{
	color: darkblue;
	text-decoration: underline;
}
.boxcontent_3 h3
{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}


#currentprojects
{
	width:auto;
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding:20px 10px 20px 10px;
        text-align: left;
}	
#currentprojects h2
{
	text-align: center;
	font-size: 20pt;
	font-weight: None;
	text-decoration: underline;
	font-family: arial;
}	
#currentprojects h3
{
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
}
.currentprojects_prj a
{
	
	color: #0000b2;
}
.currentprojects_prj a:hover
{
	text-decoration: underline;
}
.currentprojects_prj p
{
	font-family: arial;
	overflow:hidden;
	margin-left:120px;
	display:block;	
}
.currentprojects_img
{
	float: left;
	top: 10px;
}
.currentprojects_prj img
{
	display:inline-block;
	margin-right: 10px;
	vertical-align:middle;
}

.boxcontent_shin
{
        width:auto;
        max-width:1300px;
        margin-left: auto;
        margin-right: auto;
        padding:20px 0 25px 0;
        text-align: left;
}

.boxcontent_plan
{
        width:auto;
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding:20px 0 25px 0;
        text-align: left;
}
.boxcontent_plan article
{
        float:left;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        font-size:14px;
}

.boxcontent_plan article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:45px;
        margin-bottom:10px;
        margin-top: 10px;
       margin-left:75px;
}
.boxcontent_plan .Plan_2 a
{
        font-weight: bold;
        color: white;
}
.boxcontent_plan p a
{
	color:#30415d;
	font-weight: bold;
}
.boxcontent_plan a 
{
}
.boxcontent_plan a:hover
{
        color: #323232;
        text-decoration: underline;
}
.boxcontent_plan h3
{
        text-align: center;
        font-weight: bold;
        font-size: 20px;
}




.boxcontent_agenda
{
        width:auto;
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding:20px 0 25px 0;
        text-align: left;
}
.boxcontent_agenda
{
        text-align: left;
}
.boxcontent_agenda article
{
        float:left;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        font-size:14px;
}

.boxcontent_agenda article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:45px;
        margin-bottom:10px;
        margin-top: 10px;
       margin-left:75px;
}
.boxcontent_agenda a
{
        color:#2e5c8a;
        font-weight: bold;
}
.boxcontent_agenda p a
{
        color: #2e5c8a;
        font-weight: bold;
}
.boxcontent_agenda a:hover
{
        color: darkblue;
        text-decoration: underline;
}

}

/* TWO COLUMNS */


#text_columns .column2
{
        margin: 120px 0;
}

.row
{
        position:relative;
        margin: 40px 0 0 50px;
        float:right;
        width:350px;
}

.row img
{
        float:left;
}

.row p
{
        margin-left: 100px;
}

.rocket, .clock
{
        top:0;
        left:0;
        position:absolute;
        height: 80px;
}

.rocket:hover
{
        opacity:0;
        transition: opacity 0.4s ease 0.2s;
        animation-name: stylie-transform-keyframes;
        animation-duration: 700ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        transform-origin: 0 0;
}

.clock:hover
{
        animation-name: stylie-transform2-keyframes;
        animation-duration: 100ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform-origin: 0 0;
}



/* FOOTER */

footer
{
        text-align: center; 
        clear:both;
        width:auto;
        height:50px;
	padding-top: 10px;
        background:#30415d;
	
}
.footer_length
{
	font-size: 10pt;
	margin: auto;
	vertical-align: middle;
	padding-top: 10px;
	width: auto;
	font-style: Times New Roman;
	color: white;
	text-align: center;
}
.footer_length a:hover
{
	color: grey;
}
footer .wrapper
{
        line-height:35px;
        margin: auto;
	vertical-align: middle; 
        text-align: center;
	padding-top: 10px;
        width:auto;
        max-width:900px;
        font-size:14px;
	font-style: Times New Roman;
}

footer .wrapper .column
{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:280px;
        margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:3px solid #444444;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}
footer .footer_text
{	font-size: 15px;
	color: white;
	vertical-align: middle;
	font-family: Times New Roman;
}
footer .footer_text a:hover
{
	color: #c1c1c1;
}
#copyright
{
        background: #1D1D1D;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        padding-top:25px;
        color: #5e5e5e;
        font-size:14px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}


/* SKIPLINK */
.go-top
{
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover
{
        background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #d6d0c1 solid;
}
#slides
{
        display: none
}

/* Center the slideshow */
.container
{
        width:auto; 
       margin: 0 auto;
        position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:#333377;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
{
        display:none;
        color:#000;
}


/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1550px)
{
	.infoPage
	{
		margin-bottom: 0px;
	}
}
@media (max-width: 1450px)
{
	.factsData
	{
		width: auto;
		margin: auto;	
}
	.factsImages
	{
		margin-right: 8%;
	}
	.factsTable
	{
		margin-left: 12%;
	}
	
}

@media (max-width: 1280px)
	{
	.header_button
	{
		width: 450px;
	}
	#spacer .dropdown_title
	{
		padding: 2px 20px 2px 20px;
	}
}


@media (max-width: 1220px)
{
}
@media (max-width: 1217px)
{
        #slider_content1, #slider_content2, #slider_content3
        {
                width:auto;
                margin-right:0px;
        }
        #slider_content1 h2, #slider_content2 h2, #slider_content3 h2
        {
                font-size:18px;
        }
        #slider_content1 p, #slider_content2 p, #slider_content3 p
        {
                font-size:14px;
        }
        #slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
        {
                display:inline;
        }
        .container .button
        {
                display:none;
        }
}
	#boxcontent article;
	{	
		margin-left: auto;
		margin-right: auto;	
		
	}
	#spacer
	{
		font-size: 15px;
	}
	.basinplan_outline2
	{
	}
	.basinplan_outline
	{
	
	}
	 

@media (max-width: 1280px)
{
	#spacer .header_button
        {
        
        width: 900px;
        }
	.factsImages
        {
                margin-right: 3%;
        }
        .factsTable
        {
                margin-left: 5%;
        }

}
@media (max-width: 1200px)
{
	#spacer
	{
	
	font-size: 12px;
	line-height: 30px;
	}
	#spacer .header_button 
	{
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 5%;
	
	}
	#header_logo h1
	{
	}
	#boxcontent_2
	{
	max-width: 1000px;
	}
	.boxcontent_2 h3
	{
	float: bottom;
	margin-top: 100px;
	position: relative;
	}

	.boxcontent_3
	{
	margin-left: 5%;
	margin-right:5%;
	}
	.basinplan_outline
	{
	margin-left: 50px;
	margin-right: 50px;
	float: center;
	text-align: center;
	}
	.basinplan_holder {
        width:auto;
        margin-left:200px;
        margin-right:200px;
        }

	.column3
	{
	}
	.Plan_1
	{
	width: 200px;
	height: 90px;
	}
	.basinplan_data2
	{
	float: center;
	width: 90%;
	padding: 5px;
	margin-top: 5px;

	}	
	.basinplan_outline2 img
	{
	margin-left: 25%;
	margin-right: auto;
	display:none;	
float: middle;
		
}
	#WaterPlanProducts
	{
	width: 370px;
	}
	.statewide
	{
	width:320px;
	}
	.statewide_content_1col
	{
	margin-left: 30px;
	margin-right: 10px;
	}
	#boxcontent3
	{
	width: 584px;
	}
		
}
@media (max-width: 1105px)
{
	#spacer
	{
	height: auto;
	}
	#spacer .header_button
	{
	width: auto;
	}
	#spacer .header_button
        {
                padding: 2px 5px 2px 15px;
        }
	#boxcontent
	{
		float: center;
		max-width: 580px;
	}
	.basins
	{
	width: 250px;
	margin: auto;
	}
	.basins img
	{
	width: 250px;
	float: center;
	}
	.basins .basins_list
	{
	margin-left: auto;
	margin-right: auto;
	float: center;
	margin-top: 20px;
	}
	.contact
	{
	text-align:center;
	width:290px;
	margin:auto;
	
	column-count: 1;	
	}
	.contact_item
	{
	margin-bottom: 50px;
	
	}
	.gis_index {
	width: 700px;
	}
	.gis_index td {
	width:auto;
	}
	.factsTable
	{
		float: none;
	}
	.factsImages
	{
		margin-right: 25%;
		margin-left: 30%;
		float: none;
	}
	.factsTable table
	{
		margin-left: 20%;
		margin-right: 20%;
	}

	.gis_row
	{

	width: 360px;
	}
	.gis_consultants
	{

	width: 90%;

	}
	.gis_templates 
	{
	margin-left: 5%;
	margin-right: 5%;
	width: auto;
	}
	.contact_form form
	{
	margin-left: 5%;
	}	
}
@media (max-width:990px)
{
	.Plan_1
	{
	width: 300px;
	float: center;
}
	.Plan_2
	{
                margin-left: 90px;
	}	
	.column3
	{
	width: 330px;
	}
	.factsData
	{
		margin: 0px;
		padding: 0px;
	}
	.factsTable
	{
		margin-left: auto;
		margin-right: auto;
	}
	.basins_list
	{
		width: 250px;
	}
	.basins
	{
		width: 250px;
	}
	.basins img
	{
		width: 250px;
	}

}
@media (max-width: 915px)
{
        #boxcontent article
        {
                float: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	
        }
	#boxcontent
	{
		margin-left: auto;
		margin-right: auto;
		float: center;
		max-width: 580px;
	}
        .column3
	{
	}
	.Plan_1
	{
		width: 300px;
		float:center;
	}
	.WyWu
	{
		width: 200px;
		float: center;
		margin-left: 0px;
		padding-left: 0px;
	}	
	.Plan_2
	{
		padding-left: 0px;
		margin-left: 90px;

	}

	header nav
        {
                display:none;
        }
        header h1
        {
                font-size:40px;
        }
        header p
        {
                margin-left: 60px;
                font-size:14px;
        }
        
	header
        {
            margin-top: 50px;
            text-align: left;
            height: 40px;
	    margin-bottom: 40px;
        }
.container
        {
                height:1px;
                top: -1500px;
        }

	 #spacer
        {
                display: none;
               height: 200%;
                padding-bottom:35px;
        }


	#mobileMenu
        {
                display: block;
                z-index: 99;
        }
        .toggleMobile
        {
                position: fixed;
                top: 10px;
                left: 10px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 8px;
                left: 0;
                background: #EDA28C;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }


	 input
        {
                padding:4px;
                font-size:14px;
        }
        input[type="submit"]
        {
                padding: 1px 14px;
        }
	#WaterPlanProducts
        {
        margin-top: 55px;
        }
       #four_columns
        {
                width: 500px;
        }
        #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4)
        {
        	margin-bottom: 25px;
	       margin-top: 25px;
        }
        .column2 .row
        {
                float:none;
                margin: 0 0  40px 50px;
        }
	#header_logo h1
	{
	}		
	.infoPage
	{
		margin-bottom: 100px;
	}
       footer .wrapper .column
        {
                font-size: 12px;
                width: 230px;
        }
       .factsImages
	{
		margin-left: 25%;
	}
	.factsData
		{
		margin: 0px;
	}
	#boxcontent3
	{
		width: 300px;
	}
	#boxcontent3 article
	{
		margin-bottom: 0px;
	} 
	.boxcontent2
	{
		width: 370px;
	}
	
	.boxcontentNews
        {
                width: 370px;
        }

	.basinplan_holder {
        width:auto;
        margin-left:150px;
        margin-right:150px;
        }

	.boxcontentTable
	{
	float: center;
	margin-left: auto;
	margin-right: auto;	
	width: 500px;
}
	
}
@media (max-width: 787px)
{

	.boxcontent_3 
	{
	margin-top: 50px;
	}
	.dataTables2 ol
        {
        font-size: 8pt;
        }
        .dataTables2 li
        {
        font-size: 8pt;
        }
	#currentprojects h3
	{
        padding-bottom:20px;
	}
	#header_logo h1
	{
	margin-left:-55px;
	font-size: 20pt;
	}
}

@media (max-width: 765px)
{
	.reference

	{
		margin-left: 5%;
		margin-right: 5%;
	}
	.survey li
{
        margin-left: 50px;
} 
      footer
        {
                padding-bottom:70px;
                height: auto;
        }
        footer .wrapper
        {
                width: 350px;
                margin: 0 auto;
        }
        footer .wrapper .column
        {
                margin-top:30px;
                float:none;
                font-size: 14px;
                width: auto;
        }
        footer .wrapper .social
        {
                display:none;
        }
	.basins
	{
		width: 250px;
		margin-left: auto;
		margin-right: auto;	
		margin-bottom: 100px;
	}
	.basins img
	{
	display: none;
	}
	.factsImages

	{	
		margin-left: 18%;
	}
	.dataTables
	{
		width: 500px;
	}
	.dataTables2 table
	{
	margin: 5px;	
	font-size: 8pt;	
	}
	.dataTables2 td
	{
		padding: 2px;
	}
	.gis_index {
	width: 600px;
	margin-top: 100px;
		
}
	
}

@media (max-width: 650px)
{
        header
        {
            margin-top: 50px;
            text-align: center;
            height: 40px;
	}        
	#header_logo h3
	{	
		width: 20%;
		float: left;
		padding-top: 40px;
	}
	#header_logo img
	{
		width: 60%
	}
	#header_logo p
	{
		padding-top: 30px;
		font-size: 8pt;
	}
	#header_logo h1
	{	
		position: absolute;
		margin-right: 20px;	
		margin-top: 14px;
		margin-left: auto;
		float: bottom;
		font-size: 14pt;
	}
	#header_logo  .small
	{
		display: block;
	}
	#header_logo .large
	{
		display: none;
	}
	.column3
	{
		margin-left: 0px;	
		width:280px;
	}
	#four_columns
        {
                width:auto;
        }
        #four_columns .img-item
        {
                width: 200px;
                float:none;
                margin: 25px auto 0 auto;
        }
        #four_columns h2
        {
                margin: 0 30px;
        }
        .column2 .row
        {
                margin: 0 0 40px 10px;
                width:auto;
        }
        footer .wrapper
        {
                width:auto;
        }
        footer .wrapper .column
        {
                margin: 0 auto 15px auto;
                max-width:300px;
        }
        input
        {
                width:auto;
        }
        #boxcontent article
	{
		
		margin-bottom: 10px;
		margin-top: 10px;
		padding: auto;	
	}
	#boxcontent
	{
		margin-top: 90px;
		width: 270px;
	}
	.basinplan_holder {
        width:auto;
        margin-left:30px;
        margin-right:30px;
        }

        header nav
        {
                display:none;
        }
        header h1
        {
                font-size:40px;
        }
        header p
        {
                margin-left: 60px;
                font-size:14px;
        }
	
	.agenda
	{
		margin-right: 2%;
		margin-left: 15%;
	}
	.meetingrecords
	{
		margin-left: auto;
		margin-right: auto;
		width: auto;
		
	}
	.meetingrecords table
	{
		font-size: 8pt;
	}
	
	.Plan_1 
	{
		width: 200px;
	}
	.Plan_2
	{
		margin-left:60px;
	}
	.basinplan_outline
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	#basinplan_media
	{
		width: 320px;
	}
	.basinplan_outline2 img
	{
		display:none;
	}
	.boxcontent_3 h3
	{
		margin-top: 50px;

	}
	.boxcontent_3
	{
		margin-top: 30px;
	}
	.boxcontent_plan h3
	{
		margin-top: 50px;
	}
	.about
	{
		margin: 0;
		width: 310px;
		float: center;
	}
	.news
        {
                margin: 0;
                width: 310px;
                float: center;
        }
	.infoPage img
	{
		display: none;
	}
	.infoPage
	{
		margin-bottom: 10px;
		text-align: left;
	}
	.facts
	{
		margin-top: 55px;
	}
	.factsImages
	{
		margin-right: auto;
		margin-left: 12%;
	}
	.factsTable table
	{
		margin-right: 2%;
		margin-left: 2%;
	}
	.factsImages img
	{
		width: 70%;
	}
	.gis_page
	{
	margin-top: 55px;
	}
	.gis_templates
	{
	font-size: 10pt;
	}
	.gis
	{
	width: 260px;
	}	
	.gis_index {
	width: 400px;
	font-size: 9pt;	
	margin-left: 20px;
	margin-right: 10px;
}
	.gis_index table {
	width: 400px;
	}
	.dataTables
	{
	margin-top: 20px;
	width: auto;	
}
	.dataTables2 
	{
		margin-top: 50px;
	}
	.dataTables2 tr
	{
	margin: 2px;
	}	
	.dataTables2 ol
	{
	font-size: 8pt;
	}
	.dataTables2 li
	{
	font-size: 8pt;
	}
	.iframe_pdf
	{
	 margin-left: -18%;
	margin-right: auto;
	}
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}