body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

hr{
 height:2px;
 background-color:#FFFFFF;
 color:#FFFFFF;
 border:0;
 width:80%;
}	

img.standard
{
  border-width:2px;
  border-style:solid;
  border-color:#9a7cb9;
  float:left; 
  margin-right:20px;
  margin-top:5px;
}


.CALENDAR_GREY_TEXT{
  color:#CCCCCC;

}


a{
  color:#0056a6;
}

a:hover{
  color:#fe4b05;
}


blockquote{
 margin:30px;
 padding-left:20px;
 border-left-width:5px;
 border-left-style:solid;
 border-left-color:#a1429a;
} 


H1 
{ 
    color:#0056a6;
    FONT-WEIGHT: bold; 
    font-family: 'Comic Sans', 'Comic Sans MS', Arial, Helvetica, sans-serif;  
	FONT-SIZE: 24px; 
	TEXT-DECORATION: none ; 
	margin:10px;
	margin-left:0px;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:20px;
}


h2{
  margin:0px;
  color:#972e8f;
  font-family: 'Comic Sans', 'Comic Sans MS', Arial, Helvetica, sans-serif;  
  FONT-WEIGHT: bold;
  font-size:20px;
  padding:5px;
  padding-left:0px;
  margin-top:20px;
  margin-bottom:10px;
}


h3{
  margin:0px;
  color:#FFFF00;
  FONT-WEIGHT: bold;
  font-size:20px;
  padding:5px;
  padding-left:0px;
  margin-bottom:10px;
}


h3.session{
 color:#fe4b05;
 font-size:18px;
} 


h4{
  margin:0px;
  color:#FFFF00;
  FONT-WEIGHT: bold;
  font-size:16px;
  padding:5px;
  padding-left:0px;
  margin-top:10px;
  margin-bottom:10px;
}

h4 a{
  color:#FFFF00;
  text-decoration:none;
}

h4 a:hover{
  color:#fe4b05;
}  

.PICTURE_TEXT{
  font-size:12px;
  padding:0px;
  margin-bottom:5px;
}

.pdf_download_link{
  margin-top:15px;
  margin-bottom:10px;
}

.stjohns
{
  color:#0056a6;
  font-family: 'Comic Sans', 'Comic Sans MS', Arial, Helvetica, sans-serif;  
  FONT-WEIGHT: bold;
}


body 
{
  margin: auto;
  margin-top:6px;
  margin-bottom:6px;
  background-color: #ef7600; /*#0056a6;  /* #ffa31f; */
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE:  14px;
  TEXT-TRANSFORM: none;
  
}

#mainbody
{
  background-color:#FFFFFF;
  width:1000px;
  border: 2px #8f4700 solid;
}

#shadow-page{
 margin-auto;
 margin-top:0px;
 margin-bottom:5px;
 padding:0px;
 width:1004px;
 height:52px;
 background-image:url(/images/shadow-page.png);
 background-repeat:no-repeat;
}

.spaced{
 padding-top:12px;
 }

#topbanner{
 position:relative;
 padding: 0px;
 background-image: url('/images/top_banner.png');
 background-repeat: no-repeat; 
 border-width: 0px;
 height: 210px;
 font-family: 'Comic Sans', 'Comic Sans MS', Arial, Helvetica, sans-serif;  
}


#stjohns-logo
{
 position:absolute;
 top:0px;
 left:640px;
 width:350px;
 height:190px;
 padding: 0px;
 background-image: url('/images/logos/sjp.png');
 background-repeat: no-repeat; 
 border-width: 0px;
}


#logo-words{
 position:absolute;
 top:44px;
 left:600px;
 font-size: 32px;
 line-height: 120%;
}


#logo-strap{
 position:absolute;
 top:165px;
 left:600px;
 font-size: 15px;
}

#banner-title{
 font-size:150%;
 font-weight:bold;
 padding-bottom:0px;
 margin-bottom:10px;
}

#banner-address{
 margin-bottom:30px;
}

#child-banner{
 position:absolute;
 top:5px;
 left:0px;
 width:233px;
 height:373px;
 padding: 0px;
 background-image: url('/images/happy-girl.png');
 background-repeat: no-repeat; 
 border-width: 0px;

}

#banner-info{
 position:absolute;
 top:15px;
 left:235px;
 font-size: 14px;
 text-align:left;
 line-height:160%;
}

.parent-menu{
  color:#FFFFFF;
  font-family: 'Comic Sans', 'Comic Sans MS', Arial, Helvetica, sans-serif;  
  font-size:18px;
  padding-bottom:8px;
  padding-left:10px;
}


.parent-menu a{
  color:#FFFFFF;
  text-decoration:none;
}


