@charset "utf-8";
.gishydro {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0px 0px 30px 0px;
	font-size:16px;
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}

p {
	margin:0px 0px 20px 0px;
	font:1em Arial, Helvetica, sans-serif;
	line-height: 2.1em;
}

/* headers ***********************************************************/
.headerbg {
	background-image: url(images/headerBG.jpg);
	height: 340px;
	width: 100%;

}

.headerwrapper {
	max-width: 1215px;
	margin-top: 0px;
	margin:0px auto 0px auto;

}
.logoBG {
	float: right;
	height: 340px;
	width: 512px;
	float: right;
	background-image: url(images/logobg.png);
	background-repeat: repeat;
	position:relative;

}
.logoBG img {
	float: right;
	height: 156px;
	width: 250px;
}
.nav {
	background-color: #95b07e;
	height: 170px;
	width: 256px;
	text-align: right;
	position:absolute;
	bottom:0px;
}

.nav a {
	font:normal .75em "Times New Roman", Times, serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding:4px 15px 4px 0px;
}

.nav a:nth-child(1) {
	margin-top:15px;
}

.nav a:hover{
	color: #5c4419;
}


/* body ***********************************************************/

.bodywrapper {
	max-width: 1200px;
	margin:0px auto 0px auto;
	position: relative;
	padding-left: 15px;
}
.bodywrapper .bodywrapper a img {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


h1 {
	font:normal 1.625em "Times New Roman", Times, serif;
	color: #80986b;
	margin-bottom: 5px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: ##695635;
}

.bodycontent {
	max-width: 700px;
}

.bodycontent p {
	margin:0px 0px 20px 0px;
	font:1em Arial, Helvetica, sans-serif;
	line-height: 2.1em;
}

.bodycontentwide {
	max-width: 1215px
	margin:20px 0px 0px 0px;
}

.bodycontentwide p{
	max-width: 1215px
	margin:0px 0px 20px 0px;
	font:1em Arial, Helvetica, sans-serif;
	line-height: 2.1em;
}

.imagecenter p {
	margin:0px 0px 20px 0px;
	line-height: 2.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.imagecenter {
	margin: 0px auto 0px auto;
	text-align: center;
	text-decoration: none;
	}

.smallfont {
	font-size: 12px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
#folioPicContainerLEFT {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.centerBOX {
	padding: 10px;
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	float: none;
}

#folioPicContainer {
	text-align:center;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.foliopic {
	width:195px;
	display:inline-block;
	position: relative;
	padding: 10px;
	border: 1px solid #999;
	margin: 2px 6px 2px 6px;
	text-align: center;
	margin-bottom:10px;
}
.foliopic a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #03F;
	text-decoration: none;
}
.foliopic a:hover {
		color: #09f;
}
.foliopic a img:hover {
	opacity:.5;
}
.makegreen {
	color: #76923C;
}
.makeblue {
	color: #5487c8;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.makered {
	line-height: 14px;
	color: #e12b1f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.photoright {
	float:right;
	margin-left:40px;
	padding-left: 5px;
}
.photorighttopmargin {
	float:right;
	margin-left:40px;
	padding-left: 5px;
}



/* footer ***********************************************************/

#footer {
	background-color: #869593;
	height: 70px;
	width: 100%;
	font:normal 1em "Times New Roman", Times, serif;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;

}


#form1 p {
	margin-bottom:15px;
}

#form1 img {
	margin-bottom:15px;
}

label {
	font:1em Arial, Helvetica, sans-serif;
	display:inline-block;
	width:85px;
}
input[type=text], textarea{
	width:300px;
}


input[type=submit] {

}

input[type:reset]{ 

}

.tabletile {
	display:table;
	width:100%;
	
	
}
.tabletile div{
	display:table-cell;
	width:50%;
	padding:0px 18px 10px 18px;
	text-align:center;
	box-sizing: border-box;
}

.tabletile img {
	width:100%;
	max-width:500px;
	height:auto;


}

/* =================================================================================================================== */
/* =================================================================================================================== */
/* =================================================================================================================== */
/* =================================================================================================================== */
/* smaller screen stuff ============================================================================================== */

@media only screen and (max-width: 960px) {

	.photoright {
		float:none;
		margin:0px;
		display:block;
		text-align:center;
	}

}

/* MOBILE stuff ============================================================================================== */
@media only screen and (max-width: 560px) {
	.logoBG {
		float: none;
		width: 100%;
		background-image: url(images/logobg.png);
		background-repeat: repeat;
		position:relative;
		height:auto;
	}
	.logoBG img {
		float:none;
		display:block;
		margin:0px auto 0px auto;
		background:white;
	}

	.nav {
		height: auto;
		width: 100%;
		text-align: center;
		position:relative;
		bottom:0px;
	}
	.nav a {
		font:normal 1em "Times New Roman", Times, serif;
		display: block;
		padding:1px 15px 1px 0px !important;
	}

	.photoright img{
		width:95%;
		height:auto;
		margin-bottom:20px;
	}

	h1 {
		text-align:center;
	}

	.bodycontent p {
		line-height: 1.5em;
	}

	#footer {
		position:relative;
		font-size:.7em;
	}

	.tabletile {
		display:block;
	}

	.tabletile div{
		display:block;
		padding:10px 0px 10px 0px;
		width:100%;
	
	}
}
.orangebold {
	font-weight: bold;
	color: #cd6e35;
}
.bluebold {
	font-weight: bold;
	color: #3559cd;
}

.my-iframe {
	height: 315px;
	width: 560px;
}