/* 				LondonKIDS style sheet  			*/
/* 				File naming convention  			*/
/* 				Starts with text size  			*/

body {
	background-color: #FFFFFF;
	font-family:Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 100%;
	margin: 0 10px;
}

/* 				Main wrapping container  			*/

#wrapper {
	top: 10px;
	background-image: url(../images/backgrounds/graph.gif);
	background-position: 1px 1px; /*Fixes IE5 Mac relative positioning bug*/
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	min-width: 770px;
	position: relative;
	z-index:1;
}

/* 				Left navigation  					*/

#sidebar {
	padding: 6px;
	position: absolute;
	top: 10px;
	left: 0;
	width: 200px;
}

/* 				Main Content	  					*/

#maincontent {
	background-color: #FFFFFF;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	font-size: 90%;
	margin: 0px 183px 0 216px; /* left margin increased by 1px for IE5 Mac */
	padding: 16px 16px;
}

/* 				Right Column	  					*/

#news {
	font-size: 80%;
	padding: 16px 12px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
}

/* 				Bottom of Page wrapper	  					*/

#wrapper2 {
	clear: both;
	background-image: url(../images/backgrounds/graph.gif);
	background-position: 1px 1px; /*Fixes IE5 Mac relative positioning bug*/
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	min-width: 770px;
	position: relative;
}

/* 				Bottom of Page Left	  					*/

#bottomsidebar {
	padding: 16px;
	position: absolute; 
	left: 1px;
	width: 200px;
}

/* 				Bottom of Page Middle	  					*/

#bottommiddle {
	background-image: url(../images/backgrounds/white.gif);
	background-position: 1px 1px; /*Fixes IE5 Mac relative positioning bug*/
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	font-size: 100%;
	margin: 0 183px 0 216px; /* left margin increased by 1px for IE5 Mac */
	padding: 16px 30px;
	z-index:10;
}

/* 				Bottom of Page Right	  					*/

#bottomright {
	padding: 16px;
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
}


#left-side{
	float:left;
}

#left-kids{
	float:left;
padding: 10px;
}

#right-side{
	float:right;
}
#right-sidetoo{
	float:right;
}

#right-kids{
	float:right;
}

#left-bottom{
	float:left;
}

#right-bottom{
	float:right;
}

/* 				Footer	  								*/

#footer {
	color: #BDBCAE;
	font-size: 85%;
	padding: 12px 3px;
	position: relative;
}

#nail {
	padding: 100px 0 0 0;
	position: relative;
	
}

/* 	We dont want any borders on images	  					*/

img{
	border:0px;
}

/* 	Define UL and H1 etc for navigation and right columns only	  	*/
/* 	Notice we dont use H1 as some search engines give this a priority	 */

#sidebar ul {
	margin-top: 6px;
	color: #001F9D;
}

 #sidebar h2 {
	font-size: 100%;
	margin: 30px 0 6px 0;
	color: #E64231;
}

#news h2 {
	font-size: 100%;
	margin: 0 0 6px 0;
	color: #E64231;
}

#news h3 {
	font-size: 115%;
	margin: 0 0 6px 0;
	color: #001F9D;
}

#news h4
{background: #fff; font-size: 100%; padding: 4px; font-weight: 400;} 

/* 	Define UL and H1 etc for maincontent only	  				*/
/* 	Not using H1 during design stage until we are sure it	  	*/
/* 	will give the right thing the priority					  	*/

#maincontent h2 {
	font-size: 150%;
	margin: 10px 0 6px 0;
	color: #001F9D;
}
#maincontent h3 {
	font-size: 125%;
	margin: 12px 0 6px 0;
	color: #001F9D;
}
#maincontent p {
	margin: 0 0 6px 0;
	text-align: justify;
}

/* 	Specify how all the links will appear 	  	*/

a:link, a:visited {color: #001F9D;}
a:hover, a:active, a:focus {color: #D80800;}
#maincontent a:link, #maincontent a:visited {color: #001F9D;}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {color: #D80800;}
#footer a:link, #footer a:visited {color: #BDBCAE; text-decoration: none}
#footer a:hover, #footer a:active, #footer a:focus {color: #BDBCAE; text-decoration: none}

/* 	A few classes specifically for search questions 	  	*/

.question {
	font-size: 105%;
	padding: 5px;
	border: solid 2px #BAD7DF;

}

.questhead {
	font-size: 125%;
	color: #D80800;
	margin: 0;
	text-decoration: underline;

}

/* 	For REQUIRED fields 	  	*/

.redemph {
	padding-left:10px;
	color: black;
	font-weight: 600;
}