.parent-menu a:hover{
  color:#FFFF00;
  border-top: 1px dashed #FFFF00;
  border-bottom: 1px dashed #FFFF00;  
  margin-top:1px;
  margin-left:1px;
}

.comment-by{
  color:#0056a6;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:right;
  font-style:italic;
}

nav {
	margin:0px auto; 
	text-align: right;
	margin-left:5px;
	padding-top:28px;
	padding-right:40px;
	font-family: 'Comic Sans', 'Comic Sans MS', Arial, Helvetica, sans-serif;  
	background-image:url(/images/nav-bar2.png);
	background-repeat:no-repeat;
	width:975px;
	height:88px;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	padding: 0 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	text-align: left;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
		padding:0px;
		margin:1px 26px;
        text-decoration: none;
        
	
	}
		nav ul li:hover {
			/* background: #3c567f; */
			border-top: 1px dashed #FFFF00;
			border-bottom: 1px dashed #FFFF00;
		}
			nav ul li:hover a {
				color: #FFFF00;
			}
		
		nav ul li a {
			display: block; 
			padding:0; 
			color: #fff;			
			text-decoration: none;
			font-size:18px;
			text-transform:uppercase;
			font-weight:bold;
		}
			
		
 /* Sub drop-down */	
 
   nav ul ul {
        margin-left:10px;
		/* background: #3c567f; */
		background-image:url(/images/blue-bg.png);
		position: absolute; 
		top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #d8ecff;
			border-bottom: 1px solid #b9c7d4; position: relative;
		}
			nav ul ul li a {
			    font-size: 14px;
				padding: 10px 20px;
				margin-left:-20px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #47699e;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
		 

#left-col{
  padding-left:10px;
  float:left;
  width:310px;
}

.left-splash{
  padding:20px;
  padding-left:50px;
  padding-right:30px;
  width:240px;
  height:410px;
  background-image:url(/images/left-splash.png);
  background-repeat:no-repeat;
  color:#FFFFFF;
  font-family: 'Lucida Sans', Arial, Sans-serif;
  font-size:18px;  
  text-align:left;
  z-index:2;
}

.news-date{
  font-size:13px;
  color:#cdd6ee;
  padding-bottom:5px;
}


#mainpage{
    text-align:left;
    margin-left:320px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;	
	line-height:150%;
	color:#303030;
	font-family: 'Lucida Sans', Arial, Sans-serif;
	font-size:16px;
	min-height:850px;
}

			

ul {
   padding:15px;
}


li {
margin-left:10px;
padding-left:10px;
margin-bottom:10px;
}


#footer
{
  position:relative; 
  color:#01a0c8;
  font-size:14px;
  padding:30px;  
  padding-top:105px;
  text-align:center;
  line-height:150%;
  background-image:url(/images/footer.png);
  background-repeat:no-repeat;
  height:47px;
  width:940px;
}


#paintbrush{
  position:absolute;
  top:-30px;
  left:70px;
  background-image:url(/images/paintbrush-2.png);
  background-repeat:no-repeat;
  width:472px;
  height:83px;
}


#paintpots{
  position:absolute;
  top:-20px;
  left:770px;
  background-image:url(/images/paint-pots.png);
  background-repeat:no-repeat;
  width:199px;
  height:145px;
}

#footer a{
 color:#FFFFFF;
 text-decoration:none;
}
 
 
#footer a:hover{
 text-decoration:underline;
 color:#c6dcff;
}


#footer-logos{
  position:relative;
  background-color:#FFFFFF;
  margin:10px;
  height:150px;
}


#learning-alliance{
  position:absolute;
  top:px;
  left:10px;
  background-image:url(/images/logos/learning-alliance-2.png);
  width:140px;
  height:140px;
}


#blank-logo{
  position:absolute;
  top:0px;
  left:420px;
  width:140px;
  height:140px;
}

#hqs{
  position:absolute;
  top:0px;
  left:420px;
  /* background-image:url(/images/logos/hqs.png); */
  width:140px;
  height:140px;
}


#ofsted{
  position:absolute;
  top:0px;
  left:800px;
  background-image:url(/images/logos/ofsted-outstanding.png); 
  width:140px;
  height:140px;
}

.facebook_logo{
 margin-left:5px;
}

#30-hours-free{
 margin:40px auto;
 padding-bottom:20px;
}

#moving{
 color:#fc0f41;
 background: rgba(239, 118, 0, 0.2);
 font-family: 'Comic Sans', 'Comic Sans MS', Arial, Helvetica, sans-serif; 
 padding-top: 18px;
 padding-bottom: 18px;
 font-size: 22px;
 text-align:center;
 font-weight:bold;

}
