screen.css

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif,"Bitstream Vera Sans";
	font-size:12px;
	line-height:20px;
	}

.pageWrapper {
	width:960px;
	margin:0 auto 10px auto;
	border:1px solid #999;
	border-top:none;
	box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	background:url('images/sakura-bg-800.jpg') no-repeat right bottom;
	}
.slideshow {
	width:960px;
	height:384px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	background:#000;
	}
	#theDate { position:absolute; left:0; top:192px; width:960px; text-align:center; z-index:0; color:#fff; display:none; font-size:13px; letter-spacing:1px }
	#front { position:absolute; left:0; top:0; display:none; z-index:1 }
	#back { position:absolute; left:0; top:-384px; display:none; z-index:0 }
.navBar {
	background:url('images/navbar.png') repeat-x 0 0;
	width:100%;
	height:39px;
	padding:0;
	clear:both;
	text-transform:uppercase;
	overflow:hidden;
	position:relative;
	}
	.navBar ul { margin:10px 0 0 0; padding:0; clear:left; float:left; list-style:none; position:relative; left:50%; text-align:center; }
	.navBar li {
		display:block;
		float:left;
		margin:0 70px;
		padding:0;
		list-style:none;
		position:relative;
		right:50%;
		}
	.navBar li a { display:block; color:#ddd; text-decoration:none }
	.navBar li a:hover { color:#eee; }
.content { padding:20px 60px; color:#556; }
	.content div { margin:30px 40px; width:500px }
	.content h2 { margin:20px 0 5px 0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:24px; color:#667 }
	.content p { margin:10px 0; }
.footer { text-align:center; color:#999; font-size:11px; }
	.footer p { margin:5px 0 }
	.credits { font-size:10px; }

.clear { clear:both }