* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#F8F8F8;
 background-attachment: fixed;
 background-image: url(images/bg1.gif);
 background-repeat: repeat;
 margin-top: 10px;
 margin-bottom: 10px;
}


#wrapperhome {margin: 0 auto;
 width: 924px; /* was 1024px */
 border:1px solid #000000;
 /*padding-bottom: 100px;*/
 height:930px;
 background-color:#ffffff;
 }



#wrapper { 
 margin: 0 auto;
 width: 944px; /* was 1024px */
 border:1px solid #000000;
 padding-bottom: 40px;
 background-color:#ffffff;
 }

#container {
 margin-bottom: 5px;
 margin-right: 0px;
 margin-left: 0px;
 padding-left: 19px;
 padding-right: 0px;
 overflow: auto; 
 width: 100%;
 border-top:0px solid #dadada;
}

#header {
 background: #8dc73f;
 height: 5px;
 margin: 10px 0px 10px 0px;
 border-bottom: 0px solid #000000;}
 
#mainlogo {
 height: 150px;
 width: 903px;
 margin: 0px 0px 0px 19px;
 padding: 0px 0px 0px 0px;
 }
 


/* Styling */


.navstudentheader a:link{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navstudentheader a:visited{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navstudentheader a:hover{ color: #153400; font-weight:bold; text-decoration: none;}

.navteacherheader a:link{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navteacherheader a:visited{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navteacherheader a:hover{ color: #153400; font-weight:bold; text-decoration: none;}
.navteacherheader a:active{ color: #000000; font-weight:bold; text-decoration: none;}

.navemployerheader a:link{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navemployerheader a:visited{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navemployerheader a:hover{ color: #153400; font-weight:bold; text-decoration: none;}

.navotherheader a:link{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navotherheader a:visited{ color: #ffffff; font-weight:bold; text-decoration: none;}
.navotherheader a:hover{ color: #153400; font-weight:bold; text-decoration: none;}



.box a:link { color: #444444; font-weight:bold; text-decoration: none;} 
.box a:visited { color: #444444; text-decoration: none;}
.box a:active { color: #ff0000; font-weight:bold; text-decoration: none;}
.box a:hover { color:#153400; font-weight:bold; text-decoration: none;}

p.boxtitle a:link {color: #ffffff; font-weight:bold; text-decoration: none;}
p.boxtitle a:active {color: #ff0000; font-weight:bold; text-decoration: none;}
p.boxtitle a:visited {color: #ffffff; font-weight:bold; text-decoration: none;}
p.boxtitle a:hover { color:#153400; font-weight:bold; text-decoration: none;}
#employerstitle p.boxtitle a:hover { color:#153400; font-weight:bold; text-decoration: none;}


.navlist a:link{ color:#ffffff; font-weight:bold; text-decoration: none;}
.navlist a:visited{color:#ffffff; font-weight:bold; text-decoration: none;}
.navlist a:active {color:#ff0000; font-weight:bold; text-decoration: none;}
.navlist a:hover {color:#153400; font-weight:bold; text-decoration: none;}

.nav a:link {color: #1da22b; font-weight:bold; text-decoration: none;}
.nav a:visited {color: #1da22b; text-decoration: none;}
.nav a:active {color: #ff0000; font-weight:bold; text-decoration: none;}
.nav a:hover {color:#28eb3c; font-weight:bold; text-decoration: none;}


body#howtoentert a#howtoenternav,
body#schemesofwork a#schemesofworknav,
body#guideteacher a#guideteachernav,
body#registration a#registrationnav,
body#teachmaterials a#teachmaterialsnav,
body#howtoenters a#howtoentersnav,
body#guidestudent a#guidestudentnav,
body#contactus a#contactusnav,
body#supporters a#supportersnav,
body#sponsors a#sponsorsnav,
body#steeringgroup a#steeringgroupnav,
body#usefullinks a#usefullinksnav,
body#terms a#termsnav,
body#home a#home
{color:#000000}


h1 {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	margin: 20px 0px 5px 10px;}
	
h2 {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	background-color: #8dc73f;
	padding: 5px 0px 5px 15px;
	margin:5px 400px 10px -15px;}
	
h2.teacher 
    {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	background-color: #8dc73f;
	padding: 5px 0px 5px 15px;
	margin:5px 400px 10px -15px;}
	
h2.student 
    {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	background-color: #8dc73f;
	padding: 5px 0px 5px 15px;
	margin:5px 400px 10px -15px;}
	

h2.other 
    {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	background-color: #8dc73f;
	padding: 5px 0px 5px 15px;
	margin:5px 400px 10px -15px;}	
	
	
h2.member 
    {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	background-color: #8dc73f;
	padding: 5px 0px 5px 15px;
	margin:5px 400px 10px -15px;}	
		
			
h3 {color: #275906;
    font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 5px 10px;
	padding: 5px 0px 5px 15px;
	background-image:url(bullet_02.jpg);
	background-repeat:no-repeat;
	background-position:left;}
	
ol {list-style-type:decimal;
    list-style-position:outside;
	padding-left: 20px;
    color: #6b7a83;
    font-size: 13px;
	line-height: 17px;
	margin: 0px 30px 10px 25px;}	

	
p  {color: #444444;
    font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	margin: 0px 15px 10px 26px;}
	
p.footer  {color: #444444;
    font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	margin: 0px 0px 0px 0px;}	
	
	
p.right {color: #444444;
    font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	margin: 0px 10px 10px 10px;}
	
p.logoheading {
	margin:	0px 10px 10px 10px;
	font-weight:bold;}	
	
p.navheader {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	background-color: #8dc73f;
	height: 20px;
	padding: 5px 0px 5px 15px;
	margin:5px 50px 10px -15px;}	
	
p.navteacherheader {
 	float: left;
 	margin:0px 30px 10px 10px;
 	padding: 5px 0px 5px 10px;
 	width: 190px; 
 	height: 20px;
 	display: inline;
 	position: relative;
 	background-color: #8dc73f;
	color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	}	
	
p.navstudentheader {
 	float: left;
 	margin:0px 30px 10px 10px;
 	padding: 5px 0px 2px 10px;
 	width: 190px; 
 	height: 20px;
 	display: inline;
 	position: relative;
 	background-color: #8dc73f;
	color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;}	
	

p.navemployerheader {
 	float: left;
 	margin:0px 30px 10px 10px;
 	padding: 5px 0px 2px 10px;
 	width: 190px; 
 	height: 20px;
 	display: inline;
 	position: relative;
 	background-color: #8dc73f;
	color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;}			
	
p.navotherheader {
 	float: left;
 	margin:0px 30px 10px 10px;
 	padding: 5px 0px 2px 10px;
 	width: 190px; 
 	height: 20px;
 	display: inline;
 	position: relative;
 	background-color: #8dc73f;
	color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;}	
	
p.navmemberheader {	
    float: left;
 	margin:0px 30px 10px 10px;
 	padding: 5px 0px 2px 10px;
 	width: 190px; 
 	height: 20px;
 	display: inline;
 	position: relative;
 	background-color:#8dc73f;
	color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;}		
	
		
p.message {color:#FFFFFF;
    font-size: 15px;
	font-style: italic;
	font-weight: bold;
	margin: 25px 30px 5px 10px;
	line-height: 20px;}
	
p.error {color:#ee4037;
    font-size: 11px;
	font-weight: bold;
	margin:5px 0px 0px 0px;}
	
p.boxtitle {color:#FFFFFF;
    font-size: 17px;
	font-weight: bold;
	margin: 2px 10px 2px 10px;}		

p.box {color:#444444;
    font-size: 12px;
	font-weight: bold;
	margin: 30px 10px 4px 10px;}
	
p.register {color:#444444;
    font-size: 13px;
	font-weight: bold;
	margin: 8px 10px 4px 10px;}
a:link {
	color: #002b82; font-weight:bold; text-decoration: none;
}
a:visited {
	color: #002b82; font-weight:bold; text-decoration: none;
}
a:hover {
	color: #00aeff; font-weight:bold; text-decoration: none;
}
a:active {
	color: #000000; font-weight:bold; text-decoration: none;
}
	
label {
	color:#444444;
    font-size: 12px;
	font-weight: bold;
}
	
li.box {
    list-style-image:url(bullet_02.jpg);
	margin: 4px 0px 0px 27px;
	font-weight: bold;
}
	
li.links {
	margin: 4px 0px 0px 35px;
	font-weight: bold;
}	
	
ul.navlist {margin:10px 0px 10px 0px;}	
	
li.nav {
    list-style-type:none;
	margin: 5px 0px 5px 22px;
	font-weight: bold;}
	
li.nav a.active{ color:#000000; font-weight:bold; text-decoration: none;}

	
li {
	color:#444444;
	margin: 0px 0px 5px 5px;
	font-size: 12px;
}

li.prize {margin-left:30px;
          font-weight:normal;}
		  
li.blist {margin:0px 15px 3px 50px;
          color: #6b7a83;
    	  font-size: 13px;
		  font-weight: normal;
		  line-height: 17px;}		  

span.normal {font-weight:normal;}
	
	

span.highlight {color:#ee4037;}


/*Panel Styles - Generic*/

#panel {
	margin: 0px 0px 5px 5px;
}

.panelitem { 
 width: 170px;
 float: left;
 margin:0px 15px 5px 15px;
 padding:0;
 height: 130px; /*was 190px */
 padding:10px;
}
#default .panelitem {
 margin:0px 15px 5px 10px;	
}
#logo.panelitem  {
	background:#80C9E7;
	width:207px;
	margin-right:10px;
}
#default #logo.panelitem  {
	width:170px;
}

#logo h1 {
    margin:0px;
    padding:0px;
    text-align: center;
}
#logo p {
    margin:0px;
    padding:0px;
    text-align: center;
    color:#fff;
    font-weight:bold;
}
#image1.panelitem{
	background: url(/images/15.jpg); 
}
#default #image1.panelitem{
	background: url(/images/ge.jpg); 
}

#image2.panelitem { 
	background: url(/images/9.jpg); 
}
#default #image2.panelitem{
	background: url(/images/18.jpg); 
}

#image3.panelitem { 
	background: url(/images/17.jpg); 
}
#default #login.panelitem {
	width:227px;
	border:1px solid #80C9E7;
	border-top:0px;
	height: 129px;
}
#login div {
float:left;
clear:both;
margin:50px;
}
#login label{
	float:left;
	width:80px;
}
#login input#user, #login input#pass {
    width:130px;
    float:left;
    margin:10px;
    padding:10px;
} 
	
#login p{
	color:#ff0000;
    font-size: 17px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
	


/*Layout - Homepage */

#promobox { 
 float:right;
 margin:0px 0px 17px 0px;
 padding:0px 0px 0px 0px;
 width: 235px; /* was 277px */
 height: 50px;
 display: inline;
 position: relative;
 border:6px solid #8dc73f;
}

#teachersbox {
 float: right;
 margin:0px 0px 15px 0px;
 padding:0;
 width: 245px; /* was 280px */
 height: 29px; /* was 130px */
 display: inline;
 position: relative;
 border:1px solid #000000;}
 
#teacherstitle {
 float: right;
 margin:0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 width: 245px; /* was 280px */
 height: 24px;
 display: inline;
 position: relative;
 background-color: #8dc73f;}
 
 
#studentsbox {
 float: right;
 margin:0px 0px 15px 0px;
 padding:0;
 width: 245px; /* was 280px */
 height: 29px; /* was 100px */
 display: inline;
 position: relative;
 border:1px solid #000000;}
 
 #studentstitle {
 float: right;
 margin:0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 width: 245px; /* was 280px */
 height: 24px;
 display: inline;
 position: relative;
 background-color: #8dc73f;}
 
 
 #employersbox {
 float: right;
 margin:0px 0px 15px 0px;
 padding:0;
 width: 245px; /* was 280px */
 height: 29px; /* was 100px */
 display: inline;
 position: relative;
 border:1px solid #000000;}
 
 
 #employerstitle {
 float: right;
 margin:0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 width: 245px; /* was 280px */
 height: 24px;
 display: inline;
 position: relative;
 background-color: #8dc73f;}
 
 #p4ubox {
 float: right;
 margin:0px 0px 15px 0px;
 padding:0;
 width: 245px; /* was 280px */
 height: 79px; /* was 130px */
 display: inline;
 position: relative;
 border:1px solid #000000;}
 
 #p4utitle {
 float: right;
 margin:0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 width: 245px; /* was 280px */
 height: 74px;
 display: inline;
 position: relative;
 background-image: url(http://www.digittobuildit.org.uk/images/21.jpg);}
 
 #rhsbox {
 float: right;
 margin:0px 0px 5px 10px;
 padding:10px 0px 10px 0px;
 width: 245px; /* was 280px */
 display: inline;
 position: relative;}
 
 /*Layout - Other Pages */
 
 #leftnav { 
 float: left;
 color: #333;
 margin:10px 0px 5px 0px;
 padding:0;
 width: 225px; /* was 660px */
 display: inline;
 position: relative;
 border:1px solid #000000;
}
 
#rightcolumnlevel {
 display: inline;
 color: #333;
 margin:10px 41px 5px 5px;
 padding:0px;
 width: 640px; /* was 300px */
 /*height:500px; */
 float: right;
 border:1px solid #000000;
 position: relative;
 
}
 

/*Navigation Styles*/

#navigation {
 color: #ffcc00;
 padding: 5px;
 margin: 0px 5px 10px 5px;
 background: #8dc73f;
 height:18px;
}

 #navigation li.navlist {
 display:inline;
 margin: 0px 0px 0px 3px;
 }
#navigation li.active {color:#ff0000;}

#navigation ul.navleft {
 color:#cccccc;
 font-weight:bold;
 font-size: 12px;
 float:left;}
 
 #navigation ul.navright {
 color:#FFFFFF;
 font-weight:bold;
 font-size: 12px;
 float:right;}



#rightcolumn { 
 display: inline;
 color: #333;
 margin:10px 41px 0px 5px;
 padding:0;
 width: 250px; /* was 300px */
 float: right;
 /*border:1px solid red;*/
}

#leftcolumn { 
 float: left;
 color: #333;
 margin:10px 5px 0px 0px;
 padding:0;
 width: 630px; /* was 660px */
 display: inline;
 position: relative;
 border:1px solid #000000;
}

#sponsorfooter { 
 clear: both;
 font-size: 11px;
 font-weight: normal;
 color: #6b7a83;
 background: #ffffff;
 /*margin: -5px 10px 0px 10px;*/
 padding: 10px 0px 0px 0px;
 margin: 30px 0px 0px 18px;
 height: 210px;
 border: 1px solid #000000;
 float:none;
 width: 902px;
}


/* logos */
#sponsorfooter div.left{
	float: left;
	margin:0 10px;
}

#sponsorfooter div.right{
	float: right;
	margin:0 10px;
}

/*
#sponsorfooter ul{
	padding:0 10px;
}
*/
#sponsorfooter h4{
	margin-bottom: 7px;
}

#sponsorfooter li{
 display:inline-block;
 margin: 0px 5px 0px 3px;
}

#sponsorfooter li img{
	border:none;
}


#footer { 
 font-size: 11px;
 font-weight: normal;
 color: #6b7a83;
 background: #ffffff;
 margin: 0px 10px 0px 10px;
 padding: 5px 0px 5px 10px;
 height: 15px;
}
.clear { clear: both; background: none; }


#spacer { 
 float:right;
 height: 31px;
}

