/** @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600,700); **/

body {
	/*background: #fff url('../Images/Background.jpg');*/
	margin:0 auto;
	padding:0;
	float:none;
	font-family:"Quaver Sans", sans-serif;
	font-size: 1.3em;
	color: #666;
	font-weight: 300;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 20, 2017 */

#mainwrap{
	max-width: 1260px;
	margin:0 auto;}

@font-face {
    font-family:"Quaver Sans";
	src:url(../fonts/QuaverSans.otf);
   
    font-weight: normal;
    font-style: normal;

}

* {
	margin:0;
	padding:0;
}

/* New NAV */


/* -- end of new NAV --*/
		

/** Table **/
		table {
			width: 100%;
			text-align: left;
		    }
		
		th, td {
			padding: 10px 10px;
		   }
		
		th {
			color: #666;
			background: #ccc none repeat-x scroll left top;
		   }
		
		td {
			border-bottom: 1px solid #FFF;
		    }
		
		th, td {
		  border-bottom: 0px solid #ddd;
	       }
	  
	.locationtable{
		  font-size:1em;
	      }
	  
	 .width34{           /* table with 34% on wideformat page*/
		   width:34%}
		   
	 .width66{           /* table with 66 % on wideformat page*/
		   width:66%}
		  
	 .width200{           /* table with 200% on wideformat page*/
		 width:200%}
		
	 .width100{           /* table with 150% on mailing page*/
		 width:100%}  

	 .width40{           /* table with 40% on mailing page*/
		 width:40%}  
	
	.width60{           /* table with 60% on mailing page*/
		 width:60%}  
	
	.width25{           /* table with 25% on test page*/
		 width:25%}  
		   		   
	.width75{           /* table with 25% on test page*/
		 width:75%}  
		 
	.width50{           /* table with 25% on test page*/
		 width:50%}  
		 
				/* Divs For the tables to go from 2 to 1 in mobile */

	  .colone{
		  float:left;
		  width: 55%;}
		  
	  .colotwo{
		  float:left;
		  width: 55%;}
		  
	.imagecenter {text-align:center;}
		   		   		   		   

/** -- End of Table -- **/



/** Button Links **/

	.indent {text-indent: 30px;}
	
	  
	 .fillcolor a{
		  color: #FFF !important;
		  text-decoration: none;
	  }
	  
	 .fillcolor a.hover{
		  border-bottom-color:#333;
		  color: #666 !important;
	  }
	  
	 .fillcolor a.focus  {
		  outline: none;
		  color: #666 !important;
	  }
	  
	  
	 a:hover {
		  border-bottom-color: #333;
		  color: #333;
	  }
	  
	  a:focus {
		  outline: none;
		  background-color:#999;
	  }
	  
	  
	  a.buttonside { 
		
		  background-color:#CCC;
		  border-radius: 5px;
		  display: inline-block;
		  color:#FFF;
		  letter-spacing: .05em;
		 /* width:200px;  ---changes the width of the grey bar -- */
		   }
	  
	  a.buttonside:hover {
		  background:#9e9d9d;         /* changes the color on the right side bar buttons when it is hover over. */
	  } 
	  
	  .howto {color:#FFF; 
	  letter-spacing: .05em;
	  padding-top: 8px;
	  }
	    
	  .howto:hover {color:#666;}
	  
	  .uploadred {
		  font-size:1.2em;
		  color:#FFF; 
		  background-color:#e31d1a;
		  border-radius: 5px;
		  padding:15px;
		 display: inline-block;
		 letter-spacing: .15em;
		  }
		  
		  .uploadred:hover {
		  font-size:1.2em;
		  color:#FFF;
		  background-color:#999;
		  border-radius: 5px;
		  padding:15px;
		 display: inline-block;
		  }
	  
	  /*a.button-reversed { 
		  background: linear-gradient(#777, #999);
		  background-color: #888;
			  text-shadow: 1px 1px 0 #555;
		  color: #fff;
		  border-color: #555;
	  }
	  
	  a.button-reversed:hover {
		  background-color: #D6D6D6;
	  }  */

/*-- END Button--*/



/* Basic Code for SITE */
	
	code, blockquote {
		display: block;
		border-left: 5px solid #222;
		padding: 10px;
		margin-bottom: 20px;
	}
	code {
		background-color: #222;
		color:#ccc;
		border: none;
		font-family: "Courier New", Courier, monospace;
	}
	
	blockquote {
		border-left: 5px solid #222;
	}
	
	blockquote p {
		font-style: italic;
		font-family:"Quaver Sans", sans-serif;
		margin: 0;
		color: #333;
		height: 1%;
	}
	
	p {
		margin-bottom: 20px;
		font-family:"Quaver Sans", sans-serif;
		font-size:1em;
		letter-spacing:.05em;
		line-height:1.3em;
	}
	
	h1 {
		color: #000;
		font-size: 2.7em;
		margin-bottom: 10px;
		font-family:"Quaver Sans", sans-serif;
		letter-spacing:.1em;
	}
	
	h2 {
		color: #666;
		font-size: 1.5em;
		/* letter-spacing: -1.5px;*/
		padding: 0 0 10px;
		margin: 0;
		font-family:"Quaver Sans", sans-serif;
		letter-spacing:.05em;
	}
	
	h3 {
		color: #444;
		font-size: 1.9em;
		font-weight: 600;
		margin-bottom: 10px;
		font-family:"Quaver Sans", sans-serif;
		letter-spacing:.05em;
		}
	
	h4 {
		color: #999999;
		font-size: 1.2em;
		text-transform: uppercase;
		padding-bottom: 10px;
		font-family:"Quaver Sans", sans-serif;
		letter-spacing:.1em;
	}
	
	h4 li{
		color: #999999;
		font-size: 1.2em;
		text-transform: uppercase;
		padding-bottom: 10px;
		font-family:"Quaver Sans", sans-serif;
		
	}
	
	h5 {
		padding-bottom: 10px;
		font-size: 1.1em;
		color: #999;
		font-family:"Quaver Sans", sans-serif;
		letter-spacing:.1em;
	}
	
	#title {
				font-size: 1.5em;
				color:#333;
				font-family:Avenir;
			}
	
	
	a {
		color: #0000000;
		/*border-bottom: 1px solid #6C9636;*/
		text-decoration: none;
	}
	
	.widthma {
	max-width: 95%;
	margin: 0 auto;
			}

	.widthnav {
		max-width: 95%;
		padding-top: 30px;
		margin: 0 auto;
				}
	
	img {
		max-width: 100%;
		height: auto;
		}
	
	#mainarea {
		background-color: #fff;
		max-width: 100%;
		margin: 0 auto;
				}
	
	header {
		padding: 5px 0 17px;
		margin: 0 auto;
		background-color: #fff;
		text-align: left;
			}
	
	#capz {
		font-size: .9em;	
			}
	
	header h1 {
		margin: 0;
		float: left;
			}
	
	.services {
		font-size: .9em;
		text-align: left;
		letter-spacing:.05em;
			}
			
	header h1 a, header h1 a:hover {
    color: #999;
    font-size: 1.4em;
    padding: 10px 5px;
    letter-spacing: -4px;
    border-bottom: none;
    display: block;
		}

	header h1 a strong {
		font-weight: normal;
		color: #75A239;
		}
		
	#mainarea {
		width: 99%;       /*-----------------------Changes how it fits to screen ----------------------- */
		overflow: hidden;
		margin: 50px auto;
		background: white;
		}

	.tname {
		font:"Quaver Sans", sans-serif;
		}


	.busniess {
		font-size: .8em;
		font-style:oblique;
		}

