/* PrimarySchool CSS v1.1 */

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


/* Main page elememts */

			html,body
			{
				margin: 0;
				padding: 0;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: small;
				color: #4F0C5B;
				background-image:url(images/pagebg.gif);
				background-repeat:repeat-x;
				background-color:#C7F4FF;
			}


			#header{
				 height:133px;
				 background-image:url(images/header.jpg);
				 background-repeat:no-repeat;
			 }

				/* Container, and Container2 
				are wrappers for col-one and col-two. 
				Container contains the main 
				graphic for the Y axis, while 
				Container2 allows you to 
				position an additional graphic 
				where ever you wish */

			#container{
				margin: 0px auto;
				background-repeat: repeat-y;
                background-image:url(images/bg.gif);
				width: 772px;
				position:relative;
				top: 0px;
			}

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

			#col-one{
				position: absolute;
				top: 124px;
				left: 11px;
				width: 76px;
				margin: 0px 0px 0px 0px;
				padding: 0px;
				padding-top: 10px;
				height: 313px;
				z-index:10;
		 	}

			#col-two{  /* For Mozilla etc */
				 margin: 0px 30px 20px 145px;
				 padding: 0px 0px 0px 10px;
				 position :relative;
				 min-height: 280px; /* IE doesn't understand min-height, but other browsers do */
			 }
			
			* html #col-two{   /* IE ignores the * html so sees this as #right-col */
				 margin: 0px 30px 20px 145px;
				 padding: 0px 0px 0px 10px;
				 position :relative;
				 height: 280px;  /* IE thinks height means min-height */
			 }

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

			/*homepage welcome box*/
             .style1{
				color: #6150ac;
				font-family: comic sans MS, Lucida Casual, sans-serif;
				position:relative;
				top:10px;
			}
	
			#awardsbar{
			margin-top: -18px;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


			/* For Page links */

			a {
				text-decoration:none;
				color:#D00000;
			}
			
			a:hover {
				text-decoration:none;
				color:#C400A1;
			}

			#bottomlinkx {
				color:#2064C9;
				font-weight:bold;
			}
			
			
			#bottomlinkx a{
				text-decoration:none;
				color:#2064C9;
				padding-left: 15px;
			}
					
			#bottomlinkx a:hover{
				text-decoration:none;
				color:#DE8D24;
			}