@charset "UTF-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, div, ul, ol {
	margin: 0px;
	padding: 0px;
	border: none;
}
body {
	background-color: #000;
	/* background-image:url(../images/diag3.png); */
	background-repeat:repeat;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	border:none;
}
.panel {
	display: block;
	position: absolute;
	height: 188px;
	width: 188px;
	background-color: #333;
	color: #FFF;
	opacity: 0.8;
	padding: 0px;
	margin: 0px;
	border: 1px solid #000;
}
.panel:hover {
	opacity: 1.0;
	color: #BBB;
	cursor: pointer;
}
.panel a {
	display:block;
	text-decoration:none;
	color:inherit;
}
.panel a {
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.selected {
	border: 1px solid #222;
}
#panel-container {
	position: absolute;
	top: 50px;
	left: 50px;
}
#research {
	left: 0px;
	top:  50px;
	background-image: url(../images/research_sm.jpg);
	background-position: -1px -1px;
}
#publications {
	left: 200px;
	top:  0px;
	background-image: url(../images/publications_sm.gif);
	background-position: -1px -1px;
}
#resume {
	left: 250px;
	top:  200px;
	background-image: url(../images/cv_small.jpg);
	background-position: -1px -1px;
}
#contact {
	left: 50px;
	top:  250px;
	background-image: url(../images/smallD_1.jpg);
	background-position: -1px -1px;
}
.panel h3 {
	font-style:	italic;
	font-size: 1.5em;
	text-align:center;
	vertical-align:	middle;
	width: 188px;
	margin:0px;
	padding:8px 0;
	background-color:#222;
	color: #FFF;
	opacity: 0.8;
}
.panel p {
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
}
#contact h3, #resume h3 {
	position:absolute;
	bottom: 0px;
	width: 188px;
}
.panel .substance {
	visibility:hidden;
}
.selected .substance {	
	visibility:visible;
}
.topper {
	border-top: 2px solid yellow;
}
#panel-container {
	margin:0;
	padding:0;
	width:440px;
	height: 440px;
}