body, html{
	margin:0;
	padding:0;
	color:#7a7d7b;
	font-size:100%;
	font-family:  Verdana, "Trebuchet MS", Arial, Georgia, "Times New Roman", Times, serif;
	/*background-color: #723f98;*/
	background-color: #78479c;
	}

	h1{
		margin:0;
		padding:0;
		font-size:120%;
	}
	h2{
		margin:0;
		padding:0;
		font-size:90%;
		text-transform:uppercase;
		letter-spacing:0.1em;
		font-weight:bold;
		line-height:2em;		
	}
	h3{
		margin:0;
		padding:0;
		font-size:75%;
		text-transform:uppercase;
		letter-spacing:0.1em;
		font-weight:bold;			
	}
	.primarycolour {
	/*color:#781507;*/
	color:#9371b4;
	}
	
	.primarycolour  a:link, .primarycolour a:visited, .primarycolour a:active{
	color:#c74c13;
	text-decoration:none
	}
	
	.primarycolour  a:hover{
	color:#c74c13;
	text-decoration:underline;
	}

	.secondarycolour{
	color:#723f98;
	text-decoration:none;
	}
	.gold{	
	color:#be873a;
	font-size:130%;
	}
	.titlecolour {
	color:#7a7d7b;
	}
	
	#wrapper{
	margin:0 auto;
	padding:0;
	padding-top:2cm; /*this should change depending upon peoples screen resolution.It will be controlled by javascript */
	padding-bottom:1cm;
	width:100%;
	}
	
	#content{
	margin:0 auto;
	padding:0;
	width:900px;
	border: 1px solid #673090;
	background-color:#FFFFFF;
	}
	#topbar {
		margin:0;
		padding:0;
		width:100%;
	/*	background-image: url(/images/top-bar-bg.gif);
		background-repeat: repeat-x;*/
		}
	#topbar .skipto {
		font-size:10%;
		color:#000000;
		float:left;
		position:absolute;
	}
	#topbar .skipto a{
		color:#000000;
		text-decoration:none;
	}
	
	#middlebar {
		float:left;
		clear:both;
		width:100%;
		margin:0;
		padding:0;
		height:auto !important;
		height:300px;
		min-height:300px;
	}
	#bottombar {
		clear:both;
		margin:0;
		padding:0;
	}
	#topbarwrap {
		margin:0 auto;
		padding:0;
		width:900px;
		background: #ffffff;
		height:120px;
    	/*min-height:27px;*/
	}
	#topbarwrap img{
		margin:0;
		margin-right: 45px;
		padding:0;
		border:none;
		width: 310px;
		height:78px;
		background-color:#ffffff;
		float:left;
		clear:left;
		position:relative;
		top:42px;
		left:20px;
	}
	#middlebarwrap {
		margin:0 auto;
		padding:5px;
		width:890px;
		background: #723f98;
	}
	#featuresbarwrap {
		margin:0 auto;
		padding:0;
		width:900px;
	}
	#bottombarwrap {
		margin:0 auto;
		padding:0;
		width:900px;
		border-top: 1px solid #673090;
		background:#ffffff;
	}

	#logobar {
	margin:0 auto;
	padding:0;
	width:900px;
	background-image: url(../images/schools-of-excellence-bar.gif);
	background-repeat: repeat-x;
	clear:both;
	height:25px;
	}
	#logobar img{
		margin:0;
		padding:0;
		border:none;
		width: 310px;
		height:25px;
		margin-left:20px;
		float:left;
	}
	.date{
		margin:0;
		padding:0;
		display:inline;
		float:left;
		text-align:right;
		/*color:#be873a;*/
		color:#ffffff;
		line-height:25px;
		width:200px;
		font-size:70%;
		margin-left:342px;
	}
	.tagline{
	width:870px;
	color:#be873a;
	margin:0;
	padding:0;
	font-weight:600;
	font-size:100%;
	font-family: "Trebuchet MS", Verdana;
	text-align:right;
	padding-right:27px;
	letter-spacing:0;
	}
	
	#sidebar {
	margin: 0 0 0 660px !important;
	margin: 0 0 0 657px;
	background-color: #723f98;
	padding: 0 0 0 0px;
	height:auto !important;
	height:410px;
	min-height:410px;
	width:229px;
	/*border: 1px solid #673090;*/
	}
	
	#sidebar_content {
	margin:0;
	padding:0;
	height: 272px;
	color:#ffffff;
	font-size:80%;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	background-image: url(../images/sidebar_bg.gif);
	background-repeat:repeat-y;
	background-color:#000000;
	}
	#sidebar_content h1{
	margin:0;
	padding:0;
	color:#be873a;
	font-size:110%;
	margin-bottom:2em;
	}
	
	#sidebar_content p{
	margin:0;
	padding:0;
	margin-bottom:2em;
	}
	
	#sidebar_content .sidebar_tag{
	padding:0;
	margin:0;
	text-align:center;
	color:#be873a;
	font-weight:bold;
	font-style:italic;
	}
	
	#sidebar_button {
		margin:0;
		text-align:center;
		padding:0;
		font-size:80%;
		color:#ffffff;
		background:url(../images/oan_challengesmall.gif);
		background-repeat:no-repeat;
		
		height:112px;
		margin-top:6px;
		}
		
	.linkbutton {
	margin:0;
	padding:0;
	text-align: center;
	top:84px;
	left:60px;
	position:relative;
	font-weight:bold;
	}
	
	.linkbutton a {
	padding: 2px;
	text-decoration: none;
	color: #ffffff;
	background-color: #723f98;
	/*background-color: #262722;*/
	border: 1px #35034e solid;
	padding:5px;
	}
	.linkbutton a:hover {
	background-color:#35034e;
	border-top: 1px #9371b4 solid;
	border-left: 1px #9371b4 solid;
	border-bottom: 1px #cce3ff solid;
	border-right: 1px #cce3ff solid;
	}
	
	#main{
	float:left;
	width:652px;
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:auto !important;
	height:408px;
	min-height:408px;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	border: 1px solid #673090;
	z-index: 1;
	/*border: 1px solid #673090;*/
	}
		
	#main_content{
	margin:0;
	margin-top:50px;
	width:295px;
	margin-left:15px;
	background-color: #723f98;
	/*filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;*/
	padding:10px 5px 10px 10px;
	border: 1px solid #673090;
	border-left:none;
	background-image: url(../images/darktolight_purple.jpg);
	background-repeat:no-repeat;
	z-index: 3;
}

	#main_content h1{
	margin:0;
	padding:0;
	font-size:110%;
	color:#be873a;
	margin-bottom:0.4em;
	}
	#main_content p{
	margin:0;
	padding:0;
	font-size:80%;
	color:#ffffff;
	margin-bottom:0.7em;
	}
	#homepage_strip{
	width:652px;
	margin:0 auto;
	padding:0;
	font-size:80%;
	font-style:italic;
	margin-top:350px;
	height:25px;
	text-align:center;
	line-height:23px;
	background-color:#723f98;
	/*background-image: url(../images/gold_gradient.gif);*/
	background-image: url(../images/list_bg2.jpg);
	background-repeat: repeat-x;
	color:#FFFFFF;
	z-index: 4;
	border-top: 2px solid #602D86;
	border-bottom: 2px solid #673090;
}
	
	#main_full{
	margin: 0;
	padding: 0;
	width:890px;
	position:relative;
	/*background-image: url(../images/photographs/home/image4.jpg);
	background-repeat: no-repeat;*/
	}
	
	#main_content_full{
	margin:0 auto;
	padding:0;
	background-color: #723f98;
	/*filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;*/
	border: 1px solid #4F246F;
	width:888px;
	position:relative;
}
	#main_content_full h1{
	margin:0;
	padding:0;
	font-size:120%;
	color:#be873a;
	padding-top:1em;
	padding-left:20px;
	}
	
	#main_content_full h2{
	margin:0;
	padding:0;
	font-size:80%;
	color:#be873a;
	padding-top:1em;
	padding-left:20px;
	}
	
	#main_content_full p{
	margin:0;
	padding:0;
	height: 1%;
    margin-left: 0;
	font-size:80%;
	color:#ffffff;
	margin-bottom:0.7em;
	padding-top:1em;
	padding-left:20px;
	}
	#main_content_full .quote{
	margin:0;
	padding:0;
	font-size:80%;
	color:#ffffff;
	font-style:italic;
	color:#ffffff;
	}
	
	#main_content_full ul{
      margin:0;
	  padding:0;
	  width: 868px;
      font-size:80%;
	  list-style: none;
      color:#cccccc;
	  margin-left:10px;
	  margin-bottom:1em;
	  text-align:center;
	}
	
	* html #main_content_full ul {
	margin-left: 10px;
  }
	
	#main_content_full li.listitem1{
	float: left;
	clear:none;
	width: 398px;
	margin: 0;
	padding: 0;
	border-left:1px solid #451164;
	border-bottom:1px solid #451164;
    background-color:#502570;
	background-image: url(../images/list_bg1.jpg);
	background-repeat: repeat-x;
	margin-left:10px;
	padding:10px;
	margin-bottom:5px;
	}
	
   * html #main_content_full li.listitem1 {
	margin-left: 5px;
  }

	#main_content_full li.listitem2{
	  float: left;
      clear:none;
	  width: 398px;
	  margin: 0;
	  padding: 0;
	  border-left:1px solid #451164;
	  border-bottom:1px solid #451164;
	  background-color:#673090;
	  padding:10px;
      margin-left:10px;
      margin-bottom:5px;
	}
	
  * html #main_content_full li.listitem2 {
	margin-left: 5px;
  }

	#main_content_full a{
		color:#be873a;
		text-decoration:none;
	}
	#main_content_full a:hover{
		color:#fff;
		text-decoration:underline;
	}

