@charset "utf-8";
/*

File: Layout CSS
*/

*, *::before, *::after{box-sizing:border-box;}
.clear, .group{display:block;}
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

/* DivTable*/
.divTable{
	display: table;
	width: 90%;
	vertical-align: bottom;
	display:block; margin:0 auto;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.box img:hover {
  box-shadow: 0 0 15px rgba(33,33,33,.4);
  transition: .3s ease; 
}
.zoom img:hover {
  transform: scale(1.01);
}
.container {text-align:center;}

/* Font
--------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .heading{margin:20px 20px  0; line-height:normal; font-weight:normal;font-family: "Times New Roman", Times, serif; font-size: 20px; }
p {font-family: "Times New Roman", Times, serif; font-size: 20px;}
/*
The "hoc" class is a generic class used to centre a containing element horizontally
It should be used in conjunction with a second class or ID
*/
.hoc{display:block; margin:0 auto;}

/* Grid
--------------------------------------------------------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;}

.first{margin-left:0; clear:left;}
.one_quarter{width:22.69938650306748%;}
.one_third{width:31.28834355828221%;}
.one_half, .two_quarter{width:48.46625766871166%;}
.two_third{width:65.6441717791411%;}
.three_quarter{width:74.23312883435584%;}

/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc{max-width:978px;}
	
}

/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:750px){
    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:none; margin:0 0 0 3.06748466257669%; list-style:none;}
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	.container{padding-bottom:50px;}/* Not neccessary - just looks better */
}

@media screen and (max-width:450px){
	
}
/* links and table
--------------------------------------------------------------------------------------------------------------- */
a.mainnav:hover { color:rgb(0,102,255);  border-color:rgb(255,255,153); border-style:none;;text-decoration: none; }
		  		 a:link { color:rgb(0,0,153); } a:visited {color:#707070; } a:active { color:maroon; } 
		  		 table.c18 {background-image:url("http://www.antique-microscopes.com/american/bgstuc2.jpg"); border-collapse:collapse;}
		  		 span.c9 {font-size:13pt;}
		  		 span.c8 {font-size:14pt;}
		  		 span.c7 {font-size:22pt;}
		  		 p.c2 {text-align: center}
		  		 p.t1 {font-family: "Times New Roman", Times, serif; font-size: 18px; text-align: left;}
                 div.t2 {margin-left: 2em; margin-right: 1em; border-style: none;}
		  		 h2.c2 {text-align: center}
		  		 td.c20 {border: 1px solid black; background-image: url(http://www.antique-microscopes.com/american/bgstuc2.jpg); text-align: center;}
/* navbar
--------------------------------------------------------------------------------------------------------------- */		
		.navbar {
		    overflow: hidden;
			background-color: #525252;
		    font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 12pt;
			font-weight: bold;
			height: auto;
		}
		
		.navbar a {
		    float: left;
		    font-size: 16px;
		    color: white;
		    text-align: center;
		    padding: 2px 16px;
		    text-decoration: none;
		    border-radius: 10px;
		    
		}
		
		.dropdown {
		    float: left;
		    overflow: hidden;
		    border-radius: 10px;
		    
		}
		
		.dropdown .dropbtn {
		    font-size: 16px;    
		    border: none;
		    outline: none;
		    color: white;
		    padding: 2px 16px;
		    background-color: inherit;
		    font-family: inherit;
		    margin: 0;
		    
		}
		
		.navbar a:hover, .dropdown:hover .dropbtn {
		    background-color: rgb(250,250,250);
		    color:rgb(0,102,255);
		    transition: 1s ease; 
		 
		}
				
		.dropdown-content {
		    display: none;
		    position: absolute;
		    min-width: 12px;
		    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		    z-index:1;
		    background-color: #525252;
		    
		}
		
		.dropdown-content a {
		    float: none;
		    color: white;
		    padding: 3px 14px;
		    text-decoration: none;
		    display: block;
		    text-align: left;
		    background-color: #525252;
		    
		}
		
		.dropdown-content a:hover {
		    background-color: rgb(250,250,250);color:rgb(0,102,255);
		     transition: 1s ease; 
		}
		
		.dropdown:hover .dropdown-content {
		    display: block;
		     transition: .4s ease; 
		}
		
	    a.picked {
        overflow: hidden;
        background-color:   #525252;
        color:rgb(200,200,200);    
        }
        
        a.picked:hover {
       background-color:#525252; 
       color:rgb(200,200,200);
        }
        
       .border img {
       transition: .5s ease;
       }
       
      .border img:hover{
      box-shadow: 0 0 0 2px #000000;
      transition: .3s ease;
      }