body {
	font-family:Arial;
	background: #ffffff;
}

.top-banner {
	position:absolute;
	top: 0px;
	left: 111px;
	height: 110px;
	width: 738px;
	background-color: #eeeeee;
	z-index: 0;
}

.main-logo {
	position:absolute;
	top: 8px;
	left: 40px;
	height: 142px;
	width: 330px;
	z-index: 2;
	cursor: pointer;
}

.login-register {
	position:absolute;
	top: 30px;
	left: 745px;
	height: 20px;
	width: 105px;
	background-color: #efefef;
	z-index: 2;
}

.top-nav {
	position:absolute;
	top: 60px;
	left: 420px;
	height: 30px;
	width: 400px;
	z-index: 1;
}

.nav-bg {
	position:absolute;
	top: -70px;
	left: 500px;
	height: 260px;
	width: 351px;
	background-image: url('/graphics/spiral4.png');
	background-repeat: no-repeat;
}

.content-area {
	position:absolute;
	top: 130px;
	left: 30px;
	height: 281px;
	width: 624px;
	color: #005AAB;
	font-family: Arial, Verdana, sans-serif;
	background-image: url('/graphics/large-blue-background.png');
	background-repeat: no-repeat;
	z-index: 1;
}

.bottom-blocks {
	position:absolute;
	top: 416px;
	left: 30px;
	height: 319px;
	width: 954px;
	z-index: 0;
}

.superbox {
	position:absolute;
	top: 130px;
	left: 664px;
	height: 280px;
	width: 320px;
	color:#bbbbbb;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	text-align: center;
	background-color: #eeeeee;
	z-index: 1;
}

.right-skyscraper {
	position:absolute;
	top: 130px;
	left: 994px;
	height: 620px;
	width: 170px;
	color: #bbbbbb;
	font-family: Verdana,Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	background-color: #eeeeee;
	z-index: 1;
}

.bottom-banner {
	position:absolute;
	top: 765px;
	left: 138px;
	height: 110px;
	width: 738px;
	color:#bbbbbb;
	font-family: Verdana, Arial, sans-serif;
	font-size:10px;
	text-align: center;
	background-color: #eeeeee;
	z-index: 0;
}

.mcclatchyLogo {
	position:absolute;
	top: 895px;
	left: 443px;
	height: 37px;
	width: 128px;
	cursor: pointer;
	text-align:center;
}

.w3c {
	position: absolute;
	top: 935px;
	left: 30px;
	height: 31px;
	width: 954px;;
	cursor: pointer;
	text-align:center;
}

a {
	color: #005AAB;
	text-decoration: none;
}

.schoolList {
	position:absolute;
	top: 60px;
	left: 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.schoolLink {
	padding-bottom: 5px;
	padding-top: 5px;
	width: 604px;
	cursor: default;
}

.schoolLink:hover {
	background-color: #cdefef;
}

.schoolAddress {
	padding-left: 20px;
	font-weight: normal;
	font-size: 12px;
}


.schoolListTitle {
	position:absolute;
	top: 25px;
	left: 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.story {
	position:absolute;
	top: 25px;
	left: 10px;
	height: 600px;
	width: 604px;
	overflow: auto;
}

.storyLink {
	cursor: pointer;
}

.storyLink:hover {
	text-decoration: underline;
}