 /*	+---------------------------------------------------------------
	| REDEFINE DEFAULT XHTML TAGS
	+---------------------------------------------------------------
*/
BODY {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image:url(images/jpg/nav_layout/bg-color.jpg);
	background-repeat:repeat-x;
	background-color: #E8E8E8;  /* was #c1c1c1 18/05/2010 corporate color: #002B7F*/
	color: #000000;
	height: 100%;
}


	p {
		font-family: arial, georgia, helvetica, sans-serif;
		/*font-size: 1em;*/
		margin:0px 0px 15px 0px;
		padding:0px; }

	 
	h1 {
		font-size: 1.8em;
		margin: 0px 0px 10px 0px;
		}
	
	h2 {
		font-size: 1em;
		margin: 0px 0px 15px 0px;
		font-weight: bold;}
	
	h3 {
		font-size: 1.2em;
		margin: 0px 0px 10px 0px;
		font-weight: bold; }
		
	h5 {
		padding:0;
		margin: 0px 0px 15px 0px;
	}
	
	
		a {
		color: #05435A;
		text-decoration: underline; }

	a:link 		{ color:#003366; }
	a:visited 	{ color:#003366; }
	a:active 	{ color:#003366; }
	a:hover 	{ text-decoration: none; color:#ff6600; }
	
	img {
		border: 0; }
	
	hr {
		color:#06445B;
		height:1px;
	}
	
	/*ul {
		padding:0 0 15px 0;
	}*/
	
	/*ol, ul, li {	
		font-size: 1.0em;
		margin-top: 1em;
		margin-bottom: 0.1em; }
	*/
	
	li > p {
		margin-top: 0.2em; }
		
	pre {
		font-family: monospace;
		font-size: 1.0em; }
		
	strong, b {
		font-weight: bold; }
	
	form {
		margin:0;
		padding:0;
	}
	


	
/*
	+---------------------------------------------------------------------------------------------------------------------
*/

/*	+---------------------------------------------------------------
	| Custom Page layout objects
	+---------------------------------------------------------------
*/		


	#container {
		width: 800px;
		background-color: #ffffff;
		margin:10px auto 0px auto;
		padding:0px; 
	}

/*	+---------------------------------------------------------------
	| Header Block
	+---------------------------------------------------------------
*/
#header-top {
		display:block;
		width: 100%;
		padding-top:5px;

	}

			
			#contactdetails {
			text-align:right;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#666666;
			padding-right:5px;
/*			background-color:red;*/
			}

/*------------------ Old Tab bar 18/05/2010 START 
#header-tabbar{
	font-family:verdana,arial;
	padding-left:15px;
	width: 100%;

}

	#header-tabbar img {
			vertical-align:bottom;
		}
	#header-tabbar ul {
			list-style-type:none;
			margin:0;
			padding:0;
			width:100%;
		}
		
	#header-tabbar li {
			float:left;
			margin:0;
			padding:0;
		}
Old Tab bar 18/05/2010 END ----*/

#navi-endbar{
		clear:both;
		font-family:Arial, Helvetica, sans-serif;
		display:block;
		line-height:17px;
		height:25px;
		background-image: url(images/jpg/nav_layout/header/nav-back.jpg); 
		background-repeat:repeat-x;

		background-color: #ffffff;
		text-align: center;
		width: 100%;
		height: 2em;
		margin:0px 0px 10px 0px;

	}



/*	+---------------------------------------------------------------
	| Footer Block
	+---------------------------------------------------------------
*/

#footer {
width:100%;
display:block;
			}

	#footer-bar {
	width:100%;
	

	}
	
	/*#plug {
			clear:both;
			font-size:2em;
			font-weight:bold;
			text-align:center;
			margin-bottom:15px;
			float: left;
		}
	*/
	
		#footerlinksbar{	
			clear:both;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			display:block;
			text-align:center;
			width: 100%;
			background-image: url(images/jpg/nav_layout/header/nav-back.jpg); 
			background-repeat: repeat-x;
	/*		margin:4px 0px 10px 0px; */
		}
	
		#footerlinksbar ul {
				list-style-type:none;
				text-align:center;
				padding:0;
				margin:0;
			}
			
		#footerlinksbar li {
				display:inline;
				line-height:17px;
				padding-left:5px;
				padding-right:5px;
				margin:0;
			}
		
		#footerlinksbar a {
				color:#000;
				text-decoration:none;
			}
			
	#footerlinksbar a:hover {  
	text-decoration: underline;
	
	} 

/*
#text{
	float: left;
	background-color:#efefef;
	width: 100%;
	margin:0;
}
*/


#lastUpdated{
	width: 100%;
	float: right;
	text-align: right;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}


#tbl-plain {
width:100%;
padding:10px;
background:#F5F5F5;
border: solid thin #000000;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
}

#footer-top {
vertical-align:top;
}
#tbl-footer-top {
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0px;
	border:none;
	vertical-align:top;
	width:100%;
}

#footer-bottom {
vertical-align:top;
}
#tbl-footer-bottom {
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0px;
	border:none;
	vertical-align:top;
	width:100%;
}


/*#td-copyright-lft {
text-align:left;
}

#td-copyright-rt {
align:right;
}
*/

