/*----------------------- HTML styles ----------------------*/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
h1 {
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 200%;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:normal;
	margin:0;
}
h3 {
	font-size: 80%;
	margin:0;
}
P{
	font-size: 75%;
	line-height:120%;
	margin:5px 0 10px 0;
}
ul{
	line-height:140%;
}
a{
	font-size:100%;
	color:#0066cc;
}
a:visited{
	font-size:100%;
	color:#333;
}
.hide{
	display:none;
}
/*----------------- index page ------------------------------*/
.bg{
	background:none;
}
.background1 {
	background: none;
	width:780px;
}
#text{
	width:none;
	margin-top:none;
}
#text p{
	color:none;
	margin-left:none;
}
#nav{
	margin: none;
	height:none;
}
#nav ul{
	list-style: none;
	margin-left:none;
}
#nav a{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:105%;
	color:none;
	margin:none;
}
#nav a:hover{
	color:none;
}
#quote1{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:none;
	color:none;
	padding:none;
	font-weight:bold;
	font-size:100%;
}
.highlight1{
	color:none;
}
/*--------------- Blackpool index -----------------*/
.background2{
	background: none;
	width:780px;
}
#text2{
	float:none;
	width:none;
	margin-top:none;
}
#nav2{
	padding:none;
	height:none;
}
#nav2 a{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: none;
	margin: none;
}
#nav2 a:hover{
	color:none;
}	
#nav2 ul{
	list-style: none;
	margin-left:none;
}
#nav2 ul ul{
	list-style: square;
	margin-left:20px;
}
#pic2{
	float:none;
	width:none;
	height: none;
	margin-top:none;
}
#animation2{
	float:none;
	width:none;
	height: none;
	margin:none;
	background: none;
}
.quote2{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:none;
	width:100%;
	margin-bottom:none;
}
.highlight2{
	color:none;
}
.problems2{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	padding:none;
	border-bottom:none ;
	font-size:105%;
	font-weight:bold;
	margin:none;
}
#raplink{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:75%;
}
#raplink a, a:visited{
	color:none;
}
#raplink a:hover{
	color:none;
}
/*--------------- Blackpool solutions -----------------*/

.background_bps1{
	background: none;
	width:none;
}
#text_bps1{
	float:none;
	width:none;
	margin-top:none;
}
#nav_bps1{
	padding: none;
	height:none;
}
#nav_bps1 a{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: none;
	margin: none;
}
#nav_bps1 a:hover{
	color:none;
}	
#nav_bps1 ul{
	list-style: none;
	margin-left:none;
}
#nav_bps1 ul ul{
	list-style: none;
	margin-left:none;
}
.quote_bps1{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:none;
	font-weight:bold;
	width:100%;
	margin-bottom:none;
	text-align:none;
}
.highlight_bps1{
	color:none;
}
#solutionstext1{
	float:none;
	width:none;
	height: none;
	margin-top:none;
	padding-top:none;
	background: none;
}
#solutionstext1 p, h3{
	padding-right:none;
}
#solutionstext2{
	float:none;
	width:none;
	height: none;
	margin-top:none;
	padding-top:none;
	background: none;
}
#solutionstext2 p, h3{
	padding-right:none;
}
#solutionstext3{
	float:none;
	width:none;
	height: none;
	margin-top:none;
	padding-top:none;
	background: none;
}
#solutionstext3 p, h3{
	padding-right:none;
}
#subheading{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:105%;
	color:none;
}
#subheading a{
	color:none;
}
#subheading a:hover{
	color:none;
}
/*--------------- Blackburn index -----------------*/
#text3{
	float:left;
	width:240px;
	margin-top:162px;
}
#nav3{
	padding: 15px 0px 0px 40x;
	height:115px;
}
#nav3 a{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: black;
	margin: 0 0 5px 0;
}
#nav3 a:hover{
	color:#0066cc;
}	
#nav3 ul{
	list-style: none;
	margin-left:1px;
}
#nav3 ul ul{
	list-style: square;
	margin-left:20px;
}
.background3{
	background: url(../images/blackburn1.jpg) 0px 0px no-repeat;
	width:780px;
}
#pic3{
	float:left;
	width:330px;
	height: 360px;
	margin-top:185px;
}
#animation3{
	float:left;
	width:200px;
	height: 500px;
	margin:185px 0 0 10px;
}
.quote3{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:0 0 0 30px;
	font-weight:bold;
	text-align:center;
	width:100%;
}
.highlight3{
	color:#0066cc;
}
.problems{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(../images/graffiti_bg4.jpg) 0px -40px no-repeat;
	padding:10px;
	border-bottom:2px dotted #0066cc;
	font-size:105%;
	font-weight:bold;
}
#posterlinks{
	padding:10px 15px 10px 20px;
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0066cc;
	background: url(../images/graffiti_bg3.jpg) 0px -90px no-repeat;
	border-top: 2px dotted #0066cc;
	margin-top:11px;
	text-align:left;
}
#posterlinks a, a:hover{
	color:#333;
	font-size:100%;
}
/*--------------- Blackburn solutions -----------------*/

