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

.skip-to-main-content-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0;
}
.skip-to-main-content-link:focus {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

img{
	max-width:100% !important;	
}

.container{
	max-width:1400px;
	width:100%;
	margin:0 auto;
	background-color:white;
	position:relative;
	font-family: 'Roboto', sans-serif;
}

.header{
    width: 100%;
	background-color:white;
}

.header h2{
	paddding: 20px 20px 0px;
	font-size:30px;
	color:rgb(98,153,122);
	margin-bottom:0;
}

.header h2 span{
	font-weight:100;
}

.header hr{
	height:4px;
	color: rgb(114,36,60);
	background-color: rgb(114,36,60);
}

#toggleNav{
	display:none;
	width:100%;
	height:30px;
	padding-top:10px;
	font-size:18px;
	background-color:#000000;
	margin:15px 0px;
	color:#fff;
	cursor:pointer;
}

#toggleNav a{
	color:#ffffff;
}


/*Use the following for top drop-down nav
Change the background-color in #nav to change the color of the navigation bar
Change the background-color in #nav ul li ul to change the background color of the dropdown menus
These values do also need to be changed further down, in the 600px, 400px, and 300px wide sections 
*/
/* -------------------- Start Navigation -------------------- */
#nav{position:relative; z-index:2; display:block; float:left; width:100%; background-color:white; height:40px; padding:0px 0px 43px 0px; font-size:16px;}
#nav ul {margin:2px 0 0 -40px; text-align:left;}
#nav ul li{	list-style-position:inside;	list-style-type:none; height:20px; min-width:40px; /*padding:4px 8px;*/padding:45px 8px 0; margin-right:15px; margin-left:15px; display:inline-block;}
#nav a, #nav a:visited{display:block; padding-bottom:10px; text-decoration:none; color:rgb(133,65,86); font-weight:700;}
#nav a:hover{text-decoration:underline;}
#nav ul li ul {	margin-left:-999em; background-color:#CCCCCC; position:absolute; color:#ffffff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; font-size:14px; text-align:left; padding-bottom:0; }
html>body #nav ul li:hover ul{display:block; margin:-5px 0 2px 0; padding:.25em 0 .75em .25em;}
#nav ul li ul {	margin-top:5em; z-index:5;}
html>body #nav ul li ul {margin-top:-3em;}
#nav ul li ul li{float:none;  border:0;	padding-top:10px; display:block;}
/* -------------------- End Navigation -------------------- */

#subnav{
	width:100%;
	height:100%;
	padding:185px 0% 10px 0%;
	display:none;
	text-align:center;
	background-color:#F00;
}

#subnav a{
	color:#ffffff;
	padding:6px 10px;
	font-size:16px;
	margin:2px 15px 0px 15px;
	display:block;
}

.active{
	color:rgb(83,99,59) !important;
}

.search{
	position:relative;
	z-index:10;
	width:30%;
	float:right;	
	padding:0;
	margin-top:20px;	
}

.search-mobile{
	display:none;
	width:100%;
}

input.gsc-input 
{
  font-size: 19px;
  text-align: center; // ADDED
  padding: 4px 9px;
  border: 1px solid #D9D9D9;
  width: 99%;
}

.banner{
	width:90%;
	padding:0 5%;
	float:right;
	position:relative;
}

.image-wrapper{
	position:relative;
	z-index:1;
}

.text{
	position:absolute;
	left:-1px;
	top:25%;
	color:white;
	background-color:rgba(114,36,60,.8);
	padding: 15px 30px 50px;
	font-size:30px;
	width:20%;
	min-height: 250px;
	z-index:2;
}

.content{
	width:96%;
	display:inline-block;
	padding:20px 2% 50px 2%;
}

.info{
	width:100%;
	position:relative;
	background-color:rgb(142,80,99);
}
.content-left{
	position:relative;
	float:left;
	width:38%;
	padding:2% 0% 2% 10%;
	background-color:rgb(142,80,99);
	min-height:150px;	
	color:white;
}

.content-right{
	position:relative;
	float:left;
	width:50%;
	padding:2% 2% 2% 0;
	background-color:rgb(142,80,99);
	min-height:150px;
	color:white;
}

.row{
	width:100%;
	display:inline-block;
}

.three-box-row{
	width:21%;
	padding: 3% 3%;
	position:relative;
	float:left;
	margin:0% 3%;
	background-color:rgb(98,153,122);
	text-align:center;
	color:white;
	font-size:24px;
	font-weight:100;
}

.three-box-row a{
	text-decoration:none;
	color:white;
}

