@import url("global.css");  /* import the global styles*/

#evanonline{
	background-image: url(../images/eored.png);
}
#fifth{
	background-image: url(../images/programheader.jpg);
}
h1{
	background-image: url(../images/programback.jpg);
}

a{
	color:red;
}
a:hover{
	text-decoration:overline;
}

.popup, .window, .info, .slide{
	width:100px;
	height:50px;
	cursor:pointer;
	background-position:top left;
	background-repeat: no-repeat;
	text-indent:2000px;
	overflow:hidden;
	margin:1px;
	display:block;
	float:left;
}
.slide{
	background-image: url(../images/slidebutton.png);
}
.info {
	background-image: url(../images/infobutton.png);
}
.popup{
	background-image: url(../images/popupbutton.png);
}
.window{
	background-image: url(../images/windowbutton.png);
}
.slide:hover{
	background-image: url(../images/slidebutton.png);
	background-position: bottom left;
}
.info:hover{
	background-image: url(../images/infobutton.png);
	background-position: bottom left;
}
.popup:hover{
	background-image: url(../images/popupbutton.png);
	background-position: bottom left;
}
.window:hover{
	background-image: url(../images/windowbutton.png);
	background-position: bottom left;
}

.buttons{
	float:left;
	margin:10px;
	padding-left:50px;
}
.description{
}
#c4description, #tandescription, #pegsdescription{
	display:none;
}

#box{
	display:none;
	position:absolute;
	text-align:left;
	top:100px;
	border:thick solid red;
	background-color:white;
	padding:10px;
}
	
.closebutton{
	float:right;
	height:30px;
	width:30px;
	background-position:top left;
	background-repeat: no-repeat;
	background-image: url(xbutton.png);
	text-indent:2000px;
	overflow:hidden;
}
.closebutton:hover{
	background-image: url(xlitbutton.png);
}

.thumbnail{
	float:left;
	padding-right:10px;
}