/* -------- SECOND MENU SPECIFIC ------------------*/	
			#navi-endbar ul {
					list-style-type:none;
					text-align:center;
					padding:0;
					margin:0;
					
				}
				

				
			#navi-endbar li {
					display:inline;
					line-height:17px;
					padding-left:3em;
					margin:0;
				}
				
			#navi-endbar a {
					color:#000;
					text-decoration:none;
				}
				
			#navi-endbar a:hover {  text-decoration: underline; 
			} 




#other{
	width: 100%;
	height: 3%;
}

#breadcrumbtrail {
width:100%;
color:#000000;
}

	#breadcrumbtrail-container {
	float:left;
		width: 75%; /* when changing this chane breadcrumbtrail-buttonouter - width Remember there is a 4% margin*/
		text-align: left;
		padding-left: 10px;
		padding-right: 5px;

	}
	
	#breadcrumbtrail-buttonouter {
	display:block;
		float: left;
		width: 22%; /* when changing this chane breadcrumbtrail-container - width */
		text-align:right;
		padding-right:0px; /* When two bread crumb buttons use padding of 5 px */
		padding-left:0px; /* When two bread crumb buttons use padding of 5 px */


	}
	
	#breadcrumbtrail-button-2 {
	background-color:#ffffff; /*Background colour of the buttons This is usually #CC3333 (red) */
	display:block;
	float:left;
	padding-left:0px;  /* When two bread crumb buttons use padding of 2 px */
	padding-right:0px; /* When two bread crumb buttons use padding of 2 px */
	padding-bottom:2px;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: thick #666666;
	border-right: thick #666666;

	}
	
	#breadcrumbtrail-button-2 a:link {
	color:#0100000; /*font colour of the buttons This is usually #ffffff (white) when on Red */
	font-weight:bold;
	}

	#breadcrumbtrail-button-2 a:visited {
	color:#000000; /*font colour of the buttons This is usually #ffffff (white) when on Red */
	font-weight:bold;
	}
	
	#breadcrumbtrail-button-2 a:hover {
	color:#000000; /*font colour of the buttons This is usually #ffffff (white) when on Red */
	font-weight:bold;
	}	

	#breadcrumbtrail-button-1 {
	background-color:#ffffff; /*Background colour of the buttons This is usually #CC3333 (red) */
	display:block;
	float:left;
	padding-left:0px;  /* When two bread crumb buttons use padding of 2 px */
	padding-right:0px; /* When two bread crumb buttons use padding of 2 px */
	padding-bottom:2px;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: thick #666666;
	border-right: thick #666666;

	}
	
	#breadcrumbtrail-button-1 a:link {
	color:#0100000; /*font colour of the buttons This is usually #ffffff (white) when on Red */
	font-weight:bold;
	}

	#breadcrumbtrail-button-1 a:visited {
	color:#000000; /*font colour of the buttons This is usually #ffffff (white) when on Red */
	font-weight:bold;
	}
	
	#breadcrumbtrail-button-1 a:hover {
	color:#000000; /*font colour of the buttons This is usually #ffffff (white) when on Red */
	font-weight:bold;
	}	

	#breadcrumbtrail-button-space {
	background-color:#FFFFFF;
	display:block;
	float:left;

	}

/*						 END TEMPLATE PAGE STYLING
	+---------------------------------------------------------------------------------------------------------------------
*/


	
	
		/*	+---------------------------------------------------------------
			| Horizontal Main Containers 1, 2 3 
			| Displaying as   ----
			|				  ----
			|				  ----
			+---------------------------------------------------------------
		*/
		
		
		table.container-h {
			width: 100%;
			/*height: 100%;*/
			background-color: #ffffff;
			padding: 2px;
			vertical-align:top;

		}
		

		#searchresults {
			width: 100%;
			text-align:left;
			height: 115px;
			background-color: #ffffff;
			padding: 0px;
		}

		#search-pagenums {
		width:100%;
		}
		
			#search-pagenums-space {
			float:left;
			text-align:left;
			width:25%;	
			}
			
			#search-pagenums-pages {
			float:left;
			font-size:1.0em;
		/*	font-size:larger;*/
			text-align:center;
			width:50%;			
			}

			#search-pagenums-displaying {
			float:left;
			width:25%;
			text-align:right;	
			}
			
			#search-results {
			font-family:Arial, Helvetica, sans-serif;
			border:none;
			}
		
		a.searchresults-title {
		color: #0000cc;
		text-decoration: underline; }
		
		a.searchresults-url {
		color: #00cc33;
		}	
/* GOOGLE CUSTOM SEARCH ENGINE */
		#cse {
		text-align:left;

		}
		
/* for full CSE controls see "search-google-default.css" */
		
		
#searchengineindex {
font-style:inherit;
float:left;
width:100%;
border: medium;
}
	
	#searchengineindex-heading {
	/*/*font-size:14px;*/
font-size:1.0em;*/

	font-weight:bold;
		}

table.tbl-1of4-split {
font-family:Arial, Helvetica, sans-serif;
width: 100%;
height: 100%;

}

table.tbl-4of4-split {
font-family:Arial, Helvetica, sans-serif;
width: 100%;
border: none;
height: 100%;

}