.background_bbs1{
	background: url(../images/blackburnsolutionsbg.jpg) 0px -17px no-repeat;
	width:780px;
}
#text_bbs1{
	float:left;
	width:240px;
	margin-top:162px;
}
#nav_bbs1{
	padding: 15px 0 10px 40x;
	height:115px;
}
#nav_bbs1 a{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: black;
	margin: 0 0 5px 0;
}
#nav_bbs1 a:hover{
	color:#99cc00;
}	
#nav_bbs1 ul{
	list-style: none;
	margin-left:1px;
}
#nav_bbs1 ul ul{
	list-style: square;
	margin-left:20px;
}
.quote_bbs1{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:0 0 0 30px;
	font-weight:bold;
	width:100%;
	margin-bottom:0px;
	text-align:center;
}
.highlight_bbs1{
	color:#99cc00;
}
#solutionstext4{
	float:left;
	width:540px;
	margin-top:162px;
	padding-top:20px;
	background: url(../images/smoking.jpg) 210px 90px no-repeat;
}
#solutionstext4 p, h3{
	padding-right:340px;
}
#solutionstext5{
	float:left;
	width:540px;
	margin-top:162px;
	padding-top:20px;
	background: url(../images/nothingtodo.jpg) 210px 90px no-repeat;
}
#solutionstext5 p, h3{
	padding-right:340px;
}
#solutionstext6{
	float:left;
	width:540px;
	height: 362px;
	margin-top:162px;
	padding-top:20px;
	background: url(../images/graffiti.jpg) 210px 90px no-repeat;
}
#solutionstext6 p, h3{
	padding-right:340px;
}
#solutionstext7{
	float:left;
	width:540px;
	height: 362px;
	margin-top:162px;
	padding-top:20px;
	background: url(../images/bully.jpg) 210px 90px no-repeat;
}
#solutionstext7 p, h3{
	padding-right:340px;
}
#subheading{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:105%;
	color:#666;
}
#subheading a{
	color:#99cc00;
	font-size:100%;
}
#subheading a:hover{
	color:black;
}
/*----------------about the project----------*/
#text4{
	float:left;
	width:240px;
	margin-top:162px;
}
#nav4{
	padding: 15px 0 10px 40x;
	height:115px;
}
#nav4 a{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: black;
	margin-bottom:10px;
}
#nav4 a:hover{
	color:#cc3333;
}	
#nav4 ul{
	list-style: none;
	margin-left:1px;
}
.background4{
	background: url(../images/aboutbg.jpg) 0px -13px no-repeat;
	width:780px;
}
#pic4{
	float:left;
	width:200px;
	height: 333px;
	margin-top:162px;
	padding-top:20px;
}
#animation4{
	float:left;
	width:340px;
	height: 24em;
	margin-top:185px;
	padding:1px 0 0 10px;
}
.quote4{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 0 0px;
	font-size:100%;
}
.highlight4{
	color:#cc3333;
}
/*---------------- montage --------------------*/
#montage{
	width:100%;
	margin-top:163px;
	padding-top:20px;
	background:white;
}
#montage h2{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-weight:bold;
	font-size:140%;
	color:#B78900;
}
/*---------------- help --------------*/

#helpleft{
	float:left;
	width:240px;
	margin-top:162px;
}
#helpnav{
	padding: 15px 0 10px 40x;
	height:115px;
}
#helpnav a{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	color: black;
	margin-bottom:10px;
}
#helpnav a:hover{
	color:#660099;
}	
#helpnav ul{
	list-style: none;
	margin-left:1px;
}
.helpbackground{
	background: url(../images/helpbg.jpg) 0px -18px no-repeat;
	width:780px;
}
#helpmiddle{
	float:left;
	width:540px;
	height: 333px;
	margin-top:162px;
	padding-top:20px;
	background: url(../images/suzy2.jpg) 210px 75px no-repeat;
}
#helpmiddle p, h3{
	padding-right:340px;
}
.helpquote{
	font-family: courier new, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:100%;
	padding:0 0 0 30px;
	margin-bottom:0px;
	text-align:center;
}
.helphighlight{
	color:#660099;
	font-weight:bold;
}

/*---------------- stats --------------*/
.statsheader{
	background: url(../images/stats.gif) -20px 0px  no-repeat;
	margin:0 0 0 30px;
	padding-top:18px;
	width:95%;
}	
.stats{
	font-size:70%;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
.statsheading{
	background:black;
	color:white;
	font-weight:bold;
	padding:2px;
	margin-bottom:2px;
}
.stats2{
	font-size: 70%;
	border: 1px solid black;
	height: 162px;
	padding: 5px;
	margin-top:10px;
	overflow-y: scroll;
	width:95%;
	margin:0 0 0 30px;
}