#container{max-width:100%; margin-bottom: 0.5em; } 

 h3.cms
{
	font-weight:normal!important;
	text-align:center!important;
	font-size: 1.6em!important;
	text-transform:uppercase!important;
/*color:#fc0!important;*/
	color:#fff!important;
	font-family: 'Open Sans', sans-serif !important;
	background-color:#639;
	/*margin: 0.1em 0;*/
	margin-bottom: 0.5em;
	 

}
 
	
#container_one
{
	/* width: 95.5%;max-width:1680px;border:1px solid #EA1CD7 !important; padding: 1em 1.0%; padding: 2em 2.25%;max-width:1680px;margin-left:auto;*/
	 
	width: 97.0%;
	clear:both;
	
	padding: 2em 2.25%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	
	 margin-left:1em;
 	 color:#000000; 
	
	padding: 16px 10px;
	
	
	/*font-family: Palatino Linotype, Palatino, Times, 'Lora',serif; */
	 	font-size:1.1em; 
	
	 
}
 
#container_one div.feature{
	width: 28%;	
	float:left;
	margin-right: 1%;
	margin-left:2.5%;
	background:#ffffff;
	 padding: 5px 8px;
	/*border:1px solid#006622!important;padding: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
	 	font-size:1.1em; 

	 
 }

#container_one div.feature:nth-of-type(3)
{
	 margin-right: 0;
}

/*#container_one div.feature h3{
	/*padding: 16px 10px;*/
/*	padding: 5px;
	 font-size:1.2em;
 	 font-weight: bold; color: #000000; 
}/*

#container_one div.feature p{
	/*padding: 16px 10px;
	padding: 5px;
	font-size:1.1em; 
	
	 
}*/
 
@media only screen and (max-width:1340px){
	#container_one div.feature
	{
font-size: 1.1em; 
	}
}
@media only screen and (max-width:1024px){
	#container_one div.feature{
	 font-size:1.1em;
	}
}
	 

@media only screen and (max-width:950px){	
	#container_one div.feature 
	{
margin-left: 2.25%;
margin-right: 2.25%;
width: 94.5%;
clear:both;	
margin-bottom: 2em;
padding:0 0 2.5em 0;
 font-size:1.1em;
	}
	#container_one div.feature:nth-of-type(3){
margin-bottom: 0;
	} 
} 
 
 
#container_general
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 
	width:99%;
	clear:both;padding: 0.2em 1.0%; overflow: hidden;
	margin-bottom: 1em;
margin-right:auto;
margin-left:auto;

	 position: relative; 
	text-align: left;
	color: #000000 !important; 
	 font-size:1.1em; 
	
/*margin: 0.05em 0;padding-left: 10px; margin-left:auto; padding: 2em 2.25%; padding: 16px 10px; */ 
 
 margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:0.1em;
	 
	} 
  
#container_general div.feature{ 
	width: 99%;	
	
	/* padding: 0.5em 1.0%;padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important;float:left; 	border:1px solid #663399 !important;*/
	 padding: 2px 8px;
	background:white;
	margin-bottom:1em;
	margin-top:0.5em;
	margin-right: 1%;
	margin-left: 0.1%;
	  font-family: 'Open Sans', sans-serif !important;
	font-size:1.0 em;  
} 
 

#container_general div.feature h3{
padding: 5px;
	 font-size:1.1em;	 
	 font-weight: bold; 
	 color: #000000; 
} 
#container_general div.feature h4{
	padding: 5px;
	 font-size:1.1em;	
	color:#663399; 

} 
 

 
#container_general div.feature p{
	padding: 5px;
	color:black; 
	 font-size:1em;	 
	font-family: 'Open Sans', sans-serif !important;
}
 
 
#container_general div.feature p.viewmore{ 
	 
 	width: 30%;	
	font-size:1.0em;	 
	color: #000000;
	 float:left;
}
 
#container_general div.feature p.viewmore a{
	background: #639; 
	width:50%;	
	padding: 1em 1em; 
	display: block;
	font-size:1.0em;	 
	color: white;
	margin-top:0.5em;
}

 


#container_general div.feature p.viewmore a:hover{
	color:#fc0;
	
}

 

 #container3{
width:98%; 
overflow:hidden;
background: #ffffff;
padding: 1%;
clear: both; 
	}



	
	#leftcol{
float: left; width: 30%; margin: 0 1% 0 0;
	}
	#middlecol{
float: left; width: 30%; margin: 0 0.5%;
	}
	#rightcol{
float: left; width: 30%; margin: 0 0 0 1%;
	}

	#leftcol ul > li, #middlecol ul > li, #rightcol ul > li{
margin-left: 1.25em;
	}
	
@media only screen and (max-width: 768px) {

#leftcol, #middlecol, #rightcol{width:100%; clear:both;}

 

#container3 ul{list-style-type:disc !important; position: relative; float: left; display: block; left: auto;}
#container3 ul li { position: relative; float: none; right: auto; display:list-item; }
	}