/*   UNIVERSAL TABLE ELEMNTS  */

td.tbl-td-1of3 {
width: 32%;
height: 100%;
display:block;
float:left;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color: #F5F5F5;
	margin-right:2px;
	margin-left:2px;
/*	
													background-color:#0099FF; */
}



td#tbl-td-quarter {
width:25%;
height: 100%;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color: #F5F5F5;
/*														background-color:#0099FF; */
}

td#tbl-td-half {
width:50%;
height: 100%;
border: none;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color: #F5F5F5;
}

td.tbl-td-third {
	width:75%;
	height: 100%;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color: #F5F5F5;
/*														background-color:#0099FF; */
}


td#tbl-td-full {
width:100%;
height: 100%;
/*border: none;*/
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color: #F5F5F5;
}


td#tbl-td-bespoke {
/* add width to the td in page */
height: 100%;
border: none;
}

table.tbl-inner {
/*	border: 1px solid #999999;
	background-color: #F5F5F5; */
/*	height: 100%; */
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	cursor: pointer;
}

	table.tbl-inner#td {
	/*	height: 100%; */
	}
		
	table.tbl-inner#tr {
	/*	height: 100%; */
	}

td.td-box-title {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/* height:15px; */
text-align:left;
}

td.td-box-pic {
padding:0;
vertical-align: bottom;

	border: solid #000000;
	border-width: 0px;
	background-color: #F5F5F5;
	

/*
height:40px;*.
/*width:260px;*/
}

img.img-graph-pic {
padding:0;
vertical-align: bottom;

	border: solid #000000;
	border-width: 1px;
	background-color: #F5F5F5;
}
	
	td.td-box-content {
	text-align:justify;
	vertical-align:top;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	}

td#td-box-content-larger {
/*/*font-size:14px;*/
font-size:1.0em,;
text-align:justify;
vertical-align:top;

}

table.table-icons{
font-family:Arial, Helvetica, sans-serif;
border: thick #666666;
}

#table.td {
border: thick #666666;
}

td.td-iconheadings{
padding-right:10px;
font-weight:bold;
}

td.td-icons {
text-align:center;
}

#downloads-wardname {
text-align:left;
}

		/*	+---------------------------------------------------------------
			| Internal sub containers 1, 2 3 
			| Displaying as   ----
			+---------------------------------------------------------------
		*/
			#box-1x-container{
				float:left;
				background-color: #0000FF;
				width: 25%;
				height: 100%;
				padding: 0px;
			}
			
			#box-3x-container {
				float:left;
				background-color: #0099FF;
				width: 75%;
				height: 100%;
				padding: 0x;
			}
			
/*	+---------------------------------------------------------------
	| Box FW length (100%)
	+---------------------------------------------------------------
*/
#tbl-fullwidth {
width: 100%;
}


/*	+---------------------------------------------------------------
	| Box 1x length (25%)
	+---------------------------------------------------------------
*/
			#box-1x-top{
				float:left;
			/*	background-image: url(images/jpg/nav_layout/boxes/box-small-top.jpg); */
				background-color:white;
				background-repeat: no-repeat;
				width: 100%;
				height: 13%;

			}
			#box-1x-mid{
				float:left;
				background-image: url(images/jpg/nav_layout/boxes/box-small-middle.jpg);
				background-color:black;
				background-repeat: repeat-y;
				padding-left: 8;
				padding-right: 15;
				padding-bottom: 0;	
				width: 100%;
				height: 78%;
			}
			
			#box-1x-bot{
				float:left;
				background-image: url(images/jpg/nav_layout/boxes/box-small-bottom.jpg);
				background-color:black;
				background-repeat:no-repeat;
				width: 100%;
				height: 8%;
			}			
			
			#box-1x-contents {
			text-align:justify;
			}
/*	+---------------------------------------------------------------
	| Long box (3x length, 75%)
	+---------------------------------------------------------------
*/
			#box-3x-top{
				float:left;
				background-image: url(images/jpg/nav_layout/boxes/box-3x-top.jpg);
				background-color:yellow;
				background-repeat: no-repeat;
				width: 100%;
				height:13%;
			}
			
			#box-3x-mid{
				float:left;
				background-image: url(images/jpg/nav_layout/boxes/box-3x-middle.jpg);
				background-color:black;
				background-repeat: repeat-y;	
				padding-top: 2%;
				padding-left: 2%;
				padding-right: 2%;
				padding-bottom: 1%;	
				width: 100%;
				height: 78%;
			}
			
			#box-3x-bot{
				float:left;
				background-image: url(images/jpg/nav_layout/boxes/box-3x-bottom.jpg);
				background-color:black;
				background-repeat: no-repeat;
				width: 100%;
				height: 8%;
			}
			
			#box-3x-contents {
			text-align:justify;
			width: 90%;
			padding: 10px;
			}		
			
/*	+---------------------------------------------------------------
	| Page with 3 boxs specific
	+---------------------------------------------------------------
*/
				
	#tbl-td-spacer {
	
	}
					
/*	+---------------------------------------------------------------
	| Search Section
	+---------------------------------------------------------------
*/

#searchresults{
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 5px;
		padding-bottom: 0px;
		text-align:left;
		}

