html {

	background-color: #282828;
	color: #383838;
	text-align: center;
}

body {

margin-left: 3%;
margin-right: 3%;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;

	background-color: #282828;
	color: #383838;
}

img {
border:none;
}

html > body {
	background: #282828;
}

div#container {
	background: #282828;
}


#popup a, a:link, a:visited, a:hover, a:active {
color: #110077;
font-size:small;
text-decoration:none;
z-order:1;
}

a:link,a:visited {
	color: #000066;
	text-decoration: underline;
}


a:hover, a:active {
	color: #383838;
	text-decoration: underline;
}

.style1 {font-size: 9px}
.style2 {color: #000e78}
.style3 {color: #333333; }
.style4 {color: #3300FF}
.style5 {
	font-size: 14px;
	font-weight: bold;
}

.style33 {
	font-size: x-small;
	color: #666666;
}

.style13 {color: #000000}
.style6 { font-size: 36px}
.style7 {color: #000099}
.style8 {
	color: #0000CC;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
}
.style10 {
color: #3300FF;
font-size: 13px;
}

.menu a { display:block; }
.menu a:hover { color: green; border-left:groove; display:block; }

.popup a:link, a:visited {
	background-color: inherit;
	color: #3300FF;
	text-decoration: none;

}


.thumbnail2{
position: relative;
z-index: 1;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 1;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -5000px;
visibility: hidden;
color: black;
text-decoration: none;
z-index:1;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */

}

.pics{
position: relative;
z-index: 5;
}

.pics:hover{
background-color: transparent;
z-index: 50;
}

.pics span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: black; */
padding: 5px;
left: -5000px;
visibility: hidden;
/*color: black;*/
text-decoration: none;
}

.pics span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.pics:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -2px;
left: -2px; /*position where enlarged image should offset horizontally */
}