*{
margin:0px;
padding:0px; 
}
img{border:0px;}
html{
width:100%;
height:100%;
/*background-color:#CCCCCC; */ 
}
body{
width:100%; 
}

#mainheader{
width:100%;
height:90px; 
background-color:#353535;
text-align:center;	
padding:0;
}

#header{
width:100%;
text-align:center;
}

.inside{
width:70%;
margin:0 auto;
overflow:hidden;

}


.logo{
float:left;
}


#mainmenu{
width:100%;
background-color:#666666;
/*min-width:1033px;
*/
}

.codetext{ font-family: "Courier New", Courier, monospace; }


.maincontent{
    width:1280px;
	margin:0 auto;
	/*background-color:white;*/
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	padding-left:5px;
	font-size:14px;

}

.maincontent h1{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:32px;
	font-style:normal;
	font-weight:300;
}

.maincontent h2{
	font-family:  Verdana, Geneva, Tahoma, sans-serif;
	font-size:26px;
	font-weight: 400;
	font-style:normal;
}

.maincontent h3{
	font-family:  Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	margin:0;
}

.maincontent h4{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;
	font-weight:600;
	font-style:normal;
	margin:0;
}

.maincontent p {
	font-family:  Verdana, Geneva, Tahoma, sans-serif;
/*	font-family:Roboto , sans-serif; */
	font-style:normal;
	/*font-weight:300;*/ 
	font-size:14px;
	line-height: 22px;
}

.maincontent li{
	font-family:  Verdana, Geneva, Tahoma, sans-serif;
/*	font-family:Roboto , sans-serif; */
	font-style:normal;
	/*font-weight:300; */
	font-size:14px;
	line-height:22px;
	}

.maincontent strong {
	font-family:  Verdana, Geneva, Tahoma, sans-serif;
/*	font-family:Roboto , sans-serif; */
	font-weight:600; 
	font-size:16px;
}

.MethodLinks {
	font-family:  Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	margin-left: 80px;
	line-height:200%;
    color: #800000;
	font-weight: bold;
}


#blocks{
background-color:#D8D8D8;
background-position:top left;
background-repeat:repeat-x;
height:285px;
padding:27px 0 0 20px;

}

.block1{
width:350px;
height:250px;
float:left;
border-radius:8px;
background-color:white;
margin-left:40px;
padding:0 5px 5px 5px;
}

#blocks h3{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight:bold;
font-size:16px;
color:#505542;
margin-top:20px;
margin-bottom:40px;
}

#blocks span{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size:14px;
color: black ; /*  #698224; */
display:block;
}

#NewBlocks{
background-color: #E8E6E1;
background-position:top left;
background-repeat:repeat-x;
height:auto;
/*height:285px;*/
padding:70px 0 0 20px;
overflow:auto;

}

#NewBlock1{
width:300px;
height:200px;
float:left;
/*border-radius:8px;*/
background-color:white;
margin-left:55px;
margin-bottom:70px;
padding:0 5px 5px 5px;
display: grid; place-items: center; font-size:22px; vertical-align:middle;text-align:center; padding-left: 20px; padding-right:20px;"
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

#NewBlock1:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    }




#bottomdiv{
	width:100%;
	height:600px;
	background-color:#36393E;
	bottom:0px;
}


.bottomblocks{
	width:1024px;
	margin:0 auto;
	background-color:#36393E;
}

.bottomblock1{
    float:left; 
  	width:290px;
    height:250px;
	padding:30px 0 0 50px;
	background-color:#36393E;
	text-align:left;
}


.FooterHeadings{
/*	 font-family:Verdana, Geneva, Tahoma, sans-serif; */
/*	 font-family:Roboto, Arial, Helvetica, sans-serif; */
     font-family:Helvetica,Arial, Helvetica, sans-serif;
	 font-size:18px;
	 color:#FF9900;  
}

.FooterLinks{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 color:#C0C0C0;
	 line-height:30px;
}

a.FooterLinks{
	 font-family:Arial, Helvetica, sans-serif; 
	 font-size:13px;
	 color:#C0C0C0;
	 line-height:150%; 
}

#linksdiv {
	float: right; 
	margin-right:20px;  
	width: 200px;
	border-radius: 15px 15px 5px 5px;
	border: 1px solid #698224;
}


#linksdivhead {
    width:100%;
    border-radius: 14px 14px 0px 0px;
	border: 0px solid #73AD21;
	text-align: center;
	background: #003300;  /* #698224; */
	color: white;
	font-size: 15px;
	font-weight: bold;
	}
	




/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
       /* Smaller Resolution Desktops and Laptops */

       img { max-width:100%;}

       img.logo{ max-width:100%}
       a.logo { max-width:100%}
       a.inside { max-width:100%}
       
		.inside{
			width:100%;
         }
       p.MainPicSlogan {
			font-size: 30px;
	     }

		.maincontent{
		    width:100%;
		}

		#blocks{
		   width:100%;
		   padding:0 0 0 0;
	   }  
	   .block1{
		margin-left:0;
		width:100%;
		}
		
		#NewBlocks{
		  display:none;
		}
		
		
		
		.MethodLinks  {
			margin-left:0px;
			}
		
		ul.Methodlinks {
		   margin-left:0px;
		   }
		
		a.Methodlinks {
		   margin-left:0px;
		   }
  
		p.Methodlinks {
		   margin-left:0px;
		   }
		   
  		.bottomblock1{
	     width:100%;
	     }

		.bottomblocks{
			width:100%;
			float:left;
			}
		.bottomdiv {
		    height:100%;
		    }

		.icacopyright{
	      display:none;
		}
		

}
@media (max-width: 650px) {
       /* Smaller devices */

		.inside{
			width:100%;
         }

      #MainPic {display:none;}

		.maincontent{
		    width:100%;
		}
		#blocks{
		   width:100%;
		   padding:0 0 0 0;
	   }

	   .block1{
		margin-left:0;
		}
		#NewBlocks{
		 display:none;
		}



		.bottomblocks{
			width:100%;
			height:100%;
			float:left;
			}
	        
  		.bottomblock1{
	     width:100%;
		padding:5px 0 0 10px;

	     }

		.bottomdiv {
		    height:100%;
		    }
		    
		    
		    
		.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
		}
		
		.video-container iframe,
		.video-container object,
		.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}


}

}
@media (max-width: 450px) {
       /* Even Smaller devices */
 
 
            #MainPic {display:none;}
             
		.inside{
		  width:100%;
	    }

		.maincontent{
		    width:100%;
		}

		#blocks{
		   width:100%;
		   padding:0 0 0 0;
	   }

	   .block1{
		margin-left:0;
		}

		#NewBlocks{
		   display:none;
		}
		



  		.bottomblock1{
	     width:100%;
	     }

		.bottomblocks{
			width:100%;
			height:100%;
			float:left;
			}

        .bottomdiv {
	       height:100%;
		}
    
      #linksdiv {
	       display: none;
	       }
	
}
}


}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
       /* Even Smaller devices */

      #MainPic {display:none;}

  	 .inside{
	    width:100%;
	  }
	 .maincontent{
	    width:100%;
	 }
	#blocks{
		   width:100%;
		   padding:0 0 0 0;
	   }
	   .block1{
		margin-left:0;
		}

		#NewBlocks{
		   display:none;
		}
		


  		.bottomblock1{
	     width:100%;
	     }

		.bottomblocks{
			width:100%;
			height:100%;
			float:left;
			}
        .bottomdiv {
	       height:100%;
		}


}