ul.contact{
	margin-bottom:15px;
}
ul.contact li{
	list-style-type: none;
	margin-left:25px;
}

form.twin fieldset{
	margin:10px;
	padding:10px;
}

form.twin fieldset div{
	margin-bottom:5px;
}

form.twin fieldset div label{
	width:150px;
}

#sponsorfooter ul.sponsorimages li.major_partner{
	margin: 0 40px 0 10px;
}

#leftpaneltext h1, #rightpanel h1{
	margin:0;
}

#leftpaneltext h1 img{
	margin: 10px 62px 0 63px;
}

#rightpanel h1 img{
	margin: 10px 85px 0 85px;
}

#leftpaneltext .message, #rightpanel .message{
	margin-top:5px;
	text-align: center;
}

#sponsors #rightcolumnlevel img{
	float:left;
	margin: 0 10px 10px 26px;
}

#sponsors #rightcolumnlevel .sponsor{
	margin-bottom: 25px;
}

#contactform{
	margin:20px;
}

#contactform fieldset{
	padding:10px;
}

#contactform fieldset label{
	width:150px;
}

#contactform fieldset input{
	width:150px;
	margin-bottom: 5px;
}
#contactform fieldset #submit{
	width:auto;
	margin: 5px 0 5px 150px;
}

#rightcolumnlevel ul{
	margin-left:15px;
}

