/*Transformation Trust sytlesheet by John Winters */

 /*Normalises margin and padding*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, span, img { margin: 0; padding: 0; }
img { border: none; }

a, a:link, a:visited, a:active, a:hover {text-decoration: none;}


/* universal page body styles */

body {
	font-family: "Times New Roman", Times, serif;
	}
	
p, li {
	font-family: calibri, serif;
	
	}
	
h1, h2, h3 {
	color: #663366; /*rgb(51, 102, 153);*/
	}

#container {
	width: 1024px;
	
	}

/*styling the header*/

#banner {
	margin: 10px;
	
	}

#banner h1{
	color: #663366; /*rgb(51, 102, 153);*/
	font-size: 3.75em;
	
}

#banner h2 {
	color: #663366; /*rgb(51, 102, 153);*/
	font-size: 1em;
	padding-left: 7px;
	
}

/* styling the navbar in the header */

#navbar {
	background: url(img/navbar-bg-2.gif) no-repeat;
	margin: 5px 0 7px 0;

}

#homebutton a {

 background: url(img/home-button-states-2.gif);

 width: 65px;
 
 float: left;

 padding: 0;

 margin: 0;
 
 height: 35px;

 display: block;

 top: 70px;

 left: 0px;

 }
 
 #newsbutton a {

 background: url(img/news-and-events-states-2.gif);

 width: 113px;
 
 float: left;

 padding: 0;

 margin: 0;
 
 height: 35px;

 display: block;

 top: 70px;

 left: 0px;

 }
 
#projectsbutton a {

 background: url(img/projects-states-2.gif);

 width: 60px;
 
 float: left;

 padding: 0;

 margin: 0;
 
 height: 35px;

 display: block;

 top: 70px;

 left: 0px;

 }
 
 
 #schoolsbutton a {

 background: url(img/schools-teachers-states-2.gif);

 width: 125px;
 
 float: left;

 padding: 0;

 margin: 0;
 
 height: 35px;

 display: block;

 top: 70px;

 left: 0px;

 }
 
 
 #whobutton a {

 background: url(img/who-we-are-states-2.gif);

 width: 85px;
 
 float: left;

 padding: 0;

 margin: 0;
 
 height: 35px;

 display: block;

 top: 70px;

 left: 0px;

 }
 
  #contactbutton a {

 background: url(img/contact-states-2.gif);

 width: 60px;
 
 float: left;

 padding: 0;

 margin: 0;
 
 height: 35px;

 display: block;

 top: 70px;

 left: 0px;

 }
 
#homebutton a:hover, #newsbutton a:hover, #projectsbutton a:hover, #schoolsbutton a:hover, #whobutton a:hover, #contactbutton a:hover,

#homebutton a:active, #newsbutton a:active, #projectsbutton a:active, #schoolsbutton a:active  #whobutton a:active, #contactbutton a:active {

 background-position: 0 -35px;

 }


#navbar {
	overflow: hidden;
	
	
	}
	
/*end of the header and navbar /*
	
/* homepage styles  */

/* top section of homepage */

 #fp-feature {
	/*background: url(img/banner-tinchy.jpg) no-repeat;*/
	background-position: center;
	border: 1px solid #663366; /*#336699;*/ 
	width: 750px;
	height: 292px;
	float: left;
	margin: 0 7px 7px 7px;
	overflow: hidden;
		
	}

/*#fp-feature a {

 position: absolute;

 top: 180px;

 left: 458px;
 
 background: url(img/banner-strapline-states-2.gif);

 width: 300px;
 
  padding: 0;

 margin: 0;
 
 height: 35px;

 }  
 
#fp-feature a:hover, #fp-feature a:active {

 background-position: 0 -35px;

 }
 */

#fp-twitter-widget {
	float: left;
	height: 190px;
	width: 250px;
}
 
	
#fp-facebook {
	float: right;
	width: 258px;
	height: 40px;
	margin: 5px 0 0 0;
	
	}
	
#fp-latest-news {
	border: 1px solid #663366; /*#336699;*/ 
	float: right;
	width: 250px;
	margin: 5px 0 0 0;
	padding: 3px;
		
	}   
	
#fp-latest-news a {
	color: #000000;
}


	

/*bottom boxes on homepage */

#fp-whoweare, #fp-projects, #fp-schools {
	border: 1px solid #663366; /*#336699;*/ 
	width: 325px;
	height: 290px;
	padding: 3px;
}

#fp-whoweare p, #fp-projects p, #fp-schools p  {
	padding: 3px 3px 10px 3px;

}

/* styling the links in the bottom boxes and content pages*/

