
.wrap	{width: 980px; margin: 0 auto; background: rgba(155,155,155,.25); padding-bottom: 30px;}

.style4 {color: #FFFF00; font-weight: bold; }
a:link {
	color: yellow;
}
a:visited {
	color: white;
}
a:hover {
	color: red;
}
a:active {
	color: orange;
}
body {
	background-color: #000000;
}
.style7 {color: #FFFF00; font-weight: bold; font-size: 35pt; letter-spacing: .2em; font-style: italic; margin-top: 0;}
.style1 {color: #FFFF00}

.style2 {color: #FFFF00; font-weight: bold; }

.bar	{width: 70%; list-style-type: none; margin-left: 139px; margin-top:-30px;}
.bar a  {float: left;
		width: 17.5%; color: yellow; text-decoration: none;
		background: rgba(155,155,155,.3);
		padding-top: 1%;
		padding-bottom: 1%;
		text-align: center;
		border: solid black;
		font-size: large;}
.bar a:visited 			{color: rgb(255,255,255);
						font-weight: bold; font-size: large;}
.bar a:hover 			{color: red; text-decoration: underline; font-size: large;
						font-weight: bold;background: rgba(0,0,0,.8); 
						border: thin solid white; width: 17.5%;}
.bar a:active 			{color:#FF9900; font-size: large;}
.lfbody {
	text-align: left;
}
.style2 .lfbody {
	text-align: left;
}
.style244 {color: #FFFF00; font-weight: bold; line-height: 1.5em;}

.style23 {font-size: xx-large; color: yellow;}

#container {position:relative; width:900px; height: 1000px; background:black; border:1px solid yellow; margin:20px auto; margin-top: 10px; font-family:verdana, arial, sans-serif; font-size:large; color: white;}

#container a.pics {float:left; padding:7px 21px; display:inline; color:white; text-decoration:none; width:75px; height:75px; cursor:default; font-size: xx-large;}

#container a.pics img.thumb {display:block; border:1px solid #000;}

#container a.pics span {display: none; border:0; background: none; text-align:center; margin-top: 60px; }

#container a.pics span img {margin:10px; border:1px solid #000;}

#container a.pics:hover {white-space:normal;}

#container a.pics:hover img.thumb {border:1px solid #fff;}

#container a.pics:active img.thumb {border:1px solid #fc0;} 

#container a.pics:active span {display:block; position:absolute; left:150px; top:220px; z-index:5; height:500px; background: black; color: white; font-size: xx-large;}

#container a.pics:focus {outline:0;}

#container a.pics:focus img.thumb {border:1px solid #fc0;}

#container a.pics:focus span {display:block; position:absolute; left:150px; top:220px; z-index:5; outline:0; height:500px; background: rgb(0,0,0);}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin-left: 175px; padding:200px 0 0 0; width:600px; text-align:center; color:white; z-index:1;}

#container span.info a {color:#000;}

#container span.info a:hover {text-decoration:none;}