body
		{
			background-color:	white;
			border:				0px;
			margin:				0px;
			padding:			0px;
			font-family: Verdana, sans-serif;
		}
		img
		{
			border:				0px;
		}
		div, td
		{
			padding:			0px;
		}

		div.logo
		{
			position:			absolute;
			left:				0px;
			top:				5px;
			z-index:			2;
		}
		div.search
		{
			background-color:	#eee;
			border:				1px solid black;
			padding:			13px;
			position:			absolute;
			right:				0px;
			top:				0px;
			z-index:			2;
		}
		div.search input.q
		{
			border:				1px solid #2f2f2f;
			color:				black;
			width:				250px;
		}
		div.search input.submit
		{
			background-color:	#90cb01;
			color:				black;
			border:				1px solid #2f2f2f;
		}
		table.sections
		{
			position:			absolute;
			top:				65px;
			right:				0px;
			width:				100%;
		}
		table.sections td
		{
			padding:			0px;
		}
		table.sections td.fill
		{
			border-bottom:		1px solid black;
			border-right:		1px solid #000;
			padding:			0px;
		}
		table.sections td.section, table.sections td.sectionCurrent
		{
			color:				#000;
			cursor:				pointer;
			font:				18px georgia, times new roman, verdana, arial;
			border-bottom:		1px solid black;
			border-right:		1px solid #000;
			border-top:			1px solid #000;
			letter-spacing:		1px;
			text-align:			center;
			width:				140px;
			white-space:		nowrap;
		}
		table.sections td.sectionCurrent
		{
			background-color:	#eee;
			border-bottom:		0px;
		}
		table.sections td.block
		{
			border-bottom:		1px solid black;
			width:				10px;
		}

		table.left
		{
			left:				2%;
			position:			absolute;
			top:				110px;
			width:				60%;
		}
		table.right
		{
			left:				64%;
			position:			absolute;
			top:				100px;
			width:				34%;
		}
		td.tabs
		{
			border-bottom:		1px solid black;
		}
		td.tabs table.tabs
		{
		}
		td.tabs table.tabs td
		{
			font:				18px georgia, times new roman, verdana, arial;
			border-right:		1px solid #000;
			border-top:			1px solid #000;
			letter-spacing:		1px;
			text-align:			center;
			width:				140px;
			white-space:		nowrap;
		}
		td.tabs table.tabs td a
		{
			color:				#005;
			text-decoration:	none;
		}
		td.header
		{
			font:				27px georgia, times new roman, verdana, arial;
			letter-spacing:		2px;
			padding-left:		30px;
			padding-top:		25px;
		}
		td.content
		{
			border-right:		1px solid black;
			border-top:			1px solid black;
			padding:			6px;
		}
		
		table.feed
		{
		
		}
		table.feed td
		{
			padding:			3px;
			padding-bottom:		5px;
			padding-top:		5px;
		}
		table.feed td.source img
		{
			border:				1px solid #aaa;
		}
		table.feed td.title
		{
			font:				17px georgia, times new roman, verdana, arial;
		}
		table.feed td.title a
		{
			color:				#015;
			text-decoration:	none;
		}
		table.feed td.title span
		{
			color:				#aaa;
			font:				13px georgia, times new roman, verdana, arial;
			font-style:			italic;
		}
		
		
/***** COLOURS *****/

div#secondHeader,
div#progressHeader,
div#footer {
	background-color: #CCCCCC;
}

		
/***** TEMPLATES *****/

div#container {
	width: 765px;
	margin: 0 auto;
	background-color: white;
}

div#secondHeader {
	width: 745px;
	padding: 1em 10px;
}

div#progressHeader {
	width: 765px;
	height: 40px;
}

div#progressHeader div#progressContainer {
	width: 400px;
	margin-left: 182px;
	padding-top: 8px;
}

div#progressHeader span#progressText {
	float: left;
}

div#progressHeader div#progressBar {
	border: 1px solid black;
	width: 300px;
	height: 20px;
	float: right;
	text-align: left;
}

div#progressBar div#progress {
	height: 20px;
	width: 0;
	background-color: red;
}

div.question {
	margin: 1em 15px;
}

div.question a {
	color: black;
	text-decoration: none;
}

