html, body {
	height:100%;
	text-align:center;
	background:#cccc66;
	font-size:11px;
	font-family:Verdana, Arial, 'sans serif';
	margin:0;
	padding:0;
	line-height:14px;
	}

a, a:active, a:visited {
	color:#660000;
	text-decoration:underline;
	}

a:hover {
	color:#cc0000;
	text-decoration:none;
	}

a span {
	display:none;
	}

p {
	margin:0 0 10px 0;
	}

img {
	border:0;
	}

#skip {
	display:none;
	}

#hidden {
	display:none;
	}

#wrapper {
	position: relative;
	width:862px;
	margin:auto;
	text-align:left;
	background:url('images/background.gif');
	}

html>body #wrapper {
	height:auto;
	}

#columns {
	float:left;
	position:relative;
	background:url('images/background.gif');
	width:862px;
	height:100%;
	}

#header {
	margin:0;
	width:862px;
	height:154px;
	background:url('images/top.gif');
	}

.logo {
	float:left;
	width:378px;
	height:154px;
	margin:0 0 0 194px;
	background:url('images/logo.gif');
	}

a.logo:hover {
	background-position:-378px;
	}

#menu {
	float:left;
	width:171px;
	height:403px;
	background:url('images/left.gif') no-repeat;
	}

#menu ul {
	list-style:none;
	margin:0 0 0 19px;
	padding:0;
	}

#menu ul li a {
	display:block;
	width:171px;
	}

.gamezone {
	background:url('images/menu_game.gif');
	height:48px;
	}

a.gamezone:hover {
	background-position:-171px;
	}

.video {
	background:url('images/menu_video.gif');
	height:43px;
	}

a.video:hover {
	background-position:-171px;
	}

.quarksters {
	background:url('images/menu_meet.gif');
	height:41px;
	}

a.quarksters:hover {
	background-position:-171px;
	}

.club {
	background:url('images/menu_club.gif');
	height:41px;
	}

a.club:hover {
	background-position:-171px;
	}

.askmarks {
	background:url('images/menu_ask.gif');
	height:41px;
	}

a.askmarks:hover {
	background-position:-171px;
	}

.links {
	background:url('images/menu_links.gif');
	height:42px;
	}

a.links:hover {
	background-position:-171px;
	}

.parents {
	background:url('images/menu_parents.gif');
	height:147px;
	}

a.parents:hover {
	background-position:-171px;
	}

#content {
	float:right;
	background:url('images/right.gif') no-repeat top right;
	width:642px;
	min-height:373px;
	padding:0px 30px 20px 0px;
	}

#footer {
	float:right;
	width:862px;
	height:70px;
	font-size:10px;
	background:url('images/bottom.gif');
	}

#footer ul.main {
	list-style:none;
	margin:0 0 0 30px;
	padding:0;
	font-weight:900;
	text-transform:uppercase;
	color:#ffffff;
	}

#footer ul a {
	text-decoration:none;
	color:#660000;
	}

#footer ul a:hover {
	text-decoration:underline;
	color:#cc0000;
	}

#footer ul.main li {
	float:left;
	}

#footer ul.left {
	list-style:none;
	position:relative;
	float:left;
	clear:left;
	margin:25px 0 0 0;
	left:25px;
	padding:0;
	color:#000;
	}

#footer ul.left a:hover {
	text-decoration:none;
	}

#footer ul.left li, #footer ul.right li {
	float:left;
	}

#footer ul.right {
	list-style:none;
	position:relative;
	float:left;
	margin:25px 0 0 0;
	left:90px;
	padding:0;
	color:#000;
	}

.kauffman {
	display:block;
	position:absolute;
	width:95px;
	height:59px;
	margin:-22px 0px 0px 50px;
	background:url('images/kauffman.gif');
}

.nsf {
	display:block;
	position:absolute;
	width:43px;
	height:59px;
	margin:-22px 0px 0px 140px;
	background:url('images/nsflogo.gif');
}

/*** Corner Images ***/
.cornerroadmap {
	float:left;
	display:block;
	background:url('images/corner_roadmap.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornerroadmap:hover {
	background-position:-294px 0;
}

.cornerquarksters {
	float:left;
	display:block;
	background:url('images/corner_quarksters.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornerquarksters:hover {
	background-position:-294px 0;
}

.cornersleuth {
	float:left;
	display:block;
	background:url('images/corner_sleuth.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornersleuth:hover {
	background-position:-294px 0;
}

.cornerparticles {
	float:left;
	display:block;
	background:url('images/corner_particles.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornerparticles:hover {
	background-position:-294px 0;
}

.cornermatter {
	float:left;
	display:block;
	background:url('images/corner_matter.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornermatter:hover {
	background-position:-294px 0;
}

.cornerblaster {
	float:left;
	display:block;
	background:url('images/corner_blaster.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornerblaster:hover {
	background-position:-294px 0;
}

.cornergamezone {
	float:left;
	display:block;
	background:url('images/corner_gamezone.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornergamezone:hover {
	background-position:-294px 0;
}

.cornerthemesong {
	float:left;
	display:block;
	background:url('images/corner_themesong.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornerthemesong:hover {
	background-position:-294px 0;
}

.cornertrek {
	float:left;
	display:block;
	background:url('images/corner_trek.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornertrek:hover {
	background-position:-294px 0;
}

.corneroutreach {
	float:left;
	display:block;
	background:url('images/corner_outreach.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.corneroutreach:hover {
	background-position:-294px 0;
}

.cornervideo {
	float:left;
	display:block;
	background:url('images/corner_video.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornervideo:hover {
	background-position:-294px 0;
}

.cornerparents {
	float:left;
	display:block;
	background:url('images/corner_parents.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornerparents:hover {
	background-position:-294px 0;
}

.cornerpeas {
	float:left;
	display:block;
	background:url('images/corner_peas.gif');
	width:287px;
	height:154px;
	margin-left:3px;
}

a.cornerpeas:hover {
	background-position:-294px 0;
}