/*	+---------------------------------------------------------------
	| Index.cfm Specific assets
	+---------------------------------------------------------------
*/

#page-fadingimage{
	padding-top:1px;
	padding-left: 0px;
	padding-right:0px;
	float: left;
	width: 25%;
}

/* Whats New Box Specific Styling */

td.td-box-content-scroll {

}

td#tbl-td-quarterOrange {
width:25%;
height: 100%;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color: #FAECC9;
/*

														background-color:#0099FF; */
																											
}

/* Welcome Box Specific Styling */

td.td-box-titleWelcome {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#044191;
/* height:15px; */
text-align:left;
}

td.td-box-title-WhatsNew {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/* height:15px; */
text-align:left;
background-color:#F88613;
color:#FFFFFF;
}

/* Three containers Box (Aims & Objectives, Available Data and Strategies) Specific Styling */

td.td-box-titlePink {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/* height:15px; */
text-align:left;
background-color:#AB006E;
/*background-color:#660099;*/
color:#FFFFFF;
}

td.td-box-titleGreen {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/* height:15px; */
text-align:left;
background-color:#17B746;
/*background-color:#25D550 ;*/
color:#FFFFFF;
}

td.td-box-titleBlue {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
/* height:15px; */
text-align:left;
background-color:#0011BE;
/*background-color:#1740E5;*/
color:#FFFFFF;
}

td.tbl-td-1of3Pink {
width: 32%;
height: 100%;
display:block;
float:left;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color:#FEC5F2;
	/*background-color: #FAD7F5;*/
	margin-right:2px;
	margin-left:2px;
/*														background-color:#FAD7F5; */
}

td.tbl-td-1of3Green {
width: 32%;
height: 100%;
display:block;
float:left;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color:#D2FF96;	
/*	background-color: #DBFBAF;*/
	margin-right:2px;
	margin-left:2px;
/*														background-color:#DBFBAF; */
}

td.tbl-td-1of3Blue {
width: 32%;
height: 100%;
display:block;
float:left;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color:#E7EDED;
	/*	background-color: #DAECFF;*/
	margin-right:2px;
	margin-left:2px;
/*														background-color:#DBFBAF; */
}


td.td-box-picPink {
padding:0;
vertical-align: bottom;

	border: solid #000000;
	border-width: 0px;
	background-color: #FAD7F5;
	

/*
height:40px;*.
/*width:260px;*/
}

td.td-box-picGreen {
padding:0;
vertical-align: bottom;

	border: solid #000000;
	border-width: 0px;
	background-color: #DBFBAF;
	

/*
height:40px;*.
/*width:260px;*/
}

td.td-box-picBlue {
padding:0;
vertical-align: bottom;

	border: solid #000000;
	border-width: 0px;
	background-color: #DAECFF;
	

/*
height:40px;*.
/*width:260px;*/
}



/*	+---------------------------------------------------------------
	| comingsoon.cfm Specific assets
	+---------------------------------------------------------------
*/

#td-comingsoon-content {
font-family:Arial, Helvetica, sans-serif;
/*font-size:13px;*/
font-size:1.2em;
font-weight:bold;
vertical-align:middle;
text-align:center;
width:20%;
}

/*	+---------------------------------------------------------------
	| strategies.cfm Specific assets
	+---------------------------------------------------------------
*/
/* stratagies.cfm */
#tbl-strategies-container{
width:100%;
background-color: #ffffff;
}


#tbl-strategiesmenu {
}

#td-strategies {
width:100px;
height:100px;
background-color: #ffffff;
}

/* stratagies2.cfm */	


#container-doc-box {
			width: 100%;
			background-color: #FFFFFF;
			padding: 2px;
}


	#document-container {
	width: 65%;
	}
			
/*		#td-doc-box-small {
		width: 25%;
		}
			#tbl-doc-box-small {
			background-color: #F5F5F5;
			width: 100%;
			border: 1px solid #000000;
			}
*/
		td.td-doc-box-long {
		width: 75%;		
		}
			#tbl-doc-box-long {
 			background-color: #F5F5F5;
			width: 100%;
			border: 1px solid #000000;
			font-family:Arial, Helvetica, sans-serif;
						font-size: 1em;
			/*font-size: 12px;*/
			cursor:pointer;
			}
			
			#tbl-doc-box-spacer {
			width: 25%;
			}
			

				#tbl-doc-box-pic {

				}
								
				#tbl-doc-box-content {
				font-family:Arial, Helvetica, sans-serif;
							font-size: 1em;
			/*font-size: 12px;*/
				width:100%;
				text-align:left;
				}		
					td.td-doc-box-content-title {
					height:12px;
					width:100%;
					font-weight:bold;
					text-align:left;
					padding:0px;
					}
					
					#td-doc-box-content {
					padding:10px;
					width:100%;
					padding:0px;
					}

					td.td-doc-box-content2 {
					width:100%;
					text-align:left;
					padding:0px;
					}

#td-text-normal {
font-family:Arial, Helvetica, sans-serif;
			font-size: 1em;
			/*font-size: 12px;*/
}


/* 	+--------------------------------------------
	| Streets ahead specific
	+-------------------------------------------
*/
#tbl-streetsahead-dl {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}

