html, body { /*always specify at the beginning of a style sheet */
margin: 0px;
padding: 0px;
width: 100%;
min-width: 800px;
}

body {
font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 0.9em;
	line-height: 1.25em;	
	margin: 0px;
	padding: 0px;
	background: #fff;
}

table.tab_norm{
	width: 100%;
}

a:link, a:visited{
	color: black;
/*	background-color: inherit; */
	text-decoration: underline;
}

a:visited{
	color: black;
/*	background-color: inherit; */
	text-decoration: underline;
}

a:hover{
	color: #BA3C36;
/*	background-color: inherit;	*/
	text-decoration: underline;
}
h1{
 font-weight: bold;
 font-size: 130%;
 color: #007BB5;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

h2{
 font-weight: bold;
 font-size: 114%;
 font-family: Arial, Helvetica, sans-serif;
 color: #007BB5;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

h3{
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #007BB5;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

h4{
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 color: #007BB5;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

h5{
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 color: #007BB5;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

hr{
 color: #A1A276;
 height: 1px;
}

/* ul{
 list-style-image: url(http://bmcofaa3.bolton.gov.uk:7777/pls/portal92/url/ITEM/16D299B671100E99E0440003BA1DCDD2);
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
} */

form {
	margin: 0;
	padding: 0;
}

label{
 font-weight: bold;
 font-size: 1em;
 font-family: Arial, Helvetica, sans-serif;
 color: #334d55;
 background: #fff;

}
				
input{
 font-family: Arial, Helvetica, sans-serif;
}

td#masthead{
/*	position: absolute; */
/*	top: 12px; */
/*	left: 19px; */
/*	right: 2%; */
	width: 37%;
	padding-top: 12px;
	padding-left: 19px;
	padding-bottom: 18px;
}

div#pagecell1{
/*	position:absolute; */
/*	top: 140px;*/
/*	left: 0px;*/
	width: 100%;
}

html>body #pagecell1 {
width: 100%;
}

td.leftcol{
	vertical-align: top;
	width: 20%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
/*	height: 100%; */
/*	position:absolute; */
/*	top:130px;*/
/*	left:5px;*/
/* 	line-height: 1.5em; */
	font-size: 1em;	
}

/* #leftcol ul {
	padding-left: 0.7em;
	padding-bottom: 2em;
	margin: 0.3em;
	list-style: none;
	line-height: 1.5em;
} */

/* #leftcol li {  */
/* 	float: left; */
/* 	width: 10em; */ /* width needed or else Opera goes nuts */
/* 	line-height: 1.5em;
	padding-left: 3px;
} */


/* navigation formatting */

.leftcol li * { list-style-type: none; }

.leftcol ul { margin-left: 0px; padding: 0px 0px 0px 5px; }
.leftcol ul ul { margin-left: 0px; padding: 2px 0px 0px 10px; }
.leftcol ul ul ul { margin-left: 0px; padding: 2px 0px 0px 10px; }
.leftcol ul ul ul ul { margin-left: 0px; padding: 2px 0px 0px 10px; }
.leftcol ul ul ul ul ul { margin-left: 0px; padding: 2px 0px 0px 10px; }

.leftcol ul li { margin-left: 0px; padding: 0.5em 0px 0px 0px; list-style-type: none; }
.leftcol ul ul li { margin-left: 0px;  padding: 0.5em 0px 0px 0px; list-style-type: none; }
.leftcol ul ul ul li { margin-left: 0px;  padding: 0.5em 0px 0px 0px; list-style-type: none; }
.leftcol ul ul ul ul li { margin-left: 0px;  padding: 0.5em 0px 0px 0px; list-style-type: none; }
.leftcol ul ul ul ul ul li { margin-left: 0px;  padding: 0.5em 0px 0px 0px; list-style-type: none; }

.leftcol ul a.navlink {
	text-decoration: underline;
}

.leftcol ul a.navlink:hover {
	text-decoration: none;
}

.leftcol ul ul a.navsub,
.leftcol ul ul b.navsub {
	font-size: 90%;
	color: #777777;
}

.leftcol ul ul a.navsub:hover {
	text-decoration: none;
}

.leftcol ul ul ul a.navsub {
	font-size: 85%;
	color: #777777;
	text-decoration: underline;
}

.leftcol ul ul ul a.navsub:hover {
	text-decoration: none;
}

/* end of navigation formatting */


a.headinglink {
	text-decoration: none;
}
	

a.subheadinglink {
	text-decoration: none;
}

td#middlecol{
/*	float: left; */
	vertical-align: top;
	width: 80%;
	padding-top: 20px;
	padding-left: 23px;
	padding-right: 10px;
	padding-bottom: 10px;
/*	position:relative; */
/*	top:130px; */
/*	left:190px; */
}

td#middlecol h1 {
 font-size: 170%;
 margin: 0px 0px 0.9em 0px;
 padding: 0px;
}

