body {
	text: black;
	background: white;
}
h2 {
	font-style: italic;
	font-size: 140%;
}
h1 {
	font-size: 180%;
	text-align: center;
}
.bigger {
	font-size: 140%;
}
.topbar {
	background-image: url(bar.gif);
	background-repeat: repeat-x;
	color: fuchsia;
	margin: 0px;
	padding-left: 0px;
	padding: 1ex;
}
div.img img {
	margin-top: 0ex;
}
img {
	border: none;
}
.toptext {
	font-style: italic;
	margin-left: 10em;
}
.right {
	float: right;
	padding-right: 1em;
	padding-left: 1ex;
}
.left,
.logo {
	float: left;
}
.left {
	padding-left: 1em;
	padding-right: 1ex;
}
.right-space {
	margin-left: 5em;
}
.clear {
	clear: both;
}
ul.square {
	list-style-type: square;
}
ul.square li {
	margin-bottom: 1.5em;
}


@media screen {
	div.menu {
		width: 100%;
		background-image: url(menu.gif);
		background-repeat: repeat-x;
		float: left;
		margin: 0px;
		text-align: center;
	}
	div.menu li {
		background-image: url(menu.gif);
		background-repeat: repeat-x;
		background-position: center center;
	}
	div.menu li:hover {
		background-image: url(menu-hover.gif);
	}
	div.menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 12em;
		float: left;
	}
	div.menu ul li ul {
		display: none;
		position: absolute;
		z-index: 500;
	}

	div.menu ul li:hover ul {
		display: block;
	}
}