* {box-sizing: border-box;}

body 
{ 
	font-family: Arial, Helvetica,  Verdana, "Times New Roman", Times, serif;
	padding:0em;   
	font-size:0.9em; 
	color:#444;
	line-height: 20px;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

.container 
{  
	font-family: Arial, Helvetica,  Verdana, "Times New Roman", Times, serif;
	cursive; padding:1em;
	max-width: 1200px;
	margin: auto;
}

h1 {  
	font-family: Arial, Helvetica,  Verdana, "Times New Roman", Times, serif;
	padding:0 0 .5em 0; 
	font-size:1.8em; 
	color: rgb(50,50,50);
	line-height: 30px;
}

h2 
{  
	font-family: Arial, Helvetica,  Verdana, "Times New Roman", Times, serif;
	font-size:1.2em; 
	margin-top:10px;
	margin-bottom:3px;
}

h3
{  
	font-family: Arial, Helvetica,  Verdana, "Times New Roman", Times, serif;
	font-size:1.4em; 
	margin-top:7px;
	margin-bottom:3px;
}

h4
{  
	font-family: Arial, Helvetica,  Verdana, "Times New Roman", Times, serif;
	font-size:1.0em; 
	margin-top:7px;
	margin-bottom:3px;
}

.header { padding:1em 0; }
.col {background: #fff; padding:0em 0; text-align:left;
font-family: Arial,Verdana;
}

.footer {
margin-top: 20px;
padding:0px;
color:black;
background: white;
font-size:10px;
line-height: 12px;
}

.head {
padding:10px;
color:black;
background: white;
margin-bottom: 20px;
}

.resize_img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.scaleimage {
	max-width: 100%;
	padding: 0%;
	margin: 0 0 0 0;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage {
	max-width:100%;
	padding: 0px;
	margin: 0 0 0 0;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	border:0px solid black;

	background: #FFF;
	border-radius: 2px;
}

.siteimage:hover {
	background: #EEE;
	position: relative;
	top: -2px;
	-webkit-transform: scale(1.05);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1.05);
	-moz-transform-origin: 50% 50%;
	-o-transform: scale(1.05);
	-o-transform-origin: 50% 50%;
	-ms-transform: scale(1.05);
	-ms-transform-origin: 50% 50%;
	transform: scale(1.05);
	transform-origin: 50% 50%;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,1,1);
	-moz-box-shadow: 0 3px 6px rgba(0,0,1, 1);
	box-shadow: 0 3px 6px rgba(0,0,1,1);

	border-radius: 2px;
}

.siteimage2 {
	max-width:100%;
	padding: 5%;
	margin: 0 0 0 0;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	border:0px solid black;

	background: #FFF;
	border-radius: 2px;
}

.siteimage2:hover {
	background: #EEE;
	position: relative;
	top: -2px;
	-webkit-transform: scale(1.01);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: scale(1.01);
	-moz-transform-origin: 50% 50%;
	-o-transform: scale(1.01);
	-o-transform-origin: 50% 50%;
	-ms-transform: scale(1.01);
	-ms-transform-origin: 50% 50%;
	transform: scale(1.01);
	transform-origin: 50% 50%;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,1,1);
	-moz-box-shadow: 0 3px 6px rgba(0,0,1, 1);
	box-shadow: 0 3px 6px rgba(0,0,1,1);

	border-radius: 2px;
}

.siteimage0 {
	max-width:100%;
	padding: 5%;
	margin: 0 0 0 0;

	background: #FFF;
	border-radius: 2px;
}

a {
   color:black;
    border-bottom: 5px solid yellow;
  }​

.green-highlight, .pink-highlight, .yellow-highlight {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 3px;
 }

.green-highlight {
    background: #99FFCC; /* Default color, all browsers */
}

.green-highlight::selection {
    background: #99CCCC; /* Selection color, WebKit/Blink Browsers */
}

.green-highlight::-moz-selection {
    background: #99CCCC; /* Selection color, Gecko Browsers */
}

.pink-highlight {
    background: #FFCCFF; /* Default color, all browsers */
}

.pink-highlight::selection {
    background: #FF99FF; /* Selection color, WebKit/Blink Browsers */
}

.pink-highlight::-moz-selection {
    background: #FF99FF; /* Selection color, Gecko Browsers */
}

.yellow-highlight {
    background: #FFFFCC; /* Default color, all browsers */
}

.topnav {
  overflow: hidden;
  background-color: #ffffff;

}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}


.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #2196F3;
  color: white;
}

.topnav .search-container {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
border-bottom:1px dashed black;
}

.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddf;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccf;
}

@media screen and (max-width: 480px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}