@media only screen and (max-width:1340px)
{
	#container_general div.feature{ font-size: 1.0em; }
	#container_general {font-size: 1.0em;}
}
@media only screen and (max-width:1024px){
	#container_general div.feature{
	font-size:1em; 
	}
} 

@media only screen and (max-width:950px){
	#container_general div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	}
 

	#container_general div.feature p.title{
	margin-top:1em;	
	}
 
	#container_general div.feature img{
	width: 50%;
	}
	
	#container_general div.feature p.viewmore{
						margin-top:2em;	width:50%;					
					}
	
	
}
 



#container_two
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;
	color: #000000 !important; 
	 font-size:1.1em; 
	
	
/*margin: 0.05em 0;padding-left: 10px; margin-left:auto; padding: 2em 2.25%; padding: 16px 10px; */ 
 
 margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:0.1em;
	
	} 
 



#container_two div.feature{ 
	width: 99%;	
	
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important;float:left; 	border:1px solid #663399 !important;*/
	
	background:white;
	margin-bottom:1.5em;
	margin-top:0.5em;
	margin-right: 1%;
	margin-left: 0.1%;
	 
	font-size:1.0 em; 
		
	 
} 


 .notice {
width: 90%;
background-color: #fffffff;
/**border:2px solid #ffcc00!important; margin-left:10px; padding: 10px; border-radius: 5px;float:center;padding: 2em 2.25%;text-align:center !important; **/
	 font-size:1.2em; 
	
	
	 color:#ff0000;
	 padding: 16px 10px; 
	padding-top:0;
	 
}


 


#container_two div.feature h3{
	padding: 10px;
	 font-size:1.1em;	 
}
 
#container_two div.feature p{
	padding: 16px 10px;
	color:black;
	padding-top:0;
}
 


p.bureaubutton{
			margin-bottom:1em;
			margin-top:1em;
			font-size:1.1em; 
			
		}
		
		p.bureaubutton a{
			color: white !important; 
			background: #639; 
			padding: 0.5em; 
			font-size:1.2em;
			
		}

  @media only screen and (max-width: 767px) {
			
			 
			p.bureaubutton{ font-size:0.8em !important; }

			 

		}

 @media only screen and (max-width:1340px){
	#container_two div.feature
	{
font-size: 1.1em; 
	}
}
@media only screen and (max-width:1024px){
	#container_two div.feature{
	 font-size:1.1em;
	}
}
	 

@media only screen and (max-width:950px){	
	#container_two div.feature 
	{
margin-left: 2.25%;
margin-right: 2.25%;
width: 94.5%;
clear:both;	
margin-bottom: 2em;
padding:0 0 2.5em 0;
 font-size:1.1em;
	}
 
}





	
#container_summer
{
	/* width: 95.5%;max-width:1680px;border:1px solid #EA1CD7 !important; padding: 1em 1.0%; padding: 2em 2.25%;max-width:1680px;margin-left:auto;*/
	 
	width: 97.0%;
	clear:both;
	
	padding: 2em 2.25%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	
	 margin-left:1em;
 	 color:#000000; 
	
	padding: 16px 10px;
	
 
	
	/*font-family: Palatino Linotype, Palatino, Times, 'Lora',serif; */
	 	font-size:1.1em; 
	
	 
}
 

#container_summer div.feature{
	 width: 97.0%;	
	 padding: 0.5em 1.0%;
	background:#ffffff;
	 
	/*padding: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);border:1px solid #dfdfcd !important; padding: 1em 1.0%;*/
	  font-size:1em;	
	 font-family: 'Open Sans', sans-serif !important;
	  
 }
 


#container_summer div.feature h3{
padding: 5px;
	 font-size:1.1em;	 
	 font-weight: bold; 
	 color: #000000; 
} 
#container_summer div.feature h4{
	padding: 5px;
	 font-size:1.1em;	
	color:#663399; 

} 
 
#container_summer div.feature p{
	padding: 5px;
	color:black; 
	 font-size:1em;	 
	font-family: 'Open Sans', sans-serif !important;
}


#container_summer  div.feature p.viewmore{ 
	 
 	width: 30%;	
	font-size:1.0em;	 
	color: #000000;
	 float:left;
}
 
#container_summer  div.feature p.viewmore a{
	background: #639; 
	width:50%;	
	padding: 1em 1em; 
	display: block;
	font-size:1.0em;	 
	color: white;
	margin-top:0.5em;
}

 

#container_summer  div.feature p.viewmore a:hover{
	color:#fc0;
	
}

 }

@media only screen and (max-width:1340px){
#container_summer div.feature
	{
font-size: 1.1em; 
	}
}
@media only screen and (max-width:1024px){
#container_summer div.feature{
	 font-size:1.1em;
	}
}
	 

@media only screen and (max-width:950px){	
#container_summer div.feature 
	{
margin-left: 2.25%;
margin-right: 2.25%;
width: 94.5%;
clear:both;	
margin-bottom: 2em;
padding:0 0 2.5em 0;
 font-size:1.1em;
	}
	#container_summer  div.feature p.viewmore{ 
	 
 	width: 30%;	
	font-size:1.0em;	 
	color: #000000;
	 float:left;
}
 }