.four-box-row{
	width:17%;
	padding:2%;
	position:relative;
	float:left;
	margin:0% 2%;
	background-color:#fff;
}

.info{
	font-size:18px;
}
.info h3{
	font-size:30px;
	font-weight:100;
	margin: 10px 0;
}

.footer{
	width:100%;
	background-color:rgb(114,36,60);
	color:white;
	min-height:40px;
	position:relative;
	float:left;
	clear:both;
}

.footer-left{
	float:left;
	padding:10px 0px 0px 25px;
}

.footer-right{
	float:right;
	padding:10px 25px 0px 0px;
}

.footer-right a{
	color:white;
	text-decoration:none;
}

.nomargin{
	margin:0px !important;
}

.nopadding{
	padding:0px !important;	
}

.nobold{
	font-weight:normal;	
}

.center{
	text-align:center;	
}

.block{
	display:block !important;	
}

.green{
	color:rgb(98,153,122);	
}

.responsiveCal {
position:relative; padding-bottom:75%; height:0; overflow:hidden;
}

.responsiveCal iframe {
position:absolute; top:0; left:0; width:100%; height:100%;
}

@media only screen and (max-width:1195px){
	.container{
		max-width:960px;
	}
	
	.header{
	}
}

@media only screen and (max-width:967px){
	.container{
		max-width:800px;
	}
	
	#nav ul li {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.four-box-row{
		width:42%;
		margin:2%;
	}
}

@media only screen and (max-width:807px){
	.container{
		max-width:600px;
		width:97%;	
	}
	
	.banner{
		width:95%;
	}
	
	#nav a, # nav a:visited{
		font-size:14px;
	}
	
	#nav ul li{
		margin: 0;
	}
	
	.search{
		width:32%;
	}
	
	.text{
		top:19%;
		left:5px;
		width:25%;
		font-size:36px;
		padding: 15px 30px 40px 20px;
	}
	
	.content{
		padding: 20px 0;
	}
	
	.content-left{
		width:90%;
	}
	
	.content-right{
		width:88%;
		padding-left:10%;
	}
	
	.three-box-row{
		width:76%;
		margin:2% 10%;
	}
	
	.four-box-row{
		width:76%;
		margin:2% 10%;
	}
	
	.footer{
		height:65px;
		text-align:center;
	}
	
	.footer-left{
		float:none;
		padding:10px 0px 0px 0px;
		display:block;
	}
	
	.footer-right{
		float:none;
		padding:0px 0px 0px 0px;
		display:block;
	}
}

@media only screen and (max-width: 608px){
		#toggleNav{
		display:block;
	}
	
	/* -------------------- Start Navigation -------------------- */
#nav{ display:none; float:left; width:90%; background-color:#ccc; height:30px; padding:10px 0px 10px 0px; font-size:18px; font-weight:bold; height:200px; position:absolute; z-index:10;}
#nav ul {margin:0 0 0 -18px; text-align:center;position:relative; z-index:10;}
#nav ul li{float:none;list-style-position:inside; display:block;list-style-type:none; margin-left:0px; padding:6px 0px; position:relative; z-index:100;}
#nav ul li a{padding:2px 0px 2px 0px;}
#nav a, #nav a:visited{display:block; text-decoration:none; font-size:24px;}
#nav ul li ul {	margin-left:-999em; background:none; position:relative; color:#ffffff;  font-size:14px; text-align:left; padding-bottom:0; }
html>body #nav ul li:hover ul{ margin-left:-999em; background:none; position:relative; color:#ffffff;  font-size:14px; text-align:left; padding:0px;}
#nav ul li ul {	margin-top:0em; z-index:0; visibility:hidden;}
html>body #nav ul li ul {margin-top:-3em;}
#nav ul li ul li{margin-left:-998em;}
	/*End Navigation*/
	
	#subnav{
		display:none;
	}
	
	#subnav a{
		margin-top:5px;
	}
	
	.search{
		display:none;
	}
	
	.search-mobile{
		display:inline;
	}
	
	.text{
	width:40%;
	left:5px;
	font-size:30px;
	padding: 15px 30px 0px 20px;
	min-height:175px;
	top:32%;
	}
}

@media only screen and (max-width:407px){
	.container{
		max-width:400px;	
	}
	
	.header h2{
		font-size:28px;
	}
	
	.text{
		font-size:26px;
		min-height:150px;
		top:33%;
	}
	
	.three-box-row{
		width:86%;
		margin:2% 5%;
	}
	
	.content-left{
		padding-left:5%;
		width:95%;
	}
	
	.content-right{
		padding-left:5%;
		width:93%;
}