/* CSS Document */
body {background-color:#ffcc00; top-margin:0px; left-margin:0px;}
table {border:hidden; vertical-align:top; text-align:left;}
a:link, a:visited, a:active {color:#ffcc00; font-weight:bold; text-decoration:none}
a:hover {color:#ffffff}
.mainbody {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.specialtext {font-family:Geneva, Arial, Helvetica, sans-serif; color:#003366; font-size:14px; text-decoration:underline}
.specialheader {font-family:Geneva, Arial, Helvetica, sans-serif; color:#ffffcc; font-size:14px; text-decoration:none; font-variant:small-caps; font-weight:bold;}
.specialannouncement {font-size:14px; font-variant:small-caps; color:#009933}
.newsreader {font-family:"Courier New", Courier, mono; font-size:12px; font-weight:bold; letter-spacing:2px;}
.fancytext {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:none; font-weight:bold; color:#245d83; letter-spacing:3px;}
.header {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; margin-left:5px; margin-right:5px;}
.fineprint {font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:bold; color:#fefee7; font-variant:small-caps; text-align:center}
.calendardayrow {background-color:#fefee7; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#990000; text-align:center}
.calendardaterow {background-color:#ffcc00; font-size:10px; font-family:"Courier New", Courier, mono; font-weight:bold; color:#003366; text-align:right}
.calendarinforow {background-color:#ffffff; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003366; text-align:left}
.noclasses {background-color:#ff0000; color:#006600; font-weight:bold; font-size:14px; text-transform:uppercase; text-align:center}
#toptext {position:relative; text-align:left; font-family:"Courier New", Courier, mono; letter-spacing:3px; font-size:12px; font-weight:bold; left:130px; top:20px; color:#fefee7}
#toplayer {position:absolute; background-color:#000000; width:100%; height:80px; left:0px; color:#ffffff; top:0px;}
#bottomlayer {position:absolute; background-color:#000000; width:100%; height:800px; left:0px; color:#ffffff; top:280px; text-align:center}
#topunderlayer {position:absolute; background-color:#990000; width:100%; height:20px; left:0px; color:#ffffff; font-variant:small-caps; font-family:Arial, Helvetica, sans-serif; letter-spacing:5px; text-align:left; font-weight:bold; font-size:12px; verical-align:middle; top:80px;}
#bottomunderlayer {position:absolute; background-color:#990000; width:100%; height:20px; left:0px; color:#ffffff; font-family:"Courier New", Courier, mono; letter-spacing:5px; text-align:left; font-variant:small-caps; font-weight:bold; font-size:12px; verical-align:middle; top:260px;}
#text {position:absolute; left:150px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; top:295px; letter-spacing:2px; width:450px;}
#calendartext {
	position:absolute;
	left:0px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	top:293px;
	letter-spacing:2px;
	width:1000px;
	height: 430px;
}
#instructortext {
	position:absolute;
	left:0px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	top:293px;
	letter-spacing:2px;
	width:1000px;
}
#story {position:absolute; left:10px; color:#003366; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; top:295px; letter-spacing:1px; width:125px;}
#logo {position:absolute; left:10px; top:0px;}
#backerimage {position:absolute; left:0px; top:90px;}
#congrats {position:absolute; left:615px; width:180px; top: 295px; text-decoration:none; font-variant:small-caps; font-weight:bold; color:#fefee7; background-color:#245d83; font-family:Arial, Helvetica, sans-serif; font-size:10px;}


.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 0;}
.thumbnail span{position: absolute; background-color: lightyellow; padding: 5px; left: -5px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{border-width: 0; padding: 2px;}
.thumbnail:hover span{visibility: visible;top: -120px;left: -50px; width:400px;}