#td-streetsahead-dl {
width: 30%;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}





/*						
	+---------------------------------------------------------------------------------------------------------------------
										THEME SPECIFIC STYLING
*/
/*	+---------------------------------------------------------------
	| Themes Menu -BOX NAVIGATION
	+---------------------------------------------------------------
*/

#themes-page-contaier {
width: 100%;
height: auto;
background-color:#FFFFFF;
}

	#tbl-themesmenu {
	width:500px;
	height: 400px;
	border:none;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	}
			#menuthemes-Container {
			background-color:#FFFFFF;
			width: 575px;
			height: 460px;
			float: none;
			}
		
	
					#menuthemes-ThemeOrange a {
						color: #000000;
						border: 5px solid;
						background-color: #FECA8A;
						padding: 5px;
						padding-left: 0px;
						font-weight: bold;
						border-color: #FDDFA2 #B0780C #B0780C #FDDFA2;
						display: block;
						margin: 0px;
						width: 100px;
						height: 100px;
						text-align: center;
						text-decoration: none;
						float: left;
						}
					
					#menuthemes-ThemeOrange a:hover {
						border: 5px solid;
						padding-left: 3px;
						padding-top: 5px;
						padding-bottom: 5px;
						padding-right: 2px;
						background-color: #FBBD68;
						border-color: #B0780C #FDDFA2 #FDDFA2 #B0780C;
						color: #000000;
						text-decoration: none;
						}
						
						#menuthemes-ThemeBlue a {
							color: #FFFFFF;
							border: 5px solid;
							background-color: #5A7798;
							padding: 5px;
							padding-left: 0px;
							font-weight: bold;
							border-color: #869CB4 #234A76 #234A76 #869CB4;
							display: block;
							margin: 0px;
							width: 100px;
							height: 100px;
							text-align: center;
							text-decoration: none;
							float: left;
							vertical-align: middle;							
						}
					
						#menuthemes-ThemeBlue a:hover {
						border: 5px solid;
						padding-left: 3px;
						padding-top: 5px;
						padding-bottom: 5px;
						padding-right: 2px;
						background-color: #44658A;
						border-color: #234A76 #869CB4 #869CB4 #234A76;
						color: #FFFFFF;
						text-decoration: none;
						}

						#menuthemes-ThemeBlueLong a {
							color: #FFFFFF;
							border: 5px solid;
							background-color: #5A7798;
							padding: 5px;
							padding-left: 0px;
							font-weight: bold;
							border-color: #869CB4 #234A76 #234A76 #869CB4;
							display: block;
							margin: 0px;
							width: 405px;
							height: 15px;
							text-align: center;
							text-decoration: none;
							float: left;
							vertical-align: middle;							
						}
					
						#menuthemes-ThemeBlueLong a:hover {
						border: 5px solid;
						padding-left: 3px;
						padding-top: 5px;
						padding-bottom: 5px;
						padding-right: 2px;
						background-color: #44658A;
						border-color: #234A76 #869CB4 #869CB4 #234A76;
						color: #FFFFFF;
						text-decoration: none;
						}
						
						#menuthemes-ThemeWhite {
						float: left;
						width: 330px;
						height: 100px;
						background-color:#FFFFff;
						border: 0px;
						border-color: #FFFFFF;
						padding-left: 9px;
						padding-top: 5px;
						padding-bottom: 5px;
						padding-right: 6px;
						text-align:justify;
						}

						#themes-page-title {
						width: 80%;
						height: auto;
						text-decoration: none;
						vertical-align:text-top;
						float:left;
						text-align:center;
						}
						
						#themes-page-content {
						width: 80%;
						height: auto;
						text-decoration: none;
						vertical-align:text-top;
						float:left;
						text-align:center;
						}

/*  +----------------------------------------------------
	|	Help Links on Theme Menus
	+---------------------------------------------------
*/					
	#tbl-links-box{
	text-align:center;
	width:100%;
	padding:0px;
	margin:0px;

	}
		#tbl-links-box a {
		text-decoration:none;
		font-weight:bold;
		}
		#td-link-boxs {
		background-color:#999999;
		width:15%;
		text-decoration:none;
		}

/*  +----------------------------------------------------
	|	Theme Page Asset Icons
	+---------------------------------------------------
*/						
#tbl-assets-icons {
width: 100%;
font-weight:bold;
text-align:center;

}

	td.tbl-assets-icons a {
	text-decoration:none;
	}
	
	td.td-assets-icon {
	background-color:#CCCCCC;
	}

						


