/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 
/* Ammended by *********** - Birley Spa Community Primary School */



* {
		margin: 0;
		padding: 0;
		}

body	{
background-image:url(images/background.GIF);





		} 
		
h4 		{
	font-size:12px;
	font-family: "Arial", Helvetica, sans-serif;
	font-style:normal;
	text-decoration: none;
	color:#333399;
		}
		
		
li		{
		font-size:12px;
		font-family:"Arial", Helvetica, sans-serif;
		font-style:normal;
		text-decoration: none;
		color:#333399;
		}	
		
a {
		text-decoration: none;
		color:#333399;
		}
		
a:hover {
		text-decoration: underline;
		color: #4F5D7F;
		}

#wrap {
		margin: 10px auto 10px auto;
		width: 794px;
		background: #fff;
		padding: 0px;
		}

#email {
		text-decoration:none;
		color:#000000;
		}

#header {

}



#navbar {
		background-color:#94BC53;
		
		
	/*	border-right:#333399 1px dotted; */
		font-size:10px;
		height:26px; 
		}
#introwrap {
		margin: 0px auto 10px auto;
		width: 792px;
		background: #fff;
		padding: 0px;
		}


#introheader {
background-image:url(images/introphotos/introheader.PNG);
background-position:center;
background-repeat:no-repeat;
width:792px;
height:105px;

}
#intromid {
background-image:url(images/introphotos/photos/introphoto1.jpg);
background-repeat:no-repeat;
width:792px;
height:280px;
}

#introfooter {
background-image:url(images/introphotos/introfooter.png);
background-position:center;
width:792px;
height:115px;
}
 


	/*	background-color:#fff;
		padding-left:0px;
		padding-right:0px;
		float:left;
		/*width: 792px;
		height:380px; 
		text-align: center;
		padding-top: 0px;	
		*/

#leftcolindexpage {
		background-color:#fff;
		float: left;
		text-align:center;
		position:relative;
		font-size:12px;
		color:#333399;
		font-family:Arial, Helvetica, sans-serif;
		width: 115px;
		height:450px;
		padding-top: 10px;
		border-left:#94BC53 1px dotted;
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
	

#midcolindexpage {
		background-color:#fff;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 561px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
	}
 
#midcolindexpage h1 { 
		font-size: 16px;
		font-style:normal;
		text-decoration:underline;
		}
		
#midcol {
		background-color:#fff;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:460px;
		text-align: center;
		background:center;
		padding-top: 0px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
	}

#leftcolholidayrequest {
		background-color:#fff;
		float: left;
		text-align:center;
		position:relative;
		font-size:12px;
		color:#333399;
		font-family:Arial, Helvetica, sans-serif;
		width: 115px;
		height:450px;
		padding-top: 10px;
		border-left:#94BC53 1px dotted;
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
#midcolholidayrequest {
		background-image:url(images/HolidayRequestForm.jpg);
		background-repeat:no-repeat;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}

#leftcoltermdates {
		background-color:#fff;
		float: left;
		text-align:center;
		position:relative;
		font-size:12px;
		color:#333399;
		font-family:Arial, Helvetica, sans-serif;
		width: 115px;
		height:450px;
		padding-top: 10px;
		border-left:#94BC53 1px dotted;
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
#midcoltermdates {
background-color:#FFFFFF;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}

#midcolofsted {
		background-image:url(images/ofstedreport.jpg);
		background-repeat:no-repeat;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}

#midcolafterschoolclub {
		background-image:url(images/afterschoolclub.jpg);
		background-repeat:no-repeat;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}

#midcoldinnermilk {
		background-image:url(images/milkdinner.JPG);
		background-repeat:no-repeat;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
		
#midcoljobs {
		background-image:url(images/jobs.jpg);
		background-repeat:no-repeat;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
#midcolschoolletters {
		background-image:url(images/schoolletters.jpg);
		background-repeat:no-repeat; 
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align:center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}

#midcolprospectus {
		background-image:url(images/prospectus.jpg);
		background-repeat:no-repeat; 
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 676px;
		height:450px;
		text-align:center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
 
#midcol h1 { 
		background-color:#fff;
		font-size: 16px;
		font-style:normal;
		text-decoration:underline;
		}
#midcolcenter {
		background-color:#fff;
		padding-left:0px;
		padding-right:0px;
		float:left;
		width: 561px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
 
#midcolcenter h1 { 
		font-size: 16px;
		font-style:normal;
		text-decoration:underline;
		}

#midcolcenter td {
		border:thin #FFFFff;
		}
		


#rightcolindexpage {
		background-color:#E6EECE;
		padding-left:0px;
		padding-right:0px;
		float: right;
		width: 114px;
		height:460px;
		text-align: center;
		padding-top: 0px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
 
#rightcolindexpage h1 { 
		font-size: 16px;
		font-style:normal;
		text-decoration:underline;
		}

#rightcol {
		background-color:#fff;
		padding-left:0px;
		padding-right:0px;
		float: right;
		width: 114px;
		height:450px;
		text-align: center;
		padding-top: 10px;		
		border-right:#94BC53 1px dotted;
		border-bottom:#94BC53 1px dotted;
		}
 
#rightcol h1 { 
		font-size: 16px;
		font-style:normal;
		text-decoration:underline;
		}

 
ul#navmenu-h {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		margin-right:0px;
		}
		
ul#navmenu-h ul {
		width: 160px; /* Sub Menu Width */
		margin: 0;
		list-style: none;
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }


/* Root Menu */

ul#navmenu-h a { border-top: 0px solid #FFF; border-right: 1px solid #FFF; padding: 6px; float: left; display: block; background-color:#94BC53; color: #fff; font: bold 11px Arial, sans-serif; text-decoration: none; height: 1%; }

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a { background:#C4D76B; color: #000; }
/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #C4D76B;; }

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background: #94BC53;}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { background: #C4D76B; }
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { background: #C4D76B; }
/* 4th Menu */ ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; } /* 4th Menu Hover */ ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; } /* Hover Function - Do Not Move */ ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

#imageContainer {
	height:100px;
}

#imageContainer img {
	display:none;
	margin:0 auto;
}


#footer {
margin: 0px auto 10px auto;
height: 20px;
width: 794px;
text-align: center;
font-size: 11px;
color: #72932A;
}
#footer a { color: #aaa; }
#footer a:hover { color: #111; }