#footer {
		margin:0;
		padding:0;
		width:750px;
		font-size:80%;
		text-align:center;
		margin:0 auto;
		/*background-image: url(../images/schools-of-excellence-bar-reverse.gif);*/
		/*background-repeat: repeat-x;*/
		line-height:22px;
		background-color:#ffffff;
	}
	
	/*---footer navlist -----*/
	#footer_navcontainer {
		overflow: hidden;
		margin-top:0;
	}
	#footer_navlist{
		font-size:85%;
		list-style-type: none;
		margin: 0;
		padding: 0;

	}
	#footer_navlist li{
		display:inline;		
		border-right: 1px solid #3A3A3A;
		margin: 0 .5em 0 -.5em;
		padding: 0 .5em 0 .5em;
	}
	
	#footer_navlist li.lastitem{
		display:inline;
		border:none;
	}
	
	#footer_navlist a{
	color:#723f98;
	text-decoration:none;
	}
	#footer_navlist a:hover{
	color:#32004b;
	text-decoration:underline;
	}
	
	.bullet {
	color:#c74c13;
	padding-left:5px;
	padding-right:5px;
	}
	
	#copyright a:link, #copyright a:visited, #copyright a:active { 
		color: #7a7d7b;
		text-decoration:none;		
	}
	
	#copyright a:hover { 
		color: #7a7d7b;
		text-decoration: underline;		
	} 
	


	
