/* 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:x-small;
				color:#19457B;
				background-image:url(images/pagebg.gif);
				background-repeat:repeat-x;
				background-color:#A2C7F4;
			}


			#header{
				 height:211px;
				 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: 775px;
				position:relative;
				top: 0px;
			}

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

			#col-one{
				position: absolute;
				top: 208px;
				left: 16px;
				width: 116px;
				margin: 0px 0px 0px 0px;
				padding: 0px;
				padding-top: 10px;
				height: 282px;
				z-index:10;
		 	}

			#col-two{  /* For Mozilla etc */
				 margin: 0px 35px 20px 160px;
				 padding: 10px 0px 0px 10px;
				 position :relative;
				 min-height: 397px; /* 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 35px 20px 160px;
				 padding: 10px 0px 0px 10px;
				 position :relative;
				 height: 397px;  /* IE thinks height means min-height */
			 }

			#footer {
				height: 56px;
				clear:both;
				color:#000000;
			}

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


			/* For Page links */

			a {
				text-decoration:none;
				color:#006600;
			}
			
			a:hover {
				text-decoration:none;
				color:#999900;
			}

			#bottomlinkx {
				color:#FFFFFF;
				font-weight:bold;
			}
			
			
			#bottomlinkx a{
				text-decoration:none;
				color:#FFFFFF;
				padding-left: 15px;
			}
					
			#bottomlinkx a:hover{
				text-decoration:none;
				color:#19457B;
			}


			/* For the Main Nav */

			#nav {
				padding: 0 0 1em 0;
				margin-bottom: 1em;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:small;
				font-weight:bold;
				background-color: #19457B;
				}

			* html #nav {
				width: 108px;
				padding: 0 0 1em 0;
				margin-bottom: 1em;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:small;
				font-weight:bold;
				background-color: #19457B;
				}
		
			#nav ul {
				list-style: none;
				margin: 0;
				padding: 0;
				border-bottom: 5px solid #FFEC86;
				}
				
			#nav li {
				margin: 0;
				margin-top: 2px;
				}
		
			#nav li a {
				display: block;
				padding: 5px 5px 5px 0.5em;
				background-color: #19457B;
				color: #FFFFFF;
				text-decoration: none;
				width: 100%;
				}
		
			html>body #nav li a {
				width: auto;
				}
		
			#nav li a:hover {
				background-color: #FFEC86;
				color: #19457B;
				}


			/* Homepage Stuff */


			#hometext {
				position:absolute;
				top: 10px;
				left: 18px;
				width: 302px;
				height: 184px;
				font-size: medium;
				z-index: 0;
				}

			#buttonbank {
				position:absolute;
				top: 252px;
				left: 17px;
				width: 542px;
				height: 135px;
				z-index: 1;
				}
	

			#photo {
				position:absolute;
				top: -6px;
				left: 326px;
				height: 250px;
				width:265px;
				z-index: 2;
				}
			
			#hitcount {
				position:absolute;
				top: 349px;
				left: -151px;
				height: 66px;
				z-index: 0;
				width: 116px;
				}
			
			
			#seasonblock {
				z-index: 5;
				}