td#middlecol h2 {
 font-size: 140%;
 color: #007BB5;
/* background: #fff; */
 margin: 0.9em 0px 0.9em 0px;
 padding: 0px;
}

td#middlecol h3 {
 font-size: 120%;
 color: #000;
/* background: #fff; */
 margin: 0.9em 0px 0.9em 0px;
 padding: 0px;
}

td#middlecol a:link, #middlecol a:visited {
	color: #000000;
	background-color: white;
	text-decoration:underline;
}

td#middlecol a:hover{
	color: red;
	background-color: white;
	text-decoration:underline;
}

div#bottombar{
/*	position: relative; */
	width: 100%;
/*	float: left; */
/*	left: 0;*/
/*	bottom: -150px;*/
	height: 1em;
	margin: 0;
	padding-bottom: 200px;
/*	overflow: hidden;*/
/*	z-index: 100;*/
}

/*************** Search ****************/

table#topbar{
/*	position: absolute; */
	width: 100%;
	height: 22px;
	background-color: #000000;
	color: white;
	margin: 0px;
/*	top: 97px; */
/*	left: 0px; */
	border-style: none;
	border-color: #000000;
	border-width: 0;
}

td#topbar2{
/*	position: absolute; */
	height: 22px;
	margin: 0px;
/*	top: 0px; */
/*	left: 204px; */
	border-style: none;
	border-width: 0;
	padding-left: 10px;
}

td#topbar2 a{
	color: #fff;
	text-decoration: none;
}

td#topbar2 a:hover {
	text-decoration: underline;
}

td#topbar2 p,
td#topbar2 div {
	margin: 0;
}

div#search{
	font-family: Arial, Helvetica, sans-serif;
/*	position: absolute; */
	color: black;
	background-color: #fff;
	font-size: 90%;
/*	left: 60%; */
	width: 285px;
	height: 27px;
/*	top: 50px; */
}

div#search input{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px  0px 0px 0px;
 }

td#search2{
	font-family: Arial, Helvetica, sans-serif;
/*	position: absolute; */
	color: black;
	background-color: #fff;
	font-size: 90%;
	padding-bottom: 20px;
	padding-left: 2px;
	vertical-align: bottom;
	width: 63%;
/*	left: 40%; */
/*	top: 25px; */
}


div#search2 input{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px  0px 0px 0px;
 }
  
.goButton {
	BORDER-RIGHT: medium none; 
	PADDING-RIGHT: 0.5em; 
	BORDER-TOP: medium none; 
	MARGIN-TOP: 0.3em; 
	PADDING-LEFT: 0.5em; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 0.1em; MARGIN-LEFT: 0.3em; 
	BORDER-LEFT: medium none; 
	COLOR: black;
	BACKGROUND-COLOR: #ccc;
	PADDING-TOP: 0.1em; 
	BORDER-BOTTOM: medium none; 
	TEXT-ALIGN: right; TEXT-DECORATION: none
}

/************** title/bottom styles ****************/

div#title{
	position:absolute;
	padding: 0px 0px 0px 10px;
/*	top: 2px; */
	width: 70%;
/*	left: 7px; */
	}

div#bottom{
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
/*	top: 97%; */
/*	left:0px; */
}


/************** subtitle styles ****************/

div#subtitle{
	position:absolute;
	padding: 0px 0px 0px 10px;
	width: 41%;
/* 	left: 7px; */
/* 	top: 51px; */
	}

