@charset "utf-8";
/* CSS Document */

body {font-family:'Palanquin', Verdana, Geneva, sans-serif;
	line-height: 115%;
	color: #666;
	width: 100%;
	margin:0 0 -25px 0;
	background-color: #ddd;}
	
.boxes {background-color: rgba(249, 249, 249); }

.emph-blue {font-size: 114%; color: #4c5eaa; font-weight: bold;}

.navboth {margin-top: 0px;}
.navboth button {margin-bottom: 0;}
.header {height: 82px;}

.bannerpic {width: 100%; }
.bannerpic-wide {display: none;}

.bannerimagetext {text-align: center; color: antiquewhite; 
	margin-top: calc(-18vw - 12px); font-size: calc(4vw + 12px); 
	text-shadow: 2px 2px 5px #333;}

a {border: none; font-style: italic; font-weight: bold; color: rgba(0,102,51,1);} 

.drop_down-content, .dropdown-menu {background-color: rgba(200, 200, 200);}

.header {background-color: rgba(255, 255, 255, 0.88); }

.logo1 {margin: -10px 4% -13px 2%;    max-height: 67px;} 

p, li {font-size: 105%; line-height: 21px;}

h1 {font-weight: bold; line-height: 150%; font-family: Verdana, Geneva, sans-serif;}

h1 span {font-style:italic; font-weight: normal; }

h2, h3, h4 {margin-bottom: 0; padding-bottom: 0; font-size: 130%; font-weight:bold; line-height: 90%;}

h5, h6 {font-size: 130%; }

.colorgreen {color: #4D7235;}

.h1pgtitle {padding-top: 15px; margin-left: -25px;}
.h1subhead {font-size: 155%; margin: 19px 0 -4px -13px; font-family:'Palanquin', Verdana, Geneva, sans-serif; 
	font-weight: bold; text-transform:uppercase; color: #108341;}
.h1subhead a {font-weight: normal;}
.subhead {font-size: larger; font-weight: bold; }
.subhead a {color: black; }
h1.larger2  {margin-top: 46px;}


blockquote {font-size: 95%;}

blockquote span {font-size: 90%;}

.maroon {color: maroon;}

.news p {margin-left: 15px;}
.news a {font-style: normal;}

.indent12 {padding-left: 25px;}

.maincontent p {font-size:110%; }
	
img, embed, object, video {max-width: 100%;}

.nivoshowdiv {float: right; margin: 65px 10px -10px 25px; }

.theme-default .nivo-controlNav {
	text-align: center;
	padding-top: 0;  margin-top: 0;}

.nivo-caption {font-size: 150%; text-align:center; color: #555; opacity: 80; padding-top: 15px;}

.boxes {padding: 15px 2% 15px 2%; display: flex; justify-content: center; flex-wrap: wrap;}

.boxes h2 {color: #538135; background: rgba(253, 248, 235); border: #538135 2px solid; 
	border-radius: 2px; padding: 8px; text-align: center; font-size: 150%; 
	font-weight: bold; margin: 5px; font-family:'Literata'; }

.smallboxes h2 {font-size: 120%;}

.sidebyside, .sidebyside2 {padding: 8px; margin: 0 auto 10px auto; border: solid black 2px; 
	border-radius: 5px; box-shadow: 3px 3px #aaa; align-items: stretch;  padding-bottom: 7px; }

.sidebyside {max-width: 516px; min-width: 120px; }

.sidebyside2 {max-width: 700px; min-width: 95%; margin-bottom: 15px;}

.sidebyside p, .sidebyside2 p {padding-top: 0px; margin: 5px; }

.sidebyside h2 a {font-style: normal;}

.imgsmall {
    max-width: 220px;
    float: left;
    text-align: center;
    font-size: smaller;
    margin-left: 0px;
    margin-right: 21px;}
	
.imgsmall img {
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
    margin-bottom: 4px;
}

.project {clear: both;}

.project h2 {clear: both; padding-top: 20px; font-weight: bold; font-size: 140%; 
	line-height: 110%; font-family:'Palanquin', Verdana, Geneva, sans-serif;}

.larger2 {font-size: 160%; }

.larger22 {font-weight: bold; font-family: Verdana, Geneva, sans-serif;; 
	padding:1px 0 0 12px; color: #4d7235; font-size: 17px; z-index:100; float: left;}

.larger {font-size: 130%;}

ol li {padding-left: 9px;}

li {padding-bottom: 4px;}

.notopmargin {margin-top: 0;}

.nobotmargin {margin-bottom: 0;}

.bannertop {width: 100%;
    margin: 0px auto 5px auto;}

.container {width: 100%; padding: 0; margin-top: -127px; background-color: rgba(249, 249, 249);}

.wrapper {width: 100%;
	margin: 0px auto 25px auto;	}
	
.inner-container {width: 80%;
	margin: 0 auto 0 auto; max-width: 1000px;}	
	
.column1 {max-width:750px; margin: 0 auto 0 auto;}
/**********************/
.collapsible {
  background-color: transparent;
  color: black;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  line-height:100%; padding: 2px; 
  margin: 2px 0 2px 0;}

.active, .collapsible:hover {background-color: transparent;
  color: red;}

.collapsContent {padding-left: 18px;
  display: none;
  overflow: hidden;}
  
 /*****************************/ 

.drop_btn {color: #aca;
  background: none;
  padding: 0;
  padding-bottom: 3px;
  margin:  0 0px 4px 0px;
  font-size: 17px;
  line-height: 110%;
  border: none;
   text-align:center;}

.drop_down {position: relative;
  display: inline-block;
  float: left;
  margin: 10px;
  padding-top: 17px;
  text-align:center;
  text-transform: capitalize}

.drop_down-content {display: none;
  margin-top: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: absolute;
  min-width: 150px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);; 
  border: 1px solid #111;
  border-radius: 5px;
  z-index: 2;}

.drop_down-content a {color: black;
  padding: 5px;
  text-decoration: none;
  display: block;
  line-height: 95%;
  text-align: left;}

.drop_down-content a:hover {background: none; color: red;}

.drop_down:hover .drop_down-content {display: block;}

.drop_down:hover .drop_btn {background: none;}
/****************************************************** above hover, below hamburger*/
	
.dropdown-menu {display: none; padding: 0 15px 0 15px; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); 
	border: 1px solid #111; position:absolute; z-index:100; right:5%; font-size: 95%; width: 145px; border-radius: 4px;}

.show {display:block;}

.dropdown-menu p {list-style:none; line-height:100%; padding: 2px; margin: 5px 0 5px 0;}

.dropdown-menu .collapsible {margin: 5px 0 5px 0;}
	
.dropdown-menu a{color: black; font-size: 95%; font-style:normal; text-decoration: none;
	font-weight: normal; position:relative; padding: 2px 0 2px 0; margin: 2px 0 2px 0;}
	
.btn-default.active,.btn-default:active,.dropdown-toggle.btn-default{background-color:transparent;border-color:#adadad;}

.btn-default.hover,.btn-default:hover,.dropdown-toggle.hover{background-color: #aba; border-color:#adadad;}

#topnav {display:none;}

.floatleft {float: left;}

.topandheader {}
.topheaderpix {max-width: 100%; margin: 0 }

.bannerimg,.bannerimgcond {width: 100%; max-width:100%; margin-top:32px; }
.bannerimg {display: none;}
.bannerimg .bannerimgcond {width: 100%;}
.bannerimgcond {display: block;}

.floatlftimg {float:left; background-color: white; padding: 2px; border: solid black 1px;}

.floatrtimg {float:right; background-color: white; padding: 2px; border: solid black 1px;}

.imgrightborder {max-width: 100%; float:right; border: 1px solid #22a; padding: 2px; margin:15px 10px 15px 15px;}

.imgrightnoborder {max-width: 100%; float:right; margin:15px -40px 15px 15px;}

.imgleftborder {max-width: 100%; float:left; border: 1px solid #22a; padding: 2px; margin: 10px 18px 10px 0px;}

.imgleftnoborder {max-width: 100%; float:left; padding: 2px; margin: 10px 18px 10px 0px;}

.floatright {float:right;}

.header {z-index:100; position:fixed; top: 0px; right: 0;	margin-bottom: 12px; width: 100%; 
	padding-bottom: 7px;
	padding-top:13px;
	line-height: 80%;	
	height: 41px;}
	
.header h1 {margin-top: 4px; margin-bottom: 2px;}
	

.clearboth {clear: both;}

.maincontent {clear:both; }

button:focus {
    outline: red;}

#topnav {float:right; padding-top: 0px; font-size: 90%; margin-top: -11px; margin-bottom: 8px;}
	
.dropdown {float: right; margin-right:8%;	margin-bottom: 0px; padding-top: 12px;}

a[href^="tel:"] {font-weight: normal;}

.navdivtop a, .navdivbottom a {
	font-style:normal;
	font-weight: 500;
	font-family: 'Roboto', Verdana, Geneva, sans-serif;}

.navdivtop a {color: #888; opacity: 1; text-decoration: none;}

a:hover {color: #C00 }

a:active, a:focus {color: #830f87; outline-style: none; }

#bottomnav {clear: both; padding-top:15px; border-top: solid 1px #4d7235;  
	text-align: center; font-size: 95%;  margin-top: 20px;}

.smaller {font-size: 50%; }

.smaller2 {font-size: 80%; }

.wrapword {word-wrap:break-word}

.revealdiv {margin-left: 25px; padding: 2px 15px 5px 15px; background-color: #EEE; opacity: .90; }

.revealdiv img {display: block; margin: 0 auto 0 auto;}


.logopix img {float:left;}
.logopix p {}
.logopix {text-align:center;}

.showlessmore {font-size: 115%; font-style:italic;}

.showlessmore2 {font-size: 115%; font-style:italic; margin-left:20%; }

.copyr {font-size:95%; margin: 15px; border-top: 1px #888 solid; background-color:#ddd}

.copyr p {line-height: 110%; margin: 10px; text-align: center;}

.copyr a {font-weight: normal;}

.borderimg {padding: 5px; border: solid 1px #830f87; margin: 20px 0 20px 0; max-width: 100%;}

.nivo-caption { font-size: 125%;}

.mapdiv {margin: 0 auto 0 auto; max-width: 500px;}

.google-maps {clear:both;
	margin: 20px auto -8px auto;
	position: relative;
	padding-bottom: 95%; /* This is the aspect ratio*/
	/*height: 0; */ 
	overflow: hidden;
	max-width: 90%;
	height: 100%;}
		
.google-maps iframe {margin-top:25px;
    position: absolute;
    top: 0;
    max-width: 90%;
	height: 90%;
	margin-left: 25px;
	margin-bottom: 8px; }
		
.tableabbr table, th, td {
    border: none;
    padding:4px 16px 4px 0px;
    border-collapse: collapse;
	font-size: 100%;}
	
.tableabbr table {margin-left: 25px;    min-width: 60%;}
	
.drop_down-content a {color: black;}

.interaction-form .field .checkbox {height: auto;}

@media screen and (orientation: landscape) {.imgrandland {display: block;}
.imgrandport {display: none;}}

@media screen and (orientation: portrait) {.imgrandport {display: block;}
.imgrandland {display: none;}}

/*****************************************************************************/
@media screen and (max-width: 481px) {.sidebyside {max-width: 402px; width: 42%; min-width: 190px;  }
.floatrtimg {float:right; max-width: 100% !important;}
.floatlftimg {float:left; max-width: 100% !important;}
}
/*****************************************************************************/

/*****************************************************************************/
@media screen and (min-width: 482px) {.sidebyside {max-width: 402px; width: 42%; min-width: 190px;  }

.floatrtimg {margin: 15px 0px 15px 17px; }
.floatlftimg {margin: 15px 17px 15px 0px; }
}
/*****************************************************************************/

/*****************************************************************************/
@media screen and (min-width: 622px) {.sidebyside {max-width: 402px; width: 42%; min-width: 190px;  }
	.sidebyside2 {max-width: 900px; width: 90%; min-width: 380px; }
	.sidebyside, sidebyside2 { margin-left: 1%;
	 margin-right: 1%; margin-bottom: 15px; } .boxes {padding: 10px 2% 10px 2%;}
	 .larger22 { font-size: 18px;}
}

/*****************************************************************************/

@media screen and (min-width: 788px) {
	.floatrtimg {float:right; margin-left: 30px; margin-top: inherit; margin-bottom: inherit;}
	.floatlftimg {float:left; margin-right: 17px; margin-top: inherit; margin-bottom: inherit;}
	.larger2 {font-size: 180%; }
	h1 span {font-size: 90%; }
	.showlessmore2 {margin-left:15%;}
	.navdiv {line-height: 80%; margin-top: 0; padding-top: 0;}
	.nivoshowdiv {float: right; margin: 6px 10px -10px 25px; }
	.bannerimg {display: block;}
	.bannerpic {display: none} 
	.bannerpic-wide {display: block; width: 100%;} 
	.bannerimgcond {display: none;}
}

/*****************************************************************************/
@media screen and (min-width: 938px) {.showlessmore2 {margin-left:20%;}
	.dropdown {display:none;}
	#topnav {display:block;
		padding: 1px 15px 0 10px;
		z-index: -1;}
/*	.wrapperspacing {
	margin-top: 106px;*/
}
	.header {height: 51px;}
/*****************************************************************************/

@media screen and (min-width: 1072px) {.sidebyside {width: 19%;  margin-left: 1%;
	 margin-right: 1%; min-width: 140px; } 
	 .sidebyside2 {width: 52%;  margin-left: 2px; margin-right: 2px; min-width: 480px; }
	 .smallboxes h2 {font-size: calc(9px + 13 * ((50vw - 220px) / 480));}
	 .boxes {padding: 10px 0 10px 0; }
}
/*****************************************************************************/


@media screen and (min-width: 1150px) {h1 {line-height: 135%;}
	#topnav, #bottomnav {font-size: 90%; }
	.showlessmore {}
	.showlessmore2 {margin-left:25%;}
	.copyr {font-size: 100%;}
	a[href^="tel:"] {color: black; text-decoration: none; font-style:normal; font-weight: normal;}
}

@media screen and (min-width: 1231px) {
	.bannerimg p {font-size: 30px;} }


@media screen and (min-width: 1289px) {.column1 {clear: both; width: 750px;}	}