/* http://simplebits.com/notebook/2004/09/08/centering.html */

/* debugging
div,a { outline: 1px solid red; }
html { background-color: #ccc; }
#container { background-color: #fff; }
*/

/* Fixed Width Page Centering */
body {
	text-align: center;
}
#page {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}

#header {
	width: 800px;
	height: 150px;
	background-image: url(header.png);
}
#header * {
	display: none;
}

#menu {
	float: left;
	width: 160px;
}

#contents {
	margin-left: 160px;
	padding: 0 20px;
}

#footer {
	clear: both;
	width: 800px;
	height: 75px;
	background-image: url(footer.png);
	background-position: center;
	background-repeat:no-repeat;
	background-color: #000;
}	
#footer * {
	display: none;
}

/* Menu Items */
#menu div {
	margin-bottom: 6px;
}
#menu div a {
	display: block;
	width: 160px;
	height: 40px;
}
#menu div a * {
	display: none;
}
#menu-index a { background-image: url(menu/home0.png); }
#menu-team a { background-image: url(menu/team0.png); }
#menu-storage a { background-image: url(menu/storage0.png); }
#menu-evaluation a { background-image: url(menu/evaluation0.png); }
#menu-awards a { background-image: url(menu/awards0.png); }
#menu-contact a { background-image: url(menu/contact0.png); }
#menu-friends a { background-image: url(menu/friends0.png); }

#menu-index.current a { background-image: url(menu/home1.png); }
#menu-team.current a { background-image: url(menu/team1.png); }
#menu-storage.current a { background-image: url(menu/storage1.png); }
#menu-evaluation.current a { background-image: url(menu/evaluation1.png); }
#menu-awards.current a { background-image: url(menu/awards1.png); }
#menu-contact.current a { background-image: url(menu/contact1.png); }
#menu-friends.current a { background-image: url(menu/friends1.png); }

/* Fonts & Colors */
body {
	background-color: #000;
	color: #fff;
	font-family: sans-serif;
}
a {
	color: #ff9;
}

/* Team page */

h1, h2, h3 {
	margin: 0 0;
}

div.team-bio {
	clear: both;
	padding-top: 20px;
}

div.team-bio p {
	margin-right: 220px;
}

img.portrait {
	width: 200px;
	height: 300px;
	float: right;
}

.warning {
	color: #f00;
	background-color: #333;
}

/* Awards & Praise page */
div.awardgroup {
	text-align: center;
}
div.awardgroup img {
	padding: 5px;
}

div.quote {
	margin: 20px 40px;
}
div.quote q {
	display: block;
}
div.quote cite {
	display: block;
	padding-bottom: 5px;
}

/* Evaluation Page */

ol.quiz li {
	margin-bottom: 16px;
}

/* Contact Page */

form.contact div {
	position: relative;
	margin: 8px 0;
}
form.contact input {
	position: absolute;
	top: -3px;
	left: 5em;
	width: 20em;
}
form.contact input.button {
	position: static;
	width: 100px;
}