﻿
.clearer
{
	clear:both;
}


body 
{
	
	text-align: center;

	margin:0;
	padding:0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #005177;*/
	color: #004669;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* For compliant browsers */
}
html>body { /* be nice to opera */
	font-size: small;
}

#wrap
{
	margin: 0 auto;
	width: 775px;
	text-align: left;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}


h1
{
	font-size: 180%;
	text-align:center;
	padding:0;
	margin:0;
	margin-bottom: 10px;
}
h2
{
	font-size: 130%;
	color: #005177;
}
h3
{
	font-size: 105%;
}

a
{
	color: #004669;
}

a:hover
{
	color: #0079B5;
	text-decoration: none;
}

a:visited
{
	color: #004669;
}

#ccards
{
	float:right;
	padding: 0px 3px;
}
.ccimg
{
	padding-bottom:4px;
}

img
{
	border-style:none;
}

#wrap
{
	max-width: 1200px;
	

}

#header
{
	background: #0079B5;
	/*min-height:99px;*/
	background-image: url(../img/TitleBackground_repeate.png);
	background-repeat:repeat-x;
	/*height:82px;*/
	/*height:100%;	/* I.E. 7 Hack */
	height:88px;
}

#Title
{
	/*padding: 1.2em 120px 0 120px;*/
	padding-left: 120px;
	padding-top: 0.5em;
	background-image: url(../img/logo_new.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:78px;	
		/*padding-left:110px;*/
	/*float:left;*/
}

#Login
{
	float:right;
	padding-top:10px;
	padding-right:10px;
}


#Login a
{
	color: White;
}
#Login a:hover
{
	color: White;
	text-decoration: none;

}

#Login .txt
{
	float:left;
	width: 6em;
	text-align:right;
	color: White;
	padding-top:3px;
}

#Login .topLogin
{
	 background-color:White;
	 border: solid 1px #000;
	 margin-bottom:0.5em;
	 margin-left: 4px;
	 padding-top:2px;
	 padding-bottom:2px;
	 font-size:10px;
	 padding:2px;
}
#Login .topInputButton
{
	height:auto;
	margin:0;
}
#TopLoginButton
{
	vertical-align:top;
	margin-left:2px;
}
#TopLoginForgot
{
	padding-left:6.3em;
}


#MathsGoGoGo
{

	font-weight:bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 260%;
	color: #fff;
	height: 35px;
	padding:0px;
	margin:0px;
}

#LoapToSuccess
{
	padding-left:118px;
	font-weight:bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #fff;
	padding-top:0;
	margin:0;
	font-style:italic;

}
#Tagline
{
	font-weight:normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	padding-top:0;
	margin:0;
	font-style:normal;
}

#message
{

	background-color: #004669;
	padding: 0.4em;
	text-align:center;
	color: #fff;
	font-weight:bold;
	border-bottom: double 3px #0095DD;
	border-top: solid 1px #0099CC;
	border-bottom: solid 1px #0099CC;
	
}

#message a
{
	text-decoration: 'underline';
	color: #fff;
}

#message a:hover
{
	text-decoration: 'underline';
	color: #ccc;
}

#content
{

	padding-right: 6px;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	background: #0094DE;
	height:100%;
	color: #005177;
	
}

#breadcrumbs
{
	margin: 1px 0;
	padding: 0.25em 1em;
	border-top:solid 1px #000;
	border-bottom: solid 1px #000;
	color: #005177;
	clear:both;
}




/********************************/
/****** Linkbar Navigation ******/
/********************************/
#linkBar
{
	/*background-color:#005177;*/
	background-color:#0079B5;
	/*height:100%;	/* I.E. 7 Hack */*/
}

#HelpLink
{
	float:right;
}

#linkBar ul
{
	padding:0;
	margin:0;
	
}
#topSubscribe a
{
	background-color:#B54C00;

}
#topSubscribe a:hover
{
	background-color:#E85B17;
	color: #fff;

}
#linkBar li
{
	list-style: none;
	text-align:left;
	margin: 0; 
	padding:0;
	float:left;
}


#linkBar ul li a
{
	display: block;
	text-decoration: none;

	/*background-color:#B8D2FE;*/
	margin: 0.5em 0.25em 0 0.25em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	/*color: #fff;*/
}


#linkBar ul li a:hover
{
	/*background-color:#0094DE;
	color: Black;*/
}



 .linkBarLink a,.linkBarLink a:visited
 {
	color: #fff;
	border-top: solid 1px #005177;
	border-left: solid 1px #005177;
	border-right: solid 1px #005177;
	background-color:#1AB3FF;
 }
 
 .linkBarLink a:hover
 {
	background-color:#0094DE;
	background-color:#004669;
	color: #fff;
 }
 
 
/*#Linkbar_Help a
{
	background-color:#499449;
}

#Linkbar_Help a:hover
{
	background-color:#0094DE;
}

*/



/********************************/
/****** Footer Navigation ******/
/********************************/


#footer
{

	clear: both;
	font-size: 80%;
	width: 100%;
	margin-top: 1px;
	border-top: solid 1px #000;
	
}
#footer span
{

	padding-left:1em;
}

#footer ul
{
	padding: 0;
	margin:0;
	list-style: none;
}

#footer li
{
	/**/
	/*padding-left: 0;*/
	float:left;
	background-color: #fff;
	margin: 0; 
	padding: 0.3em 1em;
}



#footer ul li a
{

	color:#000;
	
}
#footer ul li a:hover
{
	color:#000;
	text-decoration:none;
}




/**************************/
/****** Page Layouts ******/
/**************************/

.squareWhiteBoxCenter
{
	width:70%;
	background-color:White;
	/*color: Black;*/
	text-align:center;
	margin-left: 15%;
	border: solid 1px #000;
	margin-top:20px;
	margin-bottom:20px;
	padding: 20px;
	
}

.squareWhiteBoxLeft
{
	width:85%;
	background-color:White;
	/*color: Black;*/
	text-align:left;
	margin-left: 5%;
	border: solid 1px #000;
	margin-top:20px;
	margin-bottom:20px;
	padding: 20px;
	
}

.squareWhiteBoxLeft2
{
	/*width:90%;*/
	background-color:White;
	/*color: Black;*/
	text-align:left;
	margin: 5px;
	border: solid 1px #000;
	padding: 10px;
	
}



.twosquareWhiteBox
{
	float:left;
	width:39%;
	background-color:White;
	/*color: Black;*/
	text-align:left;
	margin-left: 5%;
	border: solid 1px #000;
	margin-top:20px;
	margin-bottom:20px;
	padding: 20px;
	
}




/***********************/
/****** Home Page ******/
/***********************/

#GCSEBack
{
	background: #fff url(../img/GCSEImage.png) no-repeat bottom left;
}

#PrimaryBack
{
	background: #fff url(../img/PrimaryImage.png) no-repeat bottom left;
}

.FrontPageTextBox
{
	border: solid 1px #000;
	margin-bottom: 10px;

}

.FrontPageTextBox h2
{
	
	padding: 5px;
	margin:0;
	padding-left: 130px;
}

.FrontPageTextBox p
{
	padding-left: 130px;
	padding-right: 8px;
}


.FrontPageTextBox ul
{
	
	padding: 0;
	margin:0;
	list-style: none;
	padding-left: 130px;
}


.FrontPageTextBox ul li
{
	float:left;
	background-color: #fff;
	margin: 0; 
	padding: 0.3em 1em;
}

.FrontPageTextBox .links
{
	border-top: dashed 1px #005177;
	margin-left: 130px;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}

.FrontPageTextBox .links div
{
	display:inline;
}


.FrontPageTextBox .links a
{
	border: none;
	padding-left:5px;
	padding-right: 15px;
	text-decoration: underline;
	color:#005177;
}


.FrontPageTextBox .links a:hover
{
	border: none;
	padding-left:5px;
	padding-right: 15px;
	text-decoration: none;
	color:#001824;
}

.FrontPageTextBox .links a img
{
	border-style:none;
	padding-right: 6px;
}


.FrontPageTextBox .image
{
	float:left;
	margin: 0;
	padding:0;
}




/***********************/
/****** Forms     ******/
/***********************/

.FormField
{
	margin-bottom: 15px;
	margin-left: 142px;

}

.FormName
{
	color: #005177;
	float:left;
	/*width: 200px;*/
	text-align:right;
	padding-right:5px;
}








.clearer
{
	clear:both;
}