/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #68b8ff;
	font-size:76%;
	font-family: "Comic Sans MS", Chalkboard, serif;
}

h2 {
 	color: white;
 	padding: 10px 40px;
	font-size: 22pt;
}

h3 {
	color:#bd2533;
}

h3.winners {
	width:560px;
	text-align:center;
}

h4 {
	padding:20px 0 0 0;
	clear:both;
	color:#bd2533;
}

p {
	clear:both;
}
ul {
	margin:20px 0 20px 20px;
}

li {
	list-style:none;
}

dl {
}

dt {
	margin-top:1em;
	color:#bd2533;
	font-weight:bold;
	border-top:1px solid #bd2533;
	width:450px;
	padding-top:0.5em;
}

dd dt {
	border:0;
}

dd {
	
}

dd input {
	width:300px;
}

dd dl {
	margin-left:2em;
}

dd.no_answer {
	background:transparent url(/images/notick.gif) no-repeat;
	padding-left:25px;
}

dd.accepted {
	color:#4d994c;
	background:transparent url(/images/tick.gif) no-repeat;
	padding-left:25px;
}

dd.declined {
	color:#999;
	background:transparent url(/images/cross.gif) no-repeat;
	padding-left:25px;
}

dd.hilite {
	margin-top:1em;
}

a {
	color:#415ccf;
}

a:hover {
	color:#bd2533;
}

label {
	display:block;
	margin:20px 0 0 0;
}

textarea {
	font-family: "Comic Sans MS", Chalkboard, serif;
	font-size:1em;
	border:1px solid #a09a32;
	width:400px;
	height:100px;
	overflow-y:auto;
}

input {
	font-family: "Comic Sans MS", Chalkboard, serif;
}

button {
	display:block;
	border:2px outset #a09a32;
	font-family: "Comic Sans MS", Chalkboard, serif;
	background-color:#e9ca6f;
	/*background:url(/images/shortbutton.gif) no-repeat;
	width:150px;
	height:30px;
	border:0;*/
	font-weight:bold;
	margin:20px 0 20px 0;
	padding:0 5px 0 5px;
}

button.inline {
	display:inline;
	margin:0 0 0 10px;
}

div#container {
	margin: 10px auto;
	width: 776px;
	background:  url(/images/content.gif) repeat-y;
	position:relative;
	padding:0 0 0 8px;
}


#header {
	text-indent: -5000px;
	/*width: 785px;*/
	height: 174px;
	background:  url(/images/header.jpg) no-repeat ;
	margin-left:-8px;
}

#content {
 	width: 577px;
	display:inline;
	float: left;
	background: url(/images/topcontent.jpg) no-repeat;
	padding:0 15px 20px 15px;
	/*border:1px dashed blue;*/
}
* html #content {
	/*width: 562px;*/
	margin-right:-20px;
}
#content p {
	color: black;
	margin-top:1em;
}

div#topcontent {
	width: 527px;
	height:120px;
	float:left;
	/*border:1px dashed red;*/
	padding:80px 0 0 65px;
}

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

div#topcontent h2 img {
	position:absolute;
	top:230px;
	left:170px;
}

#sidebar {
	width: 161px;
	/*height: 259px;*/
	background:  #faf866 ;
	float: left;
	background:  url(/images/sidebartop.jpg) no-repeat;
	padding-top:120px;
}


ul#nav {
	margin:20px 0 50px 10px;
/*	height:400px;
*/	font-size:1.2em;
}

ul#nav li {
	list-style: none;
	padding: 5px;
}

ul#nav li a {
	text-decoration: none;
	/*color: #0df2f9;*/
	color:#415ccf;
	font-weight: bold;
}

ul#nav li a:hover { 
	color: #6f8de9;

}

ul#nav ul {
	margin:0 0 0 5px;
}

ul#nav ul a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight: normal;
	color:#666;
}

div.help {
	display:none;
}

#footer {
	width: 769px;
	height: 87px;
	background: #415ccf;
	clear: both;
}

#footer h2 {
	text-align: right;
	font-size: 1.6em;
}

#end {
	text-align: center;
	margin:  0 auto;
}

#end a {
	text-decoration: none;
	color: #415ccf;
	font-size: 0.8em;
}

#end a:hover {
	text-decoration: underline;	
}

div#freddie1 {
	/*margin:-35px 0 0 -30px;*/
	width:115px;
	height:175px;
	float:right;
	/*clear:both;*/
}

div#freddie1copy {
	float:left;
	width:420px;
}

div#freddie2 {
	margin:0px 100px 0 270px;
	width:115px;
	height:175px;
	position:absolute;
}

div#freddie3 {
	position:absolute;
	left:550px;
	top:350px;
	width:115px;
	height:175px;
}

div#freddie4 {
	position:absolute;
	right:0;
	top:0;
}

div#freddie_circle {
	position:absolute;
	left:-10px;;
	margin:0px 100px 0 0;
	width:115px;
	height:175px;
}