/* ---- End of site code ---- */

	
/* -- Guts of the layout --*/
		#maincontent {
			background: none;
			margin: 25px auto 0;
			padding: 0;
			clear: both;
		}
		
		#content {
			float:left;
			background-color: #FFF;
		}
		
		#contentnone {
			float:none;
			background-color: #FFF;
			margin:auto;
		}
		
		.two-column {
			width: 66%;
		}
		
		.three-column {
			width: 46%;
			margin: 2%;
			
			
		}
		
		.with-right-sidebar {
			margin-right: 2%;
		}
		
		.with-left-sidebar {
			margin-left: 2%;
		}
		
		
		article {
			padding: 10px 10px 20px 5px;
		 }
		
		article .article-info {
			color: #c0c0c0;
			font-size: 0.9em;
			letter-spacing: -0.5px;
			padding: 0 0 10px 0;
		}
		
		article .article-info a { 
			color: #c0c0c0;
			border-bottom-color: #c0c0c0;
		}
		
		.sidebar {
			margin-top: 10px;
		}
		
		.small-sidebar { 
		   width: 25%;
		}
		
		.big-sidebar {
			width: 30%;
		}
		
		.left-sidebar { 
			float: left;
		}
		
		.right-sidebar {
			float: right;
			background-color: #FFF;
		}

/* -- END fo Guts of the layout --*/


/* Fieldset code */

	  fieldset {
		  display: block;
		  border: none;
		  border-top: 1px solid #ccc;
	  }
	  
	  fieldset legend {
		  font-weight: bold;
		  font-size: 0.9em;
		  padding-right: 10px;
		  color: #333;
	  }
	  
	  fieldset form {
		  padding-top: 15px;
	  }
	  
	  fieldset p label {
		  float: left;
		  width: 150px;
	  }

 /* ---end fieldset--*/
 
 
span.required {  /* used for the login page */
			color: #ff0000;
			}	
			
			 
/** Forms
	  form input, form select, form textarea {
		  padding: 5px;
		  color: #333333;
		  border: 1px solid #ddd;
		  border-right:1px solid #ccc;
		  border-bottom:1px solid #ccc;
		  background-color:#fff;
		  font-family:Avenir;
		  font-size: 0.9em;
	  }
	  
	  form input.formbutton {
		  border: none;
		  background: #7BAB3D;
		  color: #ffffff;
		  font-weight: bold;
		  padding: 6px 10px;
		  font-size: 0.8em;
		  letter-spacing: 1px;
		  width: auto;
		  overflow: visible;
	  }
	  
	  form.searchform input {
		font-size: 0.9em;
		  padding: 6px;
	  }
	  
	  form.searchform p {
		  margin: 5px 0;
	  }
	   -- **/