div#subtitle2{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px;
/* 	top: 51px;
	left:52%; */
	width:21%;
	}


/**************** styles ******************/

.boxedblack {
	color: black;
	background-color: white;
	border-style:solid;
	border-width: 1px;
	padding-left:7px;
	padding-right:7px;
	padding-top:8px;
	padding-bottom:8px;
}

.boxedgrey {
	color:#666666;
	background-color: white;
	border-style:solid;
	border-width: 1px;
	padding-left:7px;
	padding-right:7px;
	padding-top:8px;
	padding-bottom:8px;
}

.shadedblack {
	color:#fff;
	background-color: #A1A276;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;

}

.shadedblue {
	color:#fff;
	background-color: #007BB5;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.shadedbeige {
	color:#fff;
	background-color: #A1A276;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;

}

.doitonline {
	color: black;
	background-color: #F0F0F0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}



.bluetext {
	font-family: Arial, Helvetica, sans-serif;
 	color: #007BB5;
	background-color: white;
}

.greytext {
	font-family: Arial, Helvetica, sans-serif;
 	color:#666666;
	background-color: white;
}

div#container {

	width: 100%; 
	position: relative;

}

/**************** brand ******************/

	div#lightblue {
		position: absolute;
		background-color: #02AFF4;
		width: 2.12%;
		left: 0;
		margin: 0;
		padding: 0;
	}
	div#yellow {
		position: absolute;
		background-color: #FCB824;
		width: 4.94%;
		left: 2.12%;
		margin: 0;
		padding: 0;
	}
	div#green {
		position: absolute;
		background-color: #00A055;
		width: 2.12%;
		left: 7.06%;
		margin: 0;
		padding: 0;
	}
	div#lightgreen {
		position: absolute;
		background-color: #ABBE26;
		width: 4.33%;
		left: 9.18%;
		margin: 0;
		padding: 0;
	}
	div#midblue {
		position: absolute;
		background-color: #4792CF;
		width: 4.44%;
		left: 13.51%;
		margin: 0;
		padding: 0;
	}
	div#bluegreen {
		position: absolute;
		background-color: #019D5A;
		width: 5.75%;
		left: 17.95%;
		margin: 0;
		padding: 0;
	}
	div#red {
		position: absolute;
		background-color: #BA3C36;
		width: 6.46%;
		left: 23.7%;
		margin: 0;
		padding: 0;
	}
	div#orange {
		position: absolute;
		background-color: #F58322;
		width: 8.77%;
		left: 30.15%;
		margin: 0;
		padding: 0;
	}
	div#grey {
		position: absolute;
		background-color: #A4AFB1;
		width: 14.62%;
		left: 38.92%;
		margin: 0;
		padding: 0;
	}
	div#brown {
		position: absolute;
		background-color: #B96712;
		width: 4.95%;
		left: 53.54%;
		margin: 0;
		padding: 0;
	}
	div#khaki {
		position: absolute;
		background-color: #A1A276;
		width: 20.06%;
		left: 58.48%;
		margin: 0;
		padding: 0;
	}
	div#darkblue {
		position: absolute;
		background-color: #007DB7;
		width: 8.57%;
		left: 78.54%;
		margin: 0;
		padding: 0;
	}
	div#pink {
		position: absolute;
		background-color: #FABAD5;
		width: 6.96%;
		left: 87.11%;
		margin: 0;
		padding: 0;
	}
	div#turquoise {
		position: absolute;
		background-color: #11BCB3;
		width: 2.62%;
		left: 94.07%;
		margin: 0;
		padding: 0;
	}
	div#lilac {
		position: absolute;
		background-color: #B6B0D6;
		width: 3.31%;
		left: 96.69%;
		margin: 0;
		padding: 0;
	}

/**************** menus ******************/

#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1.5em;
}

#nav a {
	display: block;
	width: 10em;
}

#nav a.blackbar {
	color: #ffffff;
	text-decoration: none;
}

#nav a.blackbar:hover {
	text-decoration: underline;
}

#nav li { /* all list items */
/* 	float: left; */
	width: 10em; /* width needed or else Opera goes nuts */
	line-height: 1.5em;
	padding-left: 3px;
}