body {
    background-color: blue;
}

h1 {
    color: red;
    margin-left: 20px;
}

.rowTint1 {
  background-color: #cba;
}

.rowTint {
  background-color: #bcd;
}

#popup { color: #000; background-color: #dddddd; }

#popup a, #popup a:visited {
	position: relative;
	display: block;
	width: relative;
	line-height: 30px;
	text-align: center;
	padding: 0 10px;
	margin: 0;
	border: 0px solid #666;/*box around name */
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

#popup a span {
	display: none;
}

#popup a:hover { 
	background-color: #e9e9e2; 
}

/* the IE correction rule */
#popup a:hover	{
	color: #0f0; 
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	display: block;
	position: absolute;
	top:-200px;
	left: -250px;
	width: 220px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: center;
	border: 10px solid #666;
}



#popup1 { color: #000; background-color: #dddddd; }

#popup1 a, #popup a:visited {
	position: relative;
	display: block;
	width: relative;
	line-height: 30px;
	text-align: center;
	padding: 0 10px;
	margin: 0;
	border: 0px solid #666;/*box around name */
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

#popup1 a span {
	display: none;
}

#popup1 a:hover { 
	background-color: #e9e9e2; 
}

/* the IE correction rule */
#popup1 a:hover	{
	color: #0f0; 
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup1 a:hover span {
	display: block;
	position: absolute;
	top:77px;
	width: 290px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: center;
	border: 10px solid #666;
	
}

<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

li {
    float: left;
    padding: 8px;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111111;
}
</style>



.crop {
 height: 100px;
 width: 100px;
 overflow: hidden;
}
.crop img {
 height: 100px;
 width: auto;
}
 