div.freddie_results_landscape, div.freddie_results_portrait {
	background:#ded755 url(/images/FF05med.gif) no-repeat center;
	width:230px;
	height:175px;
	margin:20px auto;
}

div.freddie_results_portrait {
	width:115px;
}

div#freddie-boot {
	background-image:url(/images/FF09med.gif);
}

div#freddie-thumbsup {
	background-image:url(/images/FF07med.gif);
}

div#freddie-cycling {
	background-image:url(/images/FF03med.gif);
}

div#freddie-sharing {
	background-image:url(/images/FF12med.gif);
}

div#freddie-scooting {
	background-image:url(/images/FF14med.gif);
}

div#freddie-parking {
	background-image:url(/images/FF17med.gif);
}

div.quote-left, div.quote-right {
	padding:40px 30px 30px 30px;
	width:190px;
	height:105px;
	background-image:url(/images/quote-left.gif);
	margin:10px 15px 0 15px;
	float:left;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

div.quote-right {
	background-image:url(/images/quote-right.gif);
}

div.bubble {
	float:left;
	text-align:center;
	font-weight:bold;
	width:192px;
	height:180px;
	position:relative;
}

div.bubble img {
	display:block;
	margin:0 auto;
}

fieldset.pupiltotals {
	float:left;
	width:265px;
	margin:0 20px 0 0;
}

fieldset.pupiltotals div {
	height:80px;
	width:250px;
	float:left;
	margin:5px 0 5px 0;
	background:#e9ca6f url(/images/FF09small.gif) no-repeat 40px;
	border:1px solid #a09a32;
	position:relative;
}

fieldset.pupiltotals div.image {
	width:160px;
	margin:0;
	border:0;
	background:#e9ca6f;
	display:none;
	/*border-right:1px solid red;*/
}

fieldset.pupiltotals label {
	display:block;
	width:90px;
	/*float:left;*/
	position:absolute;
	left:0;
	margin:0;
	padding:0 0 0 100px;
	font-weight:bold;
}

fieldset.pupiltotals input {
	width:50px;
	height:18px;
	position:absolute;
	right:30px;
	top:30px;
	text-align:right;
	border:1px solid #a09a32;
	font-family: "Comic Sans MS", Chalkboard, serif;
	padding:1px;
}

fieldset.pupiltotals button {
	position:absolute;
	right:10px;
	top:30px;
	margin:0;
	padding:0;
	border-width:1px;
	width:12px;
	height:22px;
}

div#walk {
	background:#e9ca6f url(/images/FF05small.gif) no-repeat 10px;
}

div#walkingbus {
	background:#e9ca6f url(/images/FF06small.gif) no-repeat 10px;
}

div#cycle {
	background:#e9ca6f url(/images/FF03small.gif) no-repeat 30px 5px;
}

div#microscooter {
	background:#e9ca6f url(/images/FF14small.gif) no-repeat 10px;
}

div#bus {
	background:#e9ca6f url(/images/FF13small.gif) no-repeat 0 15px;
}

div#schoolbustaxitrain {
	background:#e9ca6f url(/images/FF16small_REV.gif) no-repeat -25px;
}

div#train {
	background:#e9ca6f; /*url(/images/FF05small.gif) no-repeat;*/
}

div#parknstride {
	background:#e9ca6f url(/images/FF17small.gif) no-repeat 0 15px;
}

div#carshare {
	background:#e9ca6f url(/images/FF12small.gif) no-repeat 0 10px;
}

div#car {
	background:#e9ca6f url(/images/FF12asmall.gif) no-repeat 0 10px;
}

div#other {
	background:#e9ca6f url(/images/pogo-stick-small.gif) no-repeat 30px 0;
}

div#results {
	position:relative;
}

table.results {
	width:400px;
	margin:20px auto;
}

table.results td.numbers {
	text-align:right;
}
table.results caption {
	background:#e9ca6f;
	border:1px solid #a09a32;
	margin:20px auto;
}

div.box {
	background:#3F3;
	border:1px solid #a09a32;
	width:380px;
	padding:10px;
	margin:20px auto;
}

ul#selectdate li {
	padding-left:20px;
	background:url(/images/notick.gif) no-repeat;
}

ul#selectdate li.complete {
	padding-left:20px;
	background:url(/images/tick.gif) no-repeat;
}

li.complete a {
	margin-left:20px;
}

.centred {
	margin:20px auto;
}

ul#classes img, ul#schoolslist img {
	vertical-align:top;
}

div.enterdata_gbc2009 {
	width:420px;
	height:135px;
	background:url(/images/enterdata_gbc2009.jpg) no-repeat;
	clear:both;
	display:block;
	margin:-20px auto 50px auto;
}

div.register_gbc2010 {
	width:420px;
	height:135px;
	background:url(/images/register_gbc2010.jpg) no-repeat;
	clear:both;
	display:block;
	margin:-20px auto 50px auto;
}

