#container_one
{
	/*width:95.5%;max-width:1680px; border: 1px solid#EA1CD7!important; padding:2em2.25%;max-width:1680px; 	border:1px solid #D8D9DA !important; */
	
	width:98.0%;
	clear:both;
	padding: 1em 1.0%;
	overflow:hidden;
	margin-bottom:1em;
	margin-right:auto;
	margin-left:auto; 
	color:#000000;
	font-family: 'Open Sans', sans-serif !important;	

}
  
#container_one div.feature{
	width:99%;	
	float:left;
	 background:#ffffff; 
	margin-right: 1%;
	margin-left:0.5%; 
	 padding: 2px 8px;
	/*border:1px solid  #006622!important;padding: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); 	border:1px solid #D8D9DA !important; */
	font-size:1.1em;  color:#000000;  
 	
	font-family: 'Open Sans', sans-serif !important;	
	 
}
 
 

#container_one div.feature p{
	/*padding:16px10px;*/
	padding: 16px 10px;
	font-size:1.0em;  color:#000000;
		font-family: 'Open Sans', sans-serif !important;	
}

 
  


#container_one div.feature h3 {
	padding: 5px;
	
	font-size:1.2em;
	font-family: 'Open Sans', sans-serif !important;	
	
	color: #000000; 
	font-weight:bold;
	 	
	
}  
	
#container_one div.feature h4 {
	padding: 5px;
	font-size:1.2em;
	font-family: 'Open Sans', sans-serif !important;	
	color: #663399; 
	font-weight:bold;
	 	
	
} 

	
#container_one div.feature h5 {
	padding: 5px;
	
	font-size:1.2em;
	font-family: 'Open Sans', sans-serif !important;	
	color: #000000; 
	font-weight:bold;
	 	
	
} 

 

@mediaonlyscreenand(max-width:1340px){
	#container_one div.feature
	{
		font-size:1.0em;
	}
}
 

@mediaonlyscreenand(max-width:1024px){
	#container_one div.feature{
	font-size:1.0em;
	}
}
	

@mediaonlyscreenand(max-width:950px){	
	#container_one div.feature
	{
	margin-left:2.25%;
	margin-right:2.25%;
	width:94.5%;
	clear:both;	
	margin-bottom:2em;
	padding:002.5em0;
	font-size:1.0em;
	}

}
 

#container_three
{
/*width:95.5%;max-width:1680px;border:1pxsolid#EA1CD7!important;padding:2em2.25%;max-width:1680px;padding:1em1.0%;border:1pxsolid#D8D9DA!important;*/

	width:97.0%;
	clear:both;
	padding:0.2em 1.0%;
	overflow:hidden;
	margin-bottom:1em;
	margin-right:auto;
	margin-top:auto; 
	margin-left:auto; 
	font-size:1.0em;  color:#000000;
}

#container_three div.feature{
width:97.0%;
float:left;
margin-right:1%;
margin-left:0.1%;
background:#ffffff;
padding:2px 8px;
	font-size:1.0em;  color:#000000;
}
 
   
 	


/*Tables*/

 
#container_three table{
border-collapse:collapse;
border-spacing:0;
width:99%; 
	text-align:left;
	border:1px solid #D8D9DA !important;
}

#container_three th, #container_three td{ 
/*text-align:center;	border:1px solid#D8D9DA !important;*/
	text-align:left;
padding:10px;  border:1px solid #D8D9DA !important;
	 
}
  


 #container_three p.feature img{
			max-height:100%;
		}
		

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

div#featuredlinks p{
			border: 2px solid #639;
			text-align:center;
			margin-bottom: 1em;
			width: 90%;
			max-width: 310px;
			/*padding: 1em 0; margin-right:26px; width: 85%;float:center;*/ 
			padding: 2em 0;
			font-weight:bold;
			font-size:1.0em;
			margin-right:20px;
			
			background: #639;
			
		}

 

		
		div#featuredlinks a{
			display: block;
			width: 100%;	
			color:#ffcc00!important;
		}
		 
  
		
		div#featuredlinks p:hover{
			background: #ffffff!important;	
			 
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
		}
		
 @media only screen and (max-width: 1366px) {
	 
			div#featuredlinks{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#featuredlinks p{
				width: 47.5%;
				max-width: 47.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
			div#featuredlinks p:nth-of-type(2){
				margin-right: 0;
			}
		}
		 
 

 		@media only screen and (max-width: 1000px) {
			  #container_three {
				width:98%; 
				clear:both;
				padding: 0 1%;
			}
			div#featuredlinks p{
				width: calc(100% - 12px);
				max-width: calc(50% - 12px);
				
			}
			
			div#featuredlinks p:last-of-type{
				margin: 0 calc(25% + 5px);
			}
		}
 
		
		@media only screen and (max-width: 900px) {
			 
			div#featuredlinks p{
				width: calc(100% - 4px);
				max-width: calc(100% - 4px);
				margin: 0.5em 0;
				float:none;
				font-size:1.0em;
			}
		}
		
 	
		div#featuredlinks p:hover{
			background: white;	
		}
		
		div#featuredlinks p:hover a{
			color:#639;	
		}
		
	



		@media only screen and (max-width: 700px) {
			 
			div#featuredlinks p{
				width: 100%;
				max-width: 100%;
				margin: 0.5em 0;
				float:none;
				
			}
			
			div#featuredlinks p:last-of-type{
				margin: 0;
			}
		}
 



/* Tables 1*/
  

#cb_table1 {
    text-align: left; margin-left:20px;	
	 margin: 0;
  	padding: 0;
    border-collapse: collapse;
    width: 100%; border:1px solid #D8D9DA !important; 
	font-size:1.0em;
	font-family: 'Open Sans', sans-serif !important;	
}
 

#cb_table1 table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
 font-size:1.0em;
	font-family: 'Open Sans', sans-serif !important;	
	
	text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	margin:3px; padding:10px;  
}

#cb_table1 td, #cb_table1 th { 
	font-size:1.0em;
	font-family: 'Open Sans', sans-serif !important;	
	
	text-align:left; border:1px solid #D8D9DA;
    vertical-align:top; text-align:left; 
	margin:3px; padding:10px;  
   
}

#cb_table1 tr:nth-child(odd){background-color: #D8D9DA;} 


/**#cb_table1 tr:nth-child(odd){background-color: #f2f2f2;}
#cb_table1 tr:nth-child(even){background-color: #ffffff;}**/

/**#cb_table1 tr:hover {background-color: #ddd;}**/

#cb_table1 th {
	background-color: #ffffff;
  	border: 1px solid #ddd;
  	padding: .35em;
	padding-top: 12px;
    padding-bottom: 12px;
 	font-size:1.0em;
	/*font-family: 'Open Sans', serif; */
	
	font-family: 'Open Sans', sans-serif !important;	
	text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	margin:3px; padding:10px;   
}
 
 

@media screen and (max-width: 600px) {
#cb_table1 {
    border: 0;
  }

#cb_table1 caption {
    font-size: 1.1em;
  }
  
#cb_table1 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
#cb_table1 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
#cb_table1 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
	
  }
  
#cb_table1 td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
		