body { 
	background-color: white;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.5em;
	/* these next two lines are basically meaningless, 
		they just make things more visually consistent in firefox */
	overflow: scroll !important;
	overflow: auto;
	}

	.wrapper {
		background-color: white;
		border: 1px solid black;
		margin: auto;
		width: 770px;
		}
	
	.topbar {
		background-color: #ccccff;
		border-bottom: 1px solid #666699;
		border-top: 1px solid #e0e0fd;
		top: 0;
		}
		
		.topbar h1 {
			background: url("banner.gif") no-repeat; 
			height: 45px;
			margin: 0;
			width: 225px; 
			}
		
			.topbar h1 span {
				display: none;
				}
				
	.navbox {
		background-color: #ccccff;
		border: 1px solid #666699;
		float: right;
		margin: .5em;	
		padding: .5em;
		}
		
		.navbox a {
			color: black;
			}
	
	.main {
		background-color: white;
		margin: 8px;
		}
		
		h2 {
			color: #666699;
			font-size: large;
			font-style: italic;
			}
			
		h3 {
			color: #666699;
			font-size: medium;
			font-style: italic;
			}
	
	.bottombar {
		background: #ccccff;
		border-top: 1px solid #e0e0fd;
		font-size: smaller;
		padding: 1px .5em;
		text-align: right;
		}