#sitemap{
margin:0;
padding:0;
}

#sitemap a{
color:#c74c13;
text-decoration:none;
}

#sitemap a:hover{
color:#7a7d7b;
text-decoration:none;
}

#paperclip{
	margin:0;
	padding:0;
	position:absolute;
	width:61px;
	margin-top:-347px;
	margin-left:40px;
	height:61px;
	/*background-image: url(../images/gold_gradient.gif);*/
	/*background-image: url(../images/paperclip.png);*/
	color:#FFFFFF;
	z-index: 5;
	}
	
#paperclipSM{
	margin:0;
	padding:0;
	position:absolute;
	width:61px;
	margin-top:-305px;
	margin-left:40px;
	height:61px;
	/*background-image: url(../images/gold_gradient.gif);*/
	/*background-image: url(../images/paperclip.png);*/
	color:#FFFFFF;
	z-index: 5;
	}

#slideshow_container{
	margin:0;
	padding:0;
	width:888px;
	height:auto !important;
	height:370px;
	min-height:370px;
	background-image: url(../images/purple_section_bg2.png);
	/*background-color:#4F246F;*/
	/*border-top:5px solid #723f98;*/
	}
	
#slideshow{
	margin:0;
	padding:0;
	position:relative;
	float:left !important;
	float:none;
	width:420px;
	height:299px;
	margin-top:30px;
	margin-left:40px;
	z-index: 3;
	}
	
	