#fp-schools a.login, #fp-whoweare a.login, #fp-latest-news a.login, #fp-projects a.login, #content-block a {
	color: #663366; /*#336699;*/ 
	font-weight: bold;
}

#fp-schools a.login:hover, #fp-schools a.login:active, #fp-whoweare a:hover.login, #fp-whoweare a:active.login, #fp-latest-news a:hover.login, #fp-latest-news a:active.login, #fp-projects a:hover.login, #fp-projects a:active.login, #content-block a:hover, #content-block a:active  {
	color: #996699; /*#6699cc;*/
	font-weight: bold;
}

#fp-whoweare a, #fp-projects a, #fp-schools a, #content-top-side a, #content-block a.news{
	color: #ff3333;
	font-weight: bold;

}

#fp-whoweare a:hover, #fp-projects a:hover, #fp-schools a:hover, 
#fp-whoweare a:active, #fp-projects a:active, #fp-schools a:active,  
#content-top-side a:active, #content-top-side a:hover, #content-block a:active.news, #content-block a:hover.news{
	color: #ff6666;
	font-weight: bold;

}



/* bottom box individual layouts */

#fp-whoweare {
	float: left;
	margin: 5px 3.5px 5px 7px;
	
	}
	
#fp-projects {
	float: left;
	margin: 5px 3.5px 5px 5px;
	background: url(img/projects-bg.gif) no-repeat;
	
	}
	
#fp-schools {
	float: right;
	margin: 5px 0 5px 0;
	
	}
	
img.box {

	padding: 3px;
	
	}


/*content page styles */

#content-top-side, #events-feature {
	padding: 5px;
}

#content-block {
	float: left;
	padding: 5px 5px 5px 15px;
	width: 645px;
}


#content-block h2, #content-top-side h2 {

	color: #000;
	font-size: 1em;
}

#content-block .date, #content-top-side .date {
	font-size: 0.8em;
	padding: 0 0 10px 0;
}

#content-block h2, #content-top-side h2 {
	margin: 20px 0 0 0;
}

#content-block h2.who {
	margin: 10px 0 10px 0;

}

#content-block p, #content-top-side p, #events-feature p {
	font-size: 1em;
	padding: 0 0 15px 0;
}

#content-block p.news-link {
	padding: 0 0 5px 0;
}

#content-block p.start {
	padding: 10px 0 15px 0;

}


#content-block li, #content-block ul{
	padding: 0 0 15px 15px;
}

#content-block ol {
	padding: 25px 0 0 15px;

}


#content-top-side {
	border: 1px solid #663366; /*#336699;*/ 
	width: 345px;
	float: right;
}

#content-block img {
	float: left;

}

#content-block img.project {
	clear: both;

}

#content-block p.project-gap {
	margin: 0 0 10px 0;

}

#content-top-side img {
	margin: 5px;
}

#content-top-side img.launch {
	margin: 5px;

}

/* member logo styles */

#content-block img.member-logo {
	float: left;
	padding: 10px 0 0 0;
	}

#members-left, #members-right {

	width: 320px;
}

#members-left img, #members-right img{

	padding: 25px 0;

}

#content-block p.member-intro {

	padding: 35px 0 40px 0;

}

#members-left {

	float: left;
	
}

#members-right {

	float: right;
	
}

#content-gold {
	clear:both;

}  


/* Feature box on the events page */

#events-feature {
	background: url(img/tinchy.jpg) no-repeat;
	background-position: center;
	border: 1px solid #663366; /*#336699;*/ 
	width: 345px;
	height: 250px;
	float: right;
	margin: 10px 0 0 0;
}

#events-feature a {

  position: absolute;

 top: 655px;

 left: 873px;
 
 background: url(img/events-feature-strapline-2-1.gif);

 width: 140px;
 
/* float: right;*/

 padding: 0;

 margin: 0;
 
 height: 35px;

 }
 
 #events-feature a.part-2 {

  position: absolute;

 top: 700px;

 left: 903px;
 
 background: url(img/events-feature-strapline-2-2.gif);

 width: 110px;
 
 float: right;

 padding: 0;

 margin: 0;
 
 height: 35px;

 }
 
#events-feature a:hover, #events-feature a:active {

 background-position: 0 -35px;

 }
	
/* styling the page footer */



#footer img{
	margin: 10px 15px 5px 15px;
}


	
#footer li {
	
	display: inline;
	padding: 40px;
}

#footer a {
	color: #336699;
}

/* styling for quote box on event page */

#quote {
	width: 200px;
	float: right;
	border: 2px solid #663366;
	padding: 5px;
	margin: 5px 10px 10px 5px;
	font-size: 1.05em;
}


/*styling for share buttons on news pages */

#share {

	float: left;
	
}