html { font-family: sans-serif; 
    }   
    		
    body { margin: 2% 3%;
    padding: 2px; 
	background-color: rgb(90, 90, 90); 
    }
			
    header { border: 3px; 
    border-style: solid; 
    border-color: rgb(150, 60, 60); 
    color: rgb(150, 60, 60); 
    text-align: center;  
    margin: 2px;
	padding: 2px; 
	background-color: rgb(255, 255, 255);
	}
    
    nav { margin: 2px; width: 100%; display: table; text-align: center; }
			ul { list-style-type:none; margin:0; padding:0; position: center; }
			li { display:inline-block; margin: 2px 14px 2px 0px; }
			li a { display:block; height: 30px; text-align: center; line-height: 30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); text-decoration: none; padding: 0px 5px; }
			li:hover a { background-color: rgb(120, 120, 120); }
			li ul li a { width: auto; min-width: 100px; padding: 20px; }
			.show-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background-color: rgb(120, 120, 120); text-align: center; padding: 10px 0px; display: none; }
			.show-menu:hover { background-color: rgb(150, 150, 150); }
			input[type=checkbox]{ display: none; }
			input[type=checkbox]:checked ~ #menu{ display: block; }
			@media screen and (max-width: 1225px)
				{ 
				ul { position: static; display: none; }
				li { margin-bottom: 1px; } 
				ul li, li a { width: 100%; } 
				.show-menu { display:block; }
				}				
			.dropdown { position: relative; display: inline-block; }	
			.dropdown-content { display: none; position: absolute; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }	
			.dropdown-content a { color: rgb(255, 255, 255); padding: 12px 16px; text-decoration: none; display: block; }		
			.dropdown-content a:hover { background-color: rgb(150, 150, 150); }
            .dropdown:hover .dropdown-content { display: block; }		
	
	article { line-height: 1.5; 
	font-size: 20px;
	padding: 20px;
    color: rgb(255, 255, 255); 
    background-color: rgb(60, 90, 120); 
    border: 2px solid white; 
    margin: 5px;    
	min-height: 500px;
    }
			
    section { min-height: 212px; 
    font-size: 18px; 
    color: rgb(255, 255, 255); 
    background-color: rgb(60, 90, 120); 
    border: 2px solid white; 
    margin: 5px;     
    padding: 20px, 10px, 20px, 10px; 	
	}
	    
    footer {font-size: 16px;
    line-height: 1.5;
    padding: 30px 20px;
    color: rgb(255, 255, 255); 
    text-align: center;
    }
	
	
	.spathis-pic { float: left; margin: 20px 0px 0px 20px; border: 1px solid white; width: 163px; height: 201px; }	
	.spathis-info { padding: 20px; display: table; min-width: 200px; min-height: 210px; line-height: 1.3; }
	.product-icons { float: left; padding: 3% 1% 1% 1%; } 
	.product-review-links { border: 2px solid rgb(255, 255, 255); margin: 1% 10%; background-color: rgb(200, 200, 150); text-align: center; }
	.additional-links { text-align: center; padding-top: 3px; }
	.bottom-page-disclaimer { text-align: justify; padding: 50px 0px 20px 0px; }
	
	.article-heading {text-align: center; color: rgb(150, 60, 60); background-color: rgb(255, 255, 255); }
	.article-subheading {text-align: center; color: rgb(150, 60, 60); background-color: rgb(255, 255, 255); }
	.article-paragraph { padding: 1% 2%; display: table; }
	.ategories { text-align: center; background-color: rgb(255, 255, 255); padding: 5px 5px 20px 5px; margin-bottom: 20px; border: 1px solid rgb(150, 100, 50); }
	.product-icon { float: left; padding: 3%; } 
	.review { padding: 3%; display: table; min-width: 200px; min-height: 250px; }
	.site-map-heading { color: rgb(255, 255, 255); background-color: rgb(90, 90, 90); border: 3px solid rgb(150, 60, 60); }
	.site-map-links { text-align: center; background-color: rgb(255, 255, 255); padding: 20px; margin: 3% 6%; font-size: 20px; line-height: 2; }