/*	+---------------------------------------------------------------
	| Left Themes Menu -BLUE
	+---------------------------------------------------------------
*/

	#menulft-Container {
			float: left;
			width: 135px;
			}
	
	#menulft-title {
		color: #FFFFFF;
		border: 1px solid;
		border-color: #234A76 #869CB4 #869CB4 #234A76;
		background-color: #44658A;
		padding: 2px;
		padding-left: 3px;
		font-size:0.7em;
		font-weight: bold;
		text-decoration: none;
		display: block;
		margin: 0px;
		width: 100%;
		text-align: center;
	}
		
	
	#menulft-ThemeOps a {
		color: #FFFFFF;
		border: 1px solid;
		background-color: #5A7798;
		padding: 2px;
		padding-left: 3px;
		font-size:0.7em;
		font-weight: bold;
		text-decoration: none;
		border-color: #869CB4 #234A76 #234A76 #869CB4;
		display: block;
		margin: 0px;
		width: 100%;
		text-align: left;
		}
	
	#menulft-ThemeOps a:hover {border: 1px solid;
		padding-left: 4px;
		padding-top: 3px;
		padding-bottom: 1px;
		padding-right: 1px;
		background-color: #44658A;
		border-color: #234A76 #869CB4 #869CB4 #234A76;
		color: #FFFFFF;
		text-decoration: none;
		}


	#menulft-ConsultationOps a {
		color: #FFFFFF;
		border: 1px solid;
		background-color: #5A7798;
		padding: 2px;
		padding-left: 3px;
		font-size:0.7em;
		font-weight: bold;
		text-decoration: none;
		border-color: #869CB4 #234A76 #234A76 #869CB4;
		display: block;
		margin: 0px;
		width: 100%;
		text-align: left;
		}
	
	#menulft-ConsultationOps a:hover {border: 1px solid;
		padding-left: 4px;
		padding-top: 3px;
		padding-bottom: 1px;
		padding-right: 1px;
		background-color: #44658A;
		border-color: #234A76 #869CB4 #869CB4 #234A76;
		color: #FFFFFF;
		text-decoration: none;
		}

/*	+---------------------------------------------------------------
	| Left Cross Themes Menu _ORANGE
	+---------------------------------------------------------------
*/

	#menulft-CrossThemeTitle {
		color: #000000;
		border: 1px solid;
		border-color: #B0780C #FDDFA2 #FDDFA2 #B0780C;
		background-color: #FBBD68;
		padding: 2px;
		padding-left: 3px;
		font-size:0.7em;
		font-weight: bold;
		text-decoration: none;
		display: block;
		margin: 0px;
		width: 100%;
		text-align: center;
	}
		
	
	#menulft-CrossThemeOps a {
		color: #000000;
		border: 1px solid;
		background-color: #FECA8A;
		padding: 2px;
		padding-left: 3px;
		font-size:0.7em;
		font-weight: bold;
		text-decoration: none;
		border-color: #FDDFA2 #B0780C #B0780C #FDDFA2;
		display: block;
		margin: 0px;
		width: 100%;
		text-align: left;
		}
	
	#menulft-CrossThemeOps a:hover {border: 1px solid;
		padding-left: 4px;
		padding-top: 3px;
		padding-bottom: 1px;
		padding-right: 1px;
		background-color: #FBBD68;
		border-color: #B0780C #FDDFA2 #FDDFA2 #B0780C;
		color: #000000;
		text-decoration: none;
		}

/*	+---------------------------------------------------------------
	| Themed pages (ask saff)
	+---------------------------------------------------------------
*/
		#themeheading{
			text-align: center;
			font-weight: bolder;
			padding-bottom:10px;
		}
		
		#tbl-theme-contents {
			border: 0px solid;
			font-size:1em;
			text-align:left;
		}
		
				#tbl-theme-contents td {
				border: 0px solid;
				}
				
				#tbl-theme-contents ul {
				text-decoration:none;
				}
				
				#tbl-theme-contents li {
				text-decoration:none;
				list-style-type: square;
				padding:0px;
				margin: 0;
				}		
		
		#tbl-theme-title-td {
		font-size: 1.0em;
		vertical-align:top;
		text-align:center;
		}
		
		#tbl-theme-menus {
		border: 0px solid;
		}
		
		#tbl-theme-usefullinks {
		border: 0px solid;
		font-size:0.8em;
		text-align:left;
		vertical-align:top;
		}
			
			#td-usefullinks-title {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			}
		
		
		#tbl-theme-downdata {
		text-align: justify;
		width:100%;
		}
			#td-theme-downdata-types {
			width: 25%;
			}
			
			
		#tbl-themes-backnext {
		width: 100%;
		}
			#td-themes-back {
			width:50%;
			text-align:left;
			}
			
			#td-themes-next {
			width:50%;
			text-align:right;
			}
			


/*	+---------------------------------------------------------------
	| WARD pages (ask saff)
	+---------------------------------------------------------------
*/

#ward-title {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
width:100%;
}

#button-toggle {
float:left;
}

/* ------------------------ START NEw Menu ------------------------ */

ul.cssMenu ul{
	display:none
}
ul.cssMenu li:hover>ul{
	display:block
	}
ul.cssMenu ul{
	position: absolute;
	left:98%;
	top:-1px;
}
ul.cssMenu ul ul{
	position: absolute;
	left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 0px;
	background-color:#5A7798;
	background-repeat:repeat;
	border-color:#869CB4;
	border-width:1px;
	border-style:groove;
	color:#FFFFFF;
}
ul.cssMenu table {
	border-collapse:collapse;
	}
ul.cssMenu {
	display:block;
	zoom:1;
	width:135px; /*Width of Main Items*/
	float: left;
	padding-right:0px;
	}
	
ul.cssMenu ul{
	width:150px; /* Width of sub items */
}

