
/*BASIC RULES CSS*/

* {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	outline: 0;
  	font-size: 100%;
}

body {
	background-color: #c6aec4;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}

h1 {
  	color: #8e3c84;
  	font-size:1.6em;
	margin-bottom:10px;
}

h2 {
  	color: #8e3c84;
	font-size:1em;
	margin-bottom:10px;
}

#wrapper {
	background:url(../images/bgShadow.png) top left repeat-y;
  	margin: 0 auto 0 auto; 
  	text-align: left; /* Redefines the text alignment defined by the body element. */
  	width: 1000px;
}

#outerWrapper {
	margin: 0 auto 0 auto; 
  	text-align: left; /* Redefines the text alignment defined by the body element. */
  	width: 960px;
  	background-color:#c6aec4;
}

/*HEADER CSS*/

#header {
  	background: url(../images/homepage_01.png) top left no-repeat;
  	font-size: 18px;
  	font-weight: bold;
  	height: 207px;
}

#header  h1{
	text-indent:-10000px;
}

/*NAVIGATION BAR CSS( SEE ALSO SPRY CSS)*/

#topNavigation {
  	background-color: #ffd05c;
  	height: 26px;
  	padding: 0 0 0 50px; 
}

/*LEFT COLOUMN*/

#leftCol {
	background: url(../images/homepage_05.png) top left no-repeat;
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 23px 10px 0 20px;
	width: 250px;
	height:320px;
}

#about #leftCol {
	background: url(../images/images/about_img_03.jpg) top left no-repeat;
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 53px 10px 0 60px;
	width: 200px;
	height:320px;
}

#core #leftCol {
	background: url(../images/images/core_values_03.jpg) top left no-repeat;
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 53px 10px 0 60px;
	width: 200px;
	height:320px;
}

/*RIGHT COLOUMN*/

#rightCol {
	background:url(../images/homepage_08.png) top right no-repeat;
  	float: right;
  	padding: 10px 10px 10px 10px; 
  	margin: 50px 35px 0 0; 
  	width: 195px;
  	height:290px;
}

/*CENTRE CONTENT*/

#content {
  	margin: 0 250px 0 300px; 
  	padding: 25px 10px 10px 10px; 
}

#content p{
  	color:#FFFFFF;
  	font-size:.8em;
	line-height:1.5;
	margin-bottom:10px;
}

#content a{
  	color:#FFFFFF;
	text-decoration:underline;
}

#content a:hover{
  	color:#8e3c84;
	text-decoration:underline;
}

#content blockquote{
 	 color:#8c3782;
  	font-size:.9em;
	margin-bottom:10px;
}


 .clearFloat {
  	clear: both;
  	display: block;
}

/*FOOTER CSS*/

#footer {
	  background-color:#c6aec4;
	  clear:both;
	  padding: 10px 0 0 50px;
	  margin-top:-1px;
	  float:left;
	  height:100px;
	  width:910px;
}

#footer  .sponsors{
  	float:left;
  	padding: 0;
  	width:150px;
}

#footer p {
	color:#8c3782;
	float:right;
	padding:45px 35px 0 0;
	font-size:.9em;
	}