div.question span.questionNumber {
	font-weight: bold;
	font-size: large;
}

div.question span.questionText {
	font-weight: bold;
}

div.question div.answerBar {
	padding: 10px;
}

div.question div.answerBar:hover,
div.highlight {
	background-color: black;
	color: white;
	cursor: pointer;
}

input.submitButton {
	font-size: 14pt;
	margin: 0 0 15px 15px;
	font-weight: bold;
}

div#results {
	overflow: auto;
	padding: 10px;
}

div#results div#leftcol {
	float: left;
	width: 400px;
}

div#results div#rightcol {
	float: right;
	width: 300px;
}

div#rightcol form fieldset label {
	width: 117px;
	margin-right: 5px;
}

div#rightcol input[type=button] {
	margin: 1em 80px;
}

div#rightcol input[type=submit] {
	float: right;
	margin-top: 1em;
}

div#rightcol textarea {
	width: 270px;
	height: 200px;
}

div#footer {
	width: 755px;
	overflow: auto;
	clear: both;
	padding: 5px;
	font-size: 8pt;
}

div#footer a {
	color: black;
}

div#message {
	margin: 20px;
}

div#footer p#disclaimer {
	clear: both;
	margin-top: 2em;
	margin-bottom: 0;
}

/**** QUESTIONS PAGE ****/

label.error {
	display: block;
	border: 2px solid red;
	color: red;
	font-weight: bold;
	float: right;
	padding: 10px;
}

/**** INTRO PAGE ****/

div#intro,
div#short {
	padding: 10px;
}
	
div#intro p {
	width: 75%;
	margin-left: 95px;
}

div#intro form {
	
}

div#intro form h3 {
	float: left;
	margin-left: 65px;
}

div#intro form fieldset {
	width: 500px;
	float: right;
	margin-bottom: 1em;
}

form#emailForm fieldset ul#messageBox {
	padding-left: 20px;
}

div#intro ul#messageBox li label,
div#short ul#messageBox li label,
form#emailForm fieldset ul#messageBox li label.error {
	display: inline;
	padding: 0;
	margin: 0;
	border: none;
	float: none;
	text-align: left;
	width: auto;
} 

div#intro form label,
div#short form label,
div#rightcol label {
	width: 150px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
}

div#intro input#goButton,
div#short input#goButton {
	margin: 1em 0 0 0;
	font-size: 14pt;
	font-weight: bold;
}

div#short {
	margin-left: 30px;
	margin-right: 30px;
	width: 685px;
}

div#short h2 {
	text-align: center;
}

div#short fieldset {
	margin-left: 92px;
	width: 500px;
	margin-bottom: 1em;
}

div#short input,
div#short label,
div#short select {
	margin-top: 0.5em;
}

div#loader,
div#loaderTwitter,
div#loaderFacebook {
	display: none;
	text-align: center;
}

a#sendTwitter,
a#sendFacebook {
	display: block;
	margin-top: 1em;
}

/**** PARKING PAGE *****/

div#links {
	width: 300px;
	margin: 0 auto;
}

ol em {
	text-decoration: underline;
	font-style: normal;
}

div.homepageQuiz {
	clear: both;
	margin-bottom: 2em;
}

div.homepageQuiz a {
	font-size: 16pt;
	text-decoration: none;
	color: #FFAC2B;
	font-weight: bold;
}

div.homepageQuiz a:hover {
	background-color: #FFAC2B;
	color: white;
}

div#quizzes_box {
	
}

div#quizzes_box ul {
	list-style: none;
	padding: 0;
}

div#quizzes_box ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 3px 6px;
	background-color: #bce1fe;
	-moz-border-radius: 5px;
	margin: 3px;
	cursor: pointer;
}

div#quizzes_box div.category {
	clear: both;
	display: none;
}

div#quizzes_box div.category div.cat_quiz {
	float: left;
	width: 176px;
	padding: 4px;
	margin: 2px;
	height: 80px;
	font-size: 12px;
	border: 1px solid #FAFAFA;
}

div#quizzes_box div.category div.cat_quiz:hover {
	border: 1px green solid;
}

div#quizzes_box div.category div.cat_quiz a {
	text-decoration: underline;
	color: #7A541B;
}