/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	width: 600px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top: 10px;
	background-color: #454545;	
}

h1{
	font-size: 1em;
	line-height: 1.5
	}
a{
	font-size: .75em;
	}

.access {
	position: absolute;
	left: -9999em;
}

		#header,  #headerB {
			background: #A8322E;
			color: #FFF;
		}
			h1, h1 span {
				background:url(Images/Schools-in-harmony-header.jpg) no-repeat;
				height: 130px;
				width: 600px;
			}
			
				 h1 span{
					display: block;
					margin-bottom: -100px;
					position: relative;
					z-index: 1;
				}
				
				#header p {
					position: absolute;
					top: 3.5em;
					margin-left: 0.25em;
				}
		
	

#container {
	background-color: #FFF;
	border-color: #333;	
	border-width: 5px;
	border-style: solid;
	width: 600px;
	/*height: 470px;*/
}

					
		#content {
		background-color: #FFF;
	font-size: .80em;
	padding-left: 75px;
	/*width: 600px;*/
	/*height: 350px;*/
			}
			
			#content p {
				width: 450px;
				text-align: justify;
				color: #333;
				margin-top: 0.25em;
			}
			
			#content h2{
	margin-top: 10px;
	width: 450px;
	margin-bottom: 20px;
	font-size: 1em;
	font-weight: normal;	
	text-align: justify;		
			
			}
		
		#content h3 {
			margin-top: 0.25em;
			margin-bottom: 10px;
			border-bottom-width: 2px;
			border-bottom-style: solid;
			border-bottom-color: #A8322E;
			color: #333333;
			font-size: 1.5em;
			font-weight: normal;
			padding: 0.1em;
			width: 450px;
			
		}
		#images {
			margin-left: 35px;
		}
			#content a{
				font-size: 1em;
				color: #005984;
				text-decoration: underline;
				font-weight: normal;
				padding-right: 5px;
			}
					
			#top {
			z-index:1;
			}
						
			#button .box, .box2{
				float: left; 
				width: 160px; 
				border: thin solid #333333;
			}
			
			#button .box2 {
				margin-left:130px;			
				}
				
			#button .box h4{
	color: #FFFFFF;
	background-color: #2F8DA3;
	padding-left: 10px;
	font-weight: normal;
	font-size: 1em;
	height: 1.5em;
	width: 150px;
	float: left;
			}
			#button .box2 h4{
	color: #FFFFFF;
	background-color: #2F8DA3;
	padding-left: 10px;
	font-weight: normal;
	font-size: 1em;
	height: 1.5em;
	width: 150px;
	float: left;
			}
			
	
	#footer {
		background: #0082BE;
		clear: both;
		color: #FFF;
		margin-left: 158px;
		padding: 5px 0;
		text-align: center;
		width: 527px /* fix for IE 6 */;
		font-size: 0.8em;
	}