.navright .active a {color:#000000;}
.navlist .active a {color:#000000;}
.navleft .active a {color:#000000;}
.nav .active a {color:#000000;}

					

body.be-a-sponsor li.be-a-sponsor a {color:#b33f00;} 
body.twinning-for-employers li.twinning-for-employers a {color:#b33f00;}
body.schemes-of-work li.schemes-of-work a {color:#b33f00;}
body.teachers-guide li.teachers-guide a {color:#b33f00;}
body.registration li.registration a {color:#b33f00;}
body.students-guide li.students-guide a {color:#b33f00;}
body.how-to-enter li.how-to-enter a {color:#b33f00;}

/*form styling */
/* form fieldset {padding:0.1em 0.5em;margin:0.1em 0em;clear:both;float:left;	border: 2px solid #e0e7b8 !important;		-moz-border-radius: 8px;	border-radius: 8px;	margin: 0.2em 0 !important;
} */
#rightcolumnlevel form label{width:190px;display:block;float:left;clear:both;}
#rightcolumnlevel form radio,form input{float:left;}
#rightcolumnlevel form legend {font-weight:bold;}
#rightcolumnlevel form fieldset li {clear:both;padding:0.1em 0.5em;}
#rightcolumnlevel form ul {float:left; list-style:none;}
#rightcolumnlevel form ul fieldset {border:0px;padding:0px;margin:0px;}
#rightcolumnlevel form ul fieldset li {float:left;clear:none;padding:0em 0em;}
#rightcolumnlevel form ul fieldset li label{float:left;clear:none;}
#rightcolumnlevel form ul fieldset li input{float:left;clear:none;}
#rightcolumnlevel form .required{color:#990000; font-weight:bold;}
#rightcolumnlevel form input#submit{text-align:center;margin:50px auto;float:none;clear:both;width:100%;height:1em;}
#rightcolumnlevel form textarea {width:290px;}
#rightcolumnlevel form div{clear:both;}
/*END form styling */

#jimlogin {
	margin: 0px 0px 0px 0px;
	background: #FFFFFF; 
	padding: 10px 20px 10px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom:solid 0px;
	height: 160px;
}

.picture10 { background-color:#ffffff; 
border: 0px dashed #000000; 
padding: 20px 20px 0px 20px; 
float:right;
margin: 0px 0px 0px 0px;}