ul.cssMenu li {
	display:block;
	margin:0px 0px 0px 0px;
	font-size:0px;
}

ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#5A7798;
	border-width:1px;
	border-color:#869CB4;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:3px;
	_padding-left:0;
	font:9px Arial, sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	cursor:default;
}

ul.cssMenu span{
	overflow:hidden;
}

ul.cssMenu ul li {
	float:none;
}

ul.cssMenu ul a {
	text-align:left;
	white-space: normal; /* This wraps the Sub Menu */
}

ul.cssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}

ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3px;
	display:inline-block;
	background-color:#869CB4;
	background-image:none;}
	
ul.cssMenu li:hover{
	position:relative;
}

ul.cssMenu li:hover>a{
	background-color:#44658A;
	border-color:#665500;
/*	border-style:none;*/
	border-style:solid;
	border-width:1px;
	font:9px Arial, sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
}

ul.cssMenu li a:hover{
	position:relative;
	background-color:#44658A;
	border-color:#665500;
	border-style:none;
	font:9px Arial, sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
		border-style:solid;
		border-width:1px;
}

ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.cssMenu img {
	border: none;
	float:left;
	_float:none;
	margin-right:3px;
	width:24px;
	height:24px;
}

ul.cssMenu ul img {width:16px;
height:16px;
}

ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}

/* ------------------------ END New MENU ------------------------ */
	
	
	
		
/*									THEME SPECIFIC STYLING
	+---------------------------------------------------------------------------------------------------------------------
										
*/





/* Login Bar */

#loginBar {
	float: right;
	padding: 5px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	
}

.input {
	font-size: 0.7em;
	margin-right: 5px;
}

.button {
	padding: 2px;
	background-color: #003399;
	color: #fff;
	border: none;
	font-size: 0.7em;
}

#loginBox {
border:medium #333333;
}

#loginBar p {
	float: left;
	margin-right: 10px;
}

#loginBar a {
	float: left;
	margin-left: 10px;
}

/* Register Form */

.greybox {
	background-color: #ddd;
	text-align: left;
	padding: 10px;
	margin: 20px;
	border: 1px solid #555;
}

h1.title {
	color: #003399;
	text-align: left;
	padding: 10px 20px 0px 20px; 
}

#registerUser {
	margin-bottom: 20px;
}

.greybox a {
	font-weight: bold;
}

.formrow {
	padding: 3px;
}

.formrow label {
	width: 130px;
	font-weight: bold;
}

.errorList li {
	list-style-type: disc; 
	clear: both;
	display: block;
}

table.userList {
	border: 1px solid #555;
}

table.userList th {
	border-bottom: 1px solid #555;
	text-align: left;
}

ul.newtabs {
	margin: 0px;
	padding: 0px;
}

/* Standard top tab */

ul.newtabs li a {
	background: url(images/tabs/topbar_tab_leftcurve.png) top left no-repeat;
	height: 24px;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	float: left;
}

ul.newtabs li {
	list-style: none;
	background: url(images/tabs/topbar_tab_rightcurve.png) top right no-repeat;
	height: 24px;
	margin-right: 10px;
}

/* Selected top tab */

ul.newtabs li.selected a {
	background: url(images/tabs/topbar_tabselected_leftcurve.png) top left no-repeat;
	height: 24px;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	float: left;
}

ul.newtabs li.selected a:hover {
	color: #fff;
}


ul.newtabs li.selected {
	list-style: none;
	background: url(images/tabs/topbar_tabselected_rightcurve.png) top right no-repeat;
	height: 24px;
	margin-right: 10px;
}


/* ---------------------------------------------
/ Governance Structure
/----------------------------------------------*/

#governancestrcuture {
padding:0px;
border:none;
font-size:1.0em;
color: #333333;
vertical-align:top;
}

	#governancestrcuture td.yellow{
	background-color:#FFFF99;
	padding:10px;
	cursor: pointer;
	}
	
	#governancestrcuture td.blue{
	background-color: #66CCFF;
	padding:10px;
	cursor: pointer;
	}
	
	#governancestrcuture td.blue2{
	background-color: #66FFCC;
	padding:10px;
	cursor: pointer;
	}
	
	#governancestrcuture td.green{
	background-color: #66FF99;
	padding:10px;
	cursor: pointer;
	}

#popup-empty {
width: 400px;
height:400px;
background-color:#FFFFFF;
padding:10px;
}
	
	#container-popup {
	width:100%;
	padding:10px;
	background-color:#CCCCCC;
	border:thin #000000;
	}
	
/*	+---------------------------------------------------------------
	| Terms & policies
	+---------------------------------------------------------------
*/	
	
		#menutop-policies a {
		color: #FFFFFF;
		border: 1px solid;
		background-color: #5A7798;
		padding: 2px;
		padding-left: 3px;
		font-size:0.7em;
		font-weight: bold;
		text-decoration: none;
		border-color: #869CB4 #234A76 #234A76 #869CB4;
/*		display: block;  */
		margin: 0px;
		width: 20%;
/*		text-align: left; */
		}
	
	#menutop-policies a:hover {border: 1px solid;
		padding-left: 4px;
		padding-top: 3px;
		padding-bottom: 1px;
		padding-right: 1px;
		background-color: #44658A;
		border-color: #234A76 #869CB4 #869CB4 #234A76;
		color: #FFFFFF;
		text-decoration: none;
		}
	
	