div.enterdata_gbc2009 h3 a {
	text-indent:-5000px;
	display:block;
	width:400px;
	height:80px;
}

div.enterdata_gbc2009 h3 a:active {
	border: none;
}

div.register_gbc2010 h3 a {
	text-indent:-5000px;
	display:block;
	width:400px;
	height:80px;
}

div.enterdata_gbc2009 p {
	margin:1px 0 0 118px;
}

div.register_gbc2010 p {
	margin:1px 0 0 118px;
}

div.enterdata_gbc2009 a {
	color:#000;
}

div#enter_data_150x100 {
	background:url(/images/enter_data_150x100px.gif) no-repeat;
}

div#golden_boot_challenge_150x100 a {
	background:url(/images/gb_challenge_150x100px.gif) no-repeat;
	text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
	float:left;
	margin:-10px 50px 10px 110px ;
	
}

div#create_challenge_150x100 a {
	background:url(/images/create_challenge_150x100px.gif) no-repeat;
	text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
	float:left;
	margin:-10px 0 10px 10px;
}



div#enter_data_150x100 h3 a{
	text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
}

div#create_challenge_150x100 h3 a, div#golden_boot_challenge_150x100 h3 a {
	/*text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
	float:left;
	border:1px solid red;*/
	display:inline;
}

div.circle_box {
	background:#415ccf url(/images/circ_repeat.gif) repeat-x;
	width:200px;
	height:190px;
	clear:both;
	position:relative;
	margin:10px auto;
	padding:20px 100px 0 100px;
}

div.circle_left {
	background:url(/images/circ_left.gif) no-repeat;
	width:100px;
	height:210px;
	position:absolute;
	left:0;
	top:0;
}

div.circle_right {
	background:url(/images/circ_right.gif) no-repeat;
	width:110px;
	height:210px;
	position:absolute;
	top:0;
	right:-1px;
}

div.circle_box input, div.circle_box select {
	border:3px solid #a0b0f4;
	width:185px;
}

div.error {
	color:#F00;
	font-weight:bold;
	text-align:center;
}

h3#logout {
	width:400px;
	margin:0 auto;
}

h3#logout img {
	vertical-align:middle;
}

form.boxform {
	clear:both;
	margin:0 auto;
	width:410px;
	background:transparent url(/images/boxform_repeat.gif) repeat-y;
	padding:0;
	color:#FFF;
}

form.boxform h4 {
	background:url(/images/box_top.gif) no-repeat top left;
	width:310px;
	height:50px;
	padding:50px 50px 0 50px;
	margin:0;
	font-size:1.6em;
	color:#FFF;
}

form.boxform fieldset {
	background:url(/images/box_bottom.gif) no-repeat bottom left;
	padding:0 50px 75px 50px;
}

form.boxform label {
	color:#FFF;
}

form.boxform label.clear {
	clear:both;
}

form.boxform label img {
	float:right;
	clear:right;
}

form.boxform input {
	border:3px solid #a0b0f4;
	width:275px;
}

form.boxform input.short {
	width:125px;
}

form.boxform textarea {
	border:3px solid #a0b0f4;
	width:275px;
}

form.boxform input.normal {
	width:auto;
	border:none;
}

form.boxform p {
	color:#FFF;
	margin:0 0 1em 50px;
	padding-right:50px;
}

form.boxform a {
	color:#FFF;
}

div.errorMsg, span.errorMsg {
	font-weight:bold;
	color:#F00;
}
div#container img.right {
	float:right;
	clear:right;
}
div.nb, div.group {
	background:#ded755 url(/images/nb_box_slice.gif) repeat-y;
	margin:1em;
	width:510px;
	padding:0;
/*	border:1px solid white;
*/}
div.group {
	background-image:url(/images/group_box_slice.gif);
}
div.nb h3, div.group h3 {
	padding:20px 0 0 20px;
	margin:0;
	background:transparent url(/images/nb_box_top.gif) no-repeat;
/*	border:1px solid blue;
*/}
div.group h3 {
	background-image:url(/images/group_box_top.gif);
}
div.nb p, div.group p {
	padding:0 0 1em 20px;
	margin:0 0 1em 0;
/*	border:1px solid red;
*/}
div.nb p.last, div.group p.last {
	background:transparent url(/images/nb_box_bottom.gif) no-repeat bottom;
	padding-bottom:20px;
	margin:0;
}
div.group p.last {
	background-image:url(/images/group_box_bottom.gif);
}
div.nb dl, div.group dl {
	margin:0 0 0 20px;
}
ul.checkboxes li {
	width:180px;
}
ul.checkboxes li input {
	float:right;
}

div#topcontent h2#home{
	color:#576fd4;
	text-align:left;
	width:auto;
	padding:10px 0 5px 60px;
	margin:0;
}

div#topcontent h3#home{
	padding:10px 0 0 0;
	font-size:1.2em;
}