html,
       body {
		margin:0;
		padding:0;
		height:100%;
	}
	#container {
	  margin-top: 0%; 
		min-height:100%;
		position:relative;
	}
	#header {
		margin-left: 10%;
		margin-right: 10%;
		vertical-align: bottom;
	}

/* portrait */
@media screen and (orientation:portrait) {
.mobile {
  display: inline;
  color: red;
  font-weight: bold;
  margin-bottom: 50px;
}
}
/* landscape */
@media screen and (orientation:landscape) {
.mobile {
  display: none;
}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, input:focus {
        font-size: 16px;
    }
}

@media all and (min-width:601px) { 	
	#body {
	padding-bottom:35px;
	margin: auto;                                                                                                                
   	margin-top: 50px; 
   	margin-left: 10%;    
   	margin-right: 10%;                                                                                                         
   	text-align: left;                                                                                                            
   	/* width: 95%; */                                                                                                        
   	font-family: Lato, Helvetica, Arial;                                                                                                      
     /*  min-height: 250px;  */ 	 
	}
}	
	
@media all and (max-width:600px) { 	
		#body {
       overflow: hidden;
	padding-bottom:35px;
	margin: auto;                                                                                                                
   	margin-top: 10px; 
   	margin-left: 10%;    
   	margin-right: 10%;                                                                                                         
   	text-align: left;                                                                                                            
   	/* width: 95%; */                                                                                                        
   	font-family: Lato, Helvetica, Arial;                                                                                                      
     /*  min-height: 250px;  */ 	 
	}
}	

    #contentintro {                                                                                                                
   	margin: auto;                                                                                                                
	margin-top: 15px;                                                                                                              
   	text-align: center;                                                                                                                                                                                                   
   	font-family: Lato, Helvetica, Arial;                                                                                                     
   	font-size:large;                                                                                                          
  } 
    #contentintro2 {                                                                                                                
   	margin-left: 43%;                                                                                                                
	text-align: left; 
       font-family: Lato, Helvetica, Arial;                                                                                                     
   	font-size:large;                                                                                                          
  } 
    .Nav_test {                                                                                                                    
     margin: 0 40% 0 40%;                                                                                                        
     color:red;                                                                                                                  
     width:100px;                                                                                                                
     height:50px;                                                                                                                
     font-size:20px;                                                                                                             
  }           
	     a {                                                                                                                            
	color: #666666;  
	text-decoration: none;                                                                                                              
  }                                                                                                                              
                                                                                                                                 
  a:hover {                                                                                                                      
	color: #8c8c8c;                                                                                                                
	text-decoration: underline;                                                                                                    
  }  
	#footer {
	  clear: both;
		position:absolute;
		bottom:0;
		width:100%;
		height:20px;			/* Height of the footer */
	}
	
@media all and (max-width:500px) {	
	   .footertext  {                                                                                                                     
      font: normal 8px Lato, Helvetica, Arial;   
      vertical-align: bottom;
      margin-left: 10%; 
      margin-right: 10%;                                                                                               
   }  
}  

@media all and (min-width:501px) {	
	   .footertext  {                                                                                                                     
      font: normal 12px Lato, Helvetica, Arial;   
      vertical-align: bottom; 
      margin-left: 10%; 
      margin-right: 10%;                                                                                              
   }  
} 
	/* other non-essential CSS */

@media all and (min-width:601px) { 
	  .title {                                                                                                                       
        font-family: Lato, Helvetica, Arial;                                                                                                 
        font-size: x-large;  /* 1.4em; */                                                                                                
        text-align: left;                                                                                                      
        color: black;  /*#000000;*/                                                                                              
        vertical-align: bottom;   
        margin-left: 10%;            
        padding-top:20px;                                                       
  }                                                                                                                                    
                                                                                                                                 
   .title img {                                                                                                                                                                                                                 
        width: 62px;                                                                                                            
        height: 60px;  
        vertical-align: middle;                                                                                                           
  }    
  div#bar1, div#bar2 {
    padding-top:5px;
    border-bottom: 2px solid #006341;
    margin-bottom: 5px;
    width: 100%;
  }
      .buttons {                                                                                                                   
        margin-left: 0px;  
        float: right;  
        width: 80px;                                                                                                          
        height: 30px;  
        font: normal 18px Lato, Helvetica, Arial;                                                                            
  }   
}  

@media all and (max-width:600px) { 
	  .title {                                                                                                                       
        font-family: Lato, Helvetica, Arial;                                                                                                 
        font-size:0;  /* 1.4em; */                                                                                                
        text-align: center;                                                                                                      
        color: black;  /*#000000;*/                                                                                              
        vertical-align: bottom;   
        margin-left: 0%;            
        padding-top:0px;                                                       
  }                                                                                                                                    
                                                                                                                                 
   .title img {                                                                                                                                                                                                                 
        width: 62px;                                                                                                            
        height: 60px;  
        vertical-align: middle;                                                                                                           
  }    
  div#bar1, div#bar2 {
    padding-top:2px;
    border-bottom: 2px solid #000000;
    margin-bottom: 2px;
    width: 100%;
  }
      .buttons {                                                                                                                   
        margin-left: 0px;  
        float: right;  
        width: 80px;                                                                                                          
        height: 30px;  
        font: normal 16px Lato, Helvetica, Arial;                                                                            
  }   
} 
     .qtext  {                                                                                                                     
      font: bold 18px Lato, Helvetica, Arial;                                                                                                  
   }                                                                                                                             
     .qlabel  {                                                                                                                    
      font: normal 18px Lato, Helvetica, Arial; 
      margin-bottom: 15px;                                                                                              
   }   
                                                                                             

      .buttonscenter {                                                                                                                   
        margin-left: 0px;  
        float: center;  
        width: 190px;                                                                                                          
        height: 30px;  
        font: normal 18px Lato, Helvetica, Arial;                                                                            
  }   

    #errortitle {                                                                                                                  
     background-color: #ffffff;                                                                                                  
     height: 75px;                                                                                                               
     line-height: 25px;                                                                                                          
     width: 100%;                                                                                                                
     padding-top: 20px;                                                                                                          
     font-family: Lato, Helvetica, Arial;                                                                                                    
     font-size: 16px;                                                                                                            
     margin: 0 auto;                                                                                                             
     text-align: center;                                                                                                         
     letter-spacing: 1px;                                                                                                        
     color: #FF0000;                                                                                                             
     border: 1px outset #ededed;                                                                                                 
  }                                                                                                                              
                                                                                                                                 
  .error {                                                                                                                       
    color: #FF0000;                                                                                                              
    font: bold 18px Lato, Helvetica, Arial;                                                                                                             
  }                                                                                                                              
                                                                                                                                 
  .errorPrefix {                                                                                                                 
    color: #FF0000;                                                                                                              
    font-size: 10pt;                                                                                                             
  }