/* 				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 {
	background-image: url(../images/backgrounds/graph.gif);
	top:10px;
	background-position: 1px 1px; /*Fixes IE5 Mac relative positioning bug*/
	border: 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;
	font-size: 90%;
	margin: 0 0 0 216px; /* left margin increased by 1px for IE5 Mac */
	padding: 16px 16px;
}

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



#left-side{
	float:left;
}

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

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

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

#left-bottom{
	float:left;
}

#right-bottom{
	float:right;
}

/* 				Footer	  								*/

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

/* 				Div in left Nav bar to show boro logo	  				*/

#logo {
background-color: #FFFFFF;
margin-left: 4px;
border: 1px solid #000;
}

/* 	We dont want any borders on images	  */

img{
	border:0px;
}

/* 	We need to pad left the feature images to get space from text	  */

.paddedimage {
padding-left: 10px;
}

/* 	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;
}

/* 	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 children profiles and summaries 	  	*/

.boxtitle {
	font-size: 115%;
	padding: 10px;
	color: #001F9D;
	background-color: #BAD7DF;
	font-weight: 400;
}

.boxmiddle {
	font-size: 100%;
	padding: 10px;
	border: solid 2px #BAD7DF;
	color: #000;
	font-weight: 400;
}

.boxheading {
	font-size: 125%;
	color: #001F9D;
	font-weight: 600;
}

.boxheadingsmall {
	font-size: 125%;
	color: #001F9D;
	font-weight: 400;
}

.boxheadingsmallred {
	font-size: 125%;
	color: #D80800;
	font-weight: 600;
}

.boxbrown {
	font-size: 100%;
	padding: 10px;
	border: solid 2px #660033;
	color: #000;
	font-weight: 400;
}

.swhead {
	font-size: 105%;
	padding-left:10px;
	color: #001F9D;
	font-weight: 600;
}

.chhead {
	font-size: 125%;
	color: #001F9D;
	font-weight: 600;
}

.familybox {
	font-size: 100%;
	padding:10px;
	border: dashed 2px #BAD7DF;
	color: #000;
	font-weight: 400;
}

/* 	For REQUIRED fields 	  	*/

.redemph {
	padding-left:10px;
	color: red;
	font-weight: 500;
}