/* pop up windows */
/*		#popup-newsbox1{
/*	  margin-left: 20%; /* This gets it relatively center on the screen */
/*	  margin-right: 40%; /* This gets it relatively center on the screen */
/*	  margin-top: 50px; /* Makes it a little off the top of the screen */
/*	  padding-left: 10px;
/*	  padding-right:10px;
/*	  padding-bottom:10px;
/*	  width: 200px; /* For centering it on the screen */
/*	  height: 150px; 
/*	  position: fixed; /* absolute: docks with link, fixed: to the browser */
/*	  left:350px;
/*	  top:250px;
/*	  background-color: ; /* F5F1FF - Login Box background color. Change this if desired. */
/*	  z-index: 9; /* Makes it on top of everything else */
/*	  font-family: arial; 
/*	  			font-size: 1em;
			/*font-size: 12px;*/
/*	  text-align: left;
/*	  visibility: hidden; /* Hides Div on load!!*/
/*	  background-image: url(images/popup-newsbox.gif);
/*	  background-repeat:no-repeat;
/*	  }
  
		  #popup-newsbox1 a {
		  font-weight:bold;
		  }*/
		 
div.divcontainer {
width:100%;
}
		 
div.divleft{
background-color:#0000FF;
width: 25%;
border:thin #000000;
float:left;
}

div.divright{
background-color: #00FF00;
width:75%;
border:thin #000000;
float:left;
}

table.table1 {
border-color:#000000;
border:thin;
height:100%

}

div.contents {
height:100%;

}

/*	+---------------------------------------------------------------
	| Terms & policies
	+---------------------------------------------------------------
*/	

#sitemap-layout {
border:none;
height:100%;
width:100%;
text-align:left;
}

 td.sitemap-level {
	background-color:#ffffff;
	padding-bottom:3px;
	padding-top:3px;
	}
	
 td.sitemap-L1T {
	background-color:#ffffff;
	background-image:url(images/jpg/nav_layout/main/sitemap-Tpipe.jpg);
	background-repeat:repeat-y;
	}

 td.sitemap-L1Pipe {
	background-color:#ffffff;
	background-image:url(images/jpg/nav_layout/main/sitemap-pipe.jpg);
	background-repeat:repeat-y;
	}
	
 td.sitemap-L2L {
	background-color:#ffffff;
	background-image:url(images/jpg/nav_layout/main/sitemap-Lpipe.jpg);
		background-repeat:no-repeat;
	}
	
	td.sitemap-hpipe {
	background-color:#ffffff;
	background-image:url(images/jpg/nav_layout/main/sitemap-hpipe.jpg);
	background-repeat:repeat-x;
	}
	
	 td.sitemap-Arrow {
	background-color:#ffffff;
	background-image:url(images/jpg/nav_layout/main/sitemap-Arrow.jpg);
	background-repeat:no-repeat;
	}
	
	
	
/*----- Menu Tabs May 2010 START -----*/

    #tabsF {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:11px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
      line-height:normal;
     /*     border-bottom:1px solid #666; */
      }
    #tabsF ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("images/jpg/nav/tab-left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 6px; /* T R B L (L = Image width)*/
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("images/jpg/nav/tab-right.gif") no-repeat right top;
      padding:10px 15px 8px 6px; /* edit the size of the tab here.  T R B L (T and B control height) */
       color:#000000; 
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#666666;
      }
    #tabsF a:hover {
      background-position:0% 0px;
      }
    #tabsF a:hover span {
      background-position:100% 0px;
      }

        #tabsF #current a {
                background-position:0% -32px;
        }
        #tabsF #current a span {
                background-position:100% -32px;
        }
/*----- Menu Tabs May 2010 END -----*/



/*	+---------------------------------------------------------------
	| Wards- Map
	+---------------------------------------------------------------
*/	

	dl.image_map {display:block; width:471px; height:450px; background:url(includes/map/bradford-district.gif); position:relative; margin:2px auto 2px auto;}
	a.BLINK {left:469px; top:448px; background:transparent;}
	a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}
	a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}
<!-- Image map text links - End - -->

/*	+---------------------------------------------------------------
	| Wards- List
	+---------------------------------------------------------------
*/	


td.wards-list {
background-color: ;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
}

td.wards-list a {
text-decoration:none;

}

/*	+---------------------------------------------------------------
	| Wards - Individual Pages
	+---------------------------------------------------------------
*/	
#tbl-wards-keyfacts {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
vertical-align:top;
	vertical-align:top;
	border: solid #999999;
	border-width: 1px;
	background-color: #F5F5F5;

}

	td.td-keyfacts-key {
	font-weight:bold;
	}
	
	td.td-kefact-fact {
	font-weight: normal;
	}
	
	#td-keyfacts-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

		#tbl-ward-usefullinks {
		border: 0px solid;
		font-size:0.8em;
		text-align:left;
		vertical-align:top;
		}
		
		#tbl-wards-documents {
		border: 0px solid;
		font-size:0.8em;
		text-align:left;
		vertical-align:top;
		}

tr.tr-alternate-white {
background-color:#FFFFFF;}
