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

.logo {
  width: 110px;
  margin: 20px 15px 15px 0;}

#name {width: auto;	margin: 0 20px 20px;}

#head_image_home, #head_image_services, #head_image_about, #head_image_news, #head_image_pub, #head_image_contact {min-height: 200px;}

header h1 {font-size:180%;}
header h2 {font-size:95%;}

#content {width: 100%; margin: 10px 20px 50px;}

#footer {width: auto; margin:0 20px;}

  nav {font-size:100%; margin: 0 0;}
  nav ul { padding:0 0 0 5px;}
  nav:hover ul {margin-top:0;}
  nav ul li {display:none; margin: 0; top:0;}  
  nav:hover li {display:block; list-style: outside none none;}
  nav ul ul {margin-left:225px;}
  nav ul ul li { }
  nav a, nav a:link, nav a:visited {color:#fff; padding:10px 15px; margin:0 auto 0 0;} 
  nav a:hover {background-color: #4c8675;}

.submenu {font-size:90%;}
.submenu a, .submenu a:link, .submenu a:visited {background-color: #4c8675; padding:12px 20px;}
.submenu a:hover {color:#00573d; background-color: #4c8675;}	

.menu {display:inline-block;}	
.services {margin: 0 0 0 168px; width: 200px; top:78px;}
.about {margin: 0 0 0 168px; width: auto; top:116px;}

.divider {margin: 40px 10% 10px;}

.five_col_index {width:23%; margin: 0 5% 20px;}

#mc_embed_signup {width:200px;}



@media (max-width: 800px) {
	.logo {width: 100px;}
header h1 {width: 80%; line-height:100%;}
.five_col_index {width:25%; margin: 0 4% 20px;}
}


@media (max-width: 625px) {
	 .c3 {width: 97%;} /*nav*/
header h1 {width: 70%; line-height:100%;}
	nav {text-align: left; padding: 0 0 0 3%;}
.three_col {width:48%; margin: 0 0 20px; float:left;}
}


@media (max-width: 575px) {
.five_col_index {width:38%; margin: 0 6% 20px;}
}


@media (max-width: 525px) {
	.logo {float: none; width: 90px; margin: 0 38%;}
	.logo img {width:100%; height:auto; margin:15px 0 0;}

#name {text-align: center; margin: 0 0 20px;}
header h1 {width: 100%; margin:0;}
	
	nav {text-align: left; padding: 0 0 0 3%;}
	
.five_col_index {width:42%; margin: 0 4% 20px;}
.two_col {width:100%;}
}


@media (max-width: 430px) {
.photo_sm {float:none; 	width:125px; margin:30px 30% -10px;}
}


@media (max-width: 400px) {
#name {width: 90%; margin: 0 20px 20px;}
	header h1 {font-size:175%;}
	
  nav {font-size:90%; margin: 0 0;}
.services {margin: 0 0 0 156px; width: 190px; top:78px;}
.about {margin: 0 0 0 156px; width: auto; top:116px;}

.five_col_index {width:65%; margin: 0 17% 20px;}
.three_col {width:90%; margin: 0 20px 20px;}
	
.copyright {width:90%; margin: 20px 0 20px 20px;}
}