/* 
Title:		Master styles for SpeeMark
Author: 	marketing@dpi21.com
Copyright: 	© 2009. dpi21. Creative Digital Thinking
*/

body {
	font: 14px Helvetica, Verdana, Arial, sans-serif;
	color: #000;
	line-height: 18px;
	padding: 10px;
}

a {
	color: #000;
	text-decoration: underline;
}

/* to work out CSS font size use this formula, target / context = result, 20px / 16px = 1.25em */


/* page structure 
--------------------------------------------- */
img#bg, #header, #nav, #speedmarkLogo, #telNumber, #strapline, #banner, #footerContainer, #social, #kids-menu, #border-top, #border-bottom, #homeBt, #playerBts, #take-the-challenge-kids, #teachersParents-menu, #challengeForm, #contactForm, #directions  {
	display: none;
}

#body, #quickLinksHome, #pageHeading, #copyContainer, #quickLinksKids, #heading, #players-list {
	float: left;
	width: 100%;
	padding: 5px 0px;
}

#copy {
	float: left;
	width: 700px;
	padding: 5px 0px;
}

#quickLinksHome li,  #quickLinksHome li a {
	display: block;
	width: 305px;
	height: 250px;
	padding: 5px 0;
}

/* Football Players */

#position, #position li, #players-list, #players-list li, #copy #column1,  #best-player, #best-player li, #signatureBox {
	float: left;
}

#position {
	font-size: 14px;
	margin-bottom: 10px;
}

#position li {
	padding: 0 5px;
}

#players-list li {
	padding: 2px;
	width: 115px;
	height: 165px;
}

/* Fastest School */

#fastest-school {
	float: left;
	width: 620px;
	height: 345px;
	padding: 5px 0;
}

#fastest-school table td {
	padding: 5px;
	border: 1px solid #eee;
}

/* Games, Quizzes & Fun Stuff */

.game-link, .game-link .screenshot, .game-link .text {
	float: left;
}

.game-link {
	width: 300px;
	height: 150px;
	padding: 10px 0;
}

.game-link .screenshot {
	width: 135px;
}

.game-link .text {
	width: 150px;
	padding: 50px 0 0 10px;
	font-size: 12px;
}

.game-link .text strong {
	color: #EE4923;
	font-size: 15px;
}

/* Teahcers & Parents */

.endorsement, .endorsement .text, .endorsement .image, .event {
	float: left;
}

.endorsement {
	width: 600px;
	padding: 10px 0px;
	border-top: 1px dotted #eee;
}

.event {
	width: 600px;
	padding: 10px 0px;
	border-bottom: 1px dotted #eee;
}

.endorsement .text {
	padding: 10px 10px 0px 0px;
	width: 400px;
}

.endorsement .image {
	width: 175px;
	border: 1px solid #eee;
	padding: 4px;
}

.event .heading {
	font-size: 16px;
	color: #98CA3C;
}

.staff {
	float: left;
	border: 1px solid #eee;
	padding: 4px;
	width: 175px;
	height: 195px;
	margin: 5px;
	text-align: center;
}

.staff img {
	width: 175px;
	height: 150px;
	padding: 4px;
}

.staff a {
	color: #666;
	text-decoration: none;
}

.staff a:hover {
	color: #98CA3C;
}

.sitemap {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}

/* Text Styles */

#copy p, h1, h2, h3 {
	padding-top: 5px;
	padding-bottom: 5px;
}

#copy ol {
	list-style-type: decimal;
	padding: 5px 0 5px 20px;
	line-height: 20px;
}

h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

h3 {
	font-size: 15px;
}

.size12 {
	font-size: 12px;
	line-height: 16px;
}

.size14 {
	font-size: 14px;
	line-height: 18px;
}

.size15 {
	font-size: 15px;
	line-height: 20px;
}

.clear {
	clear: both;
}