/** Lists **/
		ul, ol {
			margin: 0 0 35px 35px;
			padding: 0;
			list-style: disc;
			text-align: left;
		}
		
		li {
			padding-bottom: 10px;
		}
		
		li ol, li ul {
			font-size: 1.0em;
			margin-bottom: 0;
			padding-top: 5px;
			letter-spacing:.05em;
		}
		.listhead {
			color: #444;
			font-size: 1.3em;
			font-weight: 500;
		}

/** --End List-- **/

	



/* Right Sidebar*/
	  .sidebar h4 {
		  padding-bottom: 0;
		  font-size: 1.4em;
		  letter-spacing: -1px;
		  padding: 6px 0;
	  }
	  
	  .sidebar ul {
		  margin: 0;
		  padding: 0;
		  list-style: none;
	  }
	  
	  .sidebar ul li {
		  margin-bottom: 20px;
		  line-height: 1.9em;
		  padding: 10px;
	  }
	  
	  .sidebar ul.blocklistfill {
		  background:#CCC;	
		  padding-top: 10px;
		  padding-left: 10px;
		  border-radius: 5px;
		 	 
	  }
	  
	   
	  .sidebar ul.blocklist {
		  
	  }
	  
	  .sidebar ul.blocklist li {
		  padding: 0;
	  }
	  
	  .sidebar ul.blocklist li a,
	  .sidebar ul.blocklist li a:hover {
		  display: block;
		  border-bottom: 1px solid #ddd;
		  padding: 5px 10px;
	  }
	
/*-- End Side Bar--*/


/* Footer */
		.clear {
			clear: both;
		}
		
		footer {
			margin: 20px auto 0;
			background: #ccc;
			border-top: 2px solid #eee;
		}
		
		footer p {
			text-align:center;
			color: #666; !important
			font-size: 1em;
			margin: 0 auto;
			padding: 0;
		}
		
		footer p a {
			color: #000000;
			font-weight: bold;
			font-size:1.5em;
			letter-spacing:.05em;
			}
		
		.emailcity{
			text-align:center;
			font-size:1em;
			letter-spacing:.05em;
		}
				
		.footer-content {
			padding-top:15px;
				}
		
		footer .footer-content ul {
			width: 25%;
			list-style: none;
			margin: 0;
			padding:0;
			float: left;
		}
		
		footer .footer-content li {
			padding: 60px 0;
		}
		
		footer .footer-content li a, footer .footer-content h4 {
		}
		
		footer .footer-content li a {
		 color: #666;border-bottom-color:#666;
			
		}
		
		footer .footer-content li {
		 color: #666;
			line-height: 1.5em;
		font-size: 0.95em;
		}
		
		footer .footer-content li a:hover {
			color: #FFFFFF;
		}
		
		footer .footer-content h4 {
			color: #666;
			font-size: 1.6em;
			padding-bottom: 10px;
			
		}
		
		footer .footer-bottom {
			padding: 10px;
			text-align: center;
			background-color: #000;
					}
		
		footer .footer-bottom p {
			text-align: center;
			font-size:1em;
			color:#ccc;
			}
		
		footer .footer-bottom p, footer .footer-bottom p a {
			color: #CCC;	}
			
			
		div.social-icons a {
			border-bottom: none;
			margin-right: 15px;
			}
						
		#ribbon {text-align:center;
				 padding:0px;}
				  /*border-bottom-color: #CCC;*/
				  
		#ribbon2 {display:none;}
				  
				
/*--End Footer--*/


	   

/* Small Photo Banner */
		.photobanner {
			height: 233px;
			width: 3550px;
			margin-bottom: 80px;
		}
		
		.photobanner img {
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		
		.photobanner img:hover {
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
			cursor: pointer;
		 
			-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
		}
		
		
		/*keyframe animations*/
.first {
	-webkit-animation: bannermove 30s linear infinite;
	   -moz-animation: bannermove 30s linear infinite;
	    -ms-animation: bannermove 30s linear infinite;
	     -o-animation: bannermove 30s linear infinite;
	        animation: bannermove 30s linear infinite;
		}	 
	 
	
	@keyframes "bannermove" {
	 0% {
		margin-left: 0px;
	 }
	 100% {
		margin-left: -2125px;
	 }
	 
	}
	 
	@-moz-keyframes bannermove {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -2125px;
	 }
	 
	}
	 
	@-webkit-keyframes "bannermove" {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -2125px;
	 }
	 
	}
	 
	@-ms-keyframes "bannermove" {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -2125px;
	 }
	 
	}
	 
	@-o-keyframes "bannermove" {
	 0% {
	   margin-left: 0px;
	 }
	 100% {
	   margin-left: -2125px;
	 }
	 
	}
					
/*--End Small Banner--*/