/* PrimarySchool CSS v1.0 */

/* 
(c) 2005 Robert Willie.
All Rights Reserved
This CSS cannot be resold, redistributed or reused without express permission.
Contact: robert_willie@hotmail.com
Author: Robert Willie
*/


html,body
			{
				margin: 0;
				padding: 0;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:x-small;
				color: #000000;
				background-image:url(images/pagebg.gif);
			}
			
			
			#container
			{
				margin: 0px auto;
				background-repeat: repeat-y;
                background-image:url(images/bg.gif);
				width: 800px;
				position:relative;
				top: 0px;
				
			}


#container2
			{
				margin: 0px auto;
				width: 800px;
				position:relative;
				top: 0px;
			}


a {
text-decoration:none;
color: #6600CC;
}

a:hover {
text-decoration:none;
color: #FFFF00;
}
 
#header{
 height:173px;
 background-image:url(images/header.gif);
 background-repeat:no-repeat;
 }

#left-col{
	position: absolute;
	top: 164px;
	left: 20px;
	width: 119px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 10px;
	height: 282px;
z-index:10;
 }

#topnav{
	position: absolute;
	top: 107px;
	left: 0px;
	width: 131px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 10px;
	height: 282px;
 }


#title {
	position:absolute;
	left:353px;
	top:142px;
	width:233px;
	height:36px;
	z-index:20;
	text-align:center;
}


#corner{
	position: absolute;
    z-index: 0;
	top: 173px;
	left: 20px;
	width: 758px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 10px;
	height: 346px;
background-image:url(images/bg2.gif);
 }


#nav{
	padding: 0px;
	height:auto;
	position:absolute;
	top: 60px;
	left: -27px;
	color:#C05042;
	width: 189px;
	z-index: 10;
}


#right-col{  /* For Mozilla etc */

 margin: 0px 35px 20px 168px;
 padding: 10px 0px 0px 10px;
 position :relative;
 min-height: 390px; /* IE doesn't understand min-height, but other browsers do */
 }

* html #right-col{   /* IE ignores the * html so sees this as #right-col */

 margin: 0px 35px 20px 168px;
 padding: 10px 0px 0px 10px;
 position :relative;
 height: 390px;  /* IE thinks height means min-height */
 }


#clearer {
height: 5px;
clear:both;
}

#footer {
height: 27px;
background-image:url(images/footer.gif);
clear:both;
color:#000000;
}

#bottomlinkx 
		{
		color:#FFFFFF;
		font-weight:bold;
		}


#bottomlinkx a
		{
		text-decoration:none;
		color:#FFFFFF;
		
		padding-left: 15px;
		}
		
#bottomlinkx a:hover
		{
		text-decoration:none;
		color:#00FFFF;
		
		}
		
#brochure a {
    background: url("../images/brobutton.jpg") no-repeat scroll 0 0 transparent;
    height: 67px;
    left: 489px;
    position: absolute;
    top: 375px;
    width: 60px;
    z-index: 100;
}

#brochure a:hover {background-position: -60px;}

/*Classpages*/

#foundationunit a {
    background: url("../images/class1.gif") no-repeat scroll 0 0 transparent;
    height: 138px;
    left: 100px;
    position: absolute;
    top: 52px;
    width: 88px;
    z-index: 100;
}

#foundationunit a:hover {background-position: -88px;}

#unit1and2 a {
    background: url("../images/class2.gif") no-repeat scroll 0 0 transparent;
    height: 138px;
    left: 200px;
    position: absolute;
    top: 52px;
    width: 88px;
    z-index: 100;
}

#unit1and2 a:hover {background-position: -88px;}

#unit3and4 a {
    background: url("../images/class3.gif") no-repeat scroll 0 0 transparent;
    height: 138px;
    left: 300px;
    position: absolute;
    top: 52px;
    width: 88px;
    z-index: 100;
}

#unit3and4 a:hover {background-position: -88px;}

#unit4and5 a {
    background: url("../images/class4.gif") no-repeat scroll 0 0 transparent;
    height: 138px;
    left: 400px;
    position: absolute;
    top: 52px;
    width: 88px;
    z-index: 100;
}

#unit4and5 a:hover {background-position: -88px;}

/*home page video*/

#video {
	background: url("../images/video.jpg") no-repeat scroll 0 0 transparent;
    height: 200px;
    left: 37px;
    position: absolute;
    top: -351px;
    width: 260px;
	background-color: grey;
    z-index: 100;
}

#video1 {

    left: 48px;
    position: absolute;
    top: -339px;
    z-index: 101;
}