#slideshowSM_container{
	margin:0;
	padding:0;
	width:888px;
	height:auto !important;
	height:320px;
	min-height:320px;
	background-image: url(../images/purple_section_bg3.png);
	/*background-color:#4F246F;*/
	/*border-top:5px solid #723f98;*/
	}
	
#section1{
	margin:0;
	padding:0;
	width:888px;
	background-image: url(../images/about-us-para-bg1.jpg);
	background-repeat:no-repeat;
}
#section2{
	margin:0;
	padding:0;
	width:888px;
	background-image: url(../images/about-us-para-bg2.jpg);
	background-repeat:no-repeat;
	background-color:#32004b;
}
	.paraleft{
		margin:0;
		padding:0;
		width:380px;
	}
	
	#aboutquote{
	margin:0;
	padding:0;
	position:absolute;
	font-size:90%;
	width:365px;
	margin-top:-260px;
	margin-left:488px;
	/*background-color: #9371b4;*/
		padding:10px;
	background-image: url(../images/purple_section_bg.png);
	background-position: -480px 0px;
	color:#cccccc;
	border-top:1px solid #673090;
	border-bottom:1px solid #673090;
	padding-top:2em;
	padding-bottom:2em;
	z-index: 2; /*6*/
	text-align:center;
	}
	
	#aboutquoteSM{
	margin:0;
	padding:0;
	position:absolute;
	font-size:90%;
	width:365px;
	margin-top:-240px;
	margin-left:438px;
	/*background-color: #9371b4;*/
		padding:10px;
	background-image: url(../images/purple_section_bg.png);
	background-position: -480px 0px;
	color:#cccccc;
	border-top:1px solid #673090;
	border-bottom:1px solid #673090;
	padding-top:2em;
	padding-bottom:2em;
	z-index: 2; /*6*/
	text-align:center;
	}

#privacy{
	margin:0;
	padding:0;
	width:888px;
	background-image: url(../images/privacy-para-bg1.jpg);
	background-repeat:no-repeat;
}

#copyright{
	margin:0;
	padding:0;
	width:888px;
	background-image: url(../images/copyright-para-bg1.jpg);
	background-repeat:no-repeat;
}

#disclaimer{
	margin:0;
	padding:0;
	width:888px;
	background-image: url(../images/disclaimer-para-bg2.jpg);
	background-repeat:no-repeat;
}

#contact{
	margin:0;
	padding:0;
	width:888px;
	background-image: url(../images/contact-us-para-bg1.jpg);
	background-repeat:no-repeat;
}

#ourSchools{
	margin:0;
	padding:0;
	margin-bottom:1em;
	width:888px;
	background-image: url(../images/our-schools-bg.jpg);
	background-position: 0 -40px;
	background-repeat:no-repeat;
}

/* clear a div element which thinks it's empty - leave this at the bottom of the stylesheet */
/* ---------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */