/* temp for ICT */
#system_extracontent {
	width: 200px;
}
.brandingimage {
	background-color: #404042; width: 780px;
}

.brandingtext {
	background-color: #404042; width: 780px;
}

.brandingtext P {
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: -1px;
	padding: 5px 0 5px 11px; color: #FFF
}

.brandingtext a, .brandingtext a:active, .brandingtext a:visited, .brandingtext a:hover {
	color: #FFF
}
/* Banner ad selection */

iframe#ad_leisure {
	/* display this one */
	height: 60px;
	width: 468px;
}

iframe#ad_benefits, iframe#ad_building, iframe#ad_business, iframe#ad_care, iframe#ad_council, iframe#ad_education, iframe#ad_environment, iframe#ad_homepage, iframe#ad_housing, iframe#ad_jobs, iframe#ad_people, iframe#ad_transport {
	/* hide these */
	display: none;
}

.goactive {background: #8077b7; width:100%; float: left;}
.goactiveleft {float: left}
.goactiveright {float: right}

.goaqua {background: #00a1b1; width:100%; float: left;}
.goorange {background: #f68f1e; width:100%; float: left;}
.goinduction {background: #7db2ce; width:100%; float: left;}
.flowershow {width:100%; float:left; background: #0F0F0F}

/* shop item */

.shop { width:100%; margin-bottom:15px; float:left}
.shopimg { width:90px; float:left; background-color:#f3f5f8; padding:5px}
.shopimg IMG {padding: 0px; margin:5px; BORDER: #000 1px solid}
.shopimg SPAN {font-size:80%}
.shoptxt { float:left; margin-left:5px}
.shoptxt P {padding: 0px; margin:5px }
.price { color:#CC0099; font-weight:bold}

/* Libraries */
.library {background: #2a343b; width:100%; float: left;}
.libraryleft {float: left}
.libraryright {float: left}

.fitness {
	
}

#system_container #system_contentarea #system_content .fitness {
	
}
#system_container #system_contentarea #system_content .fitness TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px 0px; PADDING-TOP: 0px
}
#system_container #system_contentarea #system_content .fitness table CAPTION {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px; TEXT-ALIGN: left; background-color:#FFFFFF; color:#000000
}
#system_container #system_contentarea #system_content .fitness TABLE TH {
	PADDING-RIGHT: 6px; BORDER-TOP: #555F64 1px solid; PADDING-LEFT: 12px; BACKGROUND: #F3F5F8; PADDING-BOTTOM: 6px; COLOR: #4f6b72; PADDING-TOP: 6px; BORDER-BOTTOM: #555F64 1px solid; LETTER-SPACING: 1px; TEXT-ALIGN: left;
}
#system_container #system_contentarea #system_content .fitness TABLE TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 6px; COLOR: #4f6b72; PADDING-TOP: 6px; BORDER-BOTTOM: #555F64 1px solid; width: 200px
}

.fitness1 {
	
}

#system_container #system_contentarea #system_content .fitness1 {
	
}
#system_container #system_contentarea #system_content .fitness1 TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px 0px; PADDING-TOP: 0px
}
#system_container #system_contentarea #system_content .fitness1 table CAPTION {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px; TEXT-ALIGN: left; background-color:#FFFFFF; color:#000000
}
#system_container #system_contentarea #system_content .fitness1 TABLE TH {
	PADDING-RIGHT: 6px; BORDER-TOP: #555F64 1px solid; PADDING-LEFT: 12px; BACKGROUND: #F3F5F8; PADDING-BOTTOM: 6px; COLOR: #4f6b72; PADDING-TOP: 6px; BORDER-BOTTOM: #555F64 1px solid; LETTER-SPACING: 1px; TEXT-ALIGN: left;
}
#system_container #system_contentarea #system_content .fitness1 TABLE TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 6px; COLOR: #4f6b72; PADDING-TOP: 6px; BORDER-BOTTOM: #555F64 1px solid; width: 150px
}



.fitness4 {
	
}

#system_container #system_contentarea #system_content .fitness4 {
	
}
#system_container #system_contentarea #system_content .fitness4 TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px 0px; PADDING-TOP: 0px
}
#system_container #system_contentarea #system_content .fitness4 table CAPTION {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px; TEXT-ALIGN: left; background-color:#FFFFFF; color:#000000
}
#system_container #system_contentarea #system_content .fitness4 TABLE TH {
	PADDING-RIGHT: 6px; BORDER-TOP: #555F64 1px solid; PADDING-LEFT: 12px; BACKGROUND: #F3F5F8; PADDING-BOTTOM: 6px; COLOR: #4f6b72; PADDING-TOP: 6px; BORDER-BOTTOM: #555F64 1px solid; LETTER-SPACING: 1px; TEXT-ALIGN: left;
}
#system_container #system_contentarea #system_content .fitness4 TABLE TD {
	PADDING-RIGHT: 6px; PADDING-LEFT: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 6px; COLOR: #4f6b72; PADDING-TOP: 6px; BORDER-BOTTOM: #555F64 1px solid; 
}

.summeract { margin-bottom:20px}
.summeracttitle {padding: 5px 0px 5px 5px; background-color:#2a343b}
.summeracttitle p {padding:0px; margin: 0px; color: white; font-weight:bold}
.summeracttitle h2 {padding:0px; margin: 0px; color: white; font-weight:bold}
.summeractlocation {padding: 5px 0px 5px 5px; background-color:#f3f5f8}
.summeractlocation P {padding:0px; margin: 0px}
.summeractdate {padding: 5px 0px 5px 5px; float: left; width: 47%}
.summeracttime {padding: 5px 0px 5px 5px; float: right; width: 47%}
.summeractdate P {padding:0px; margin: 0px; }
.summeracttime P {padding:0px; margin: 0px; }

.summeractdescription {padding: 5px 0px 5px 5px;}
.summeractdescription P {padding:0px; margin: 0px}
.summeractage {padding: 5px 0px 5px 5px; float: left; width: 47%}
.summeractprice {padding: 5px 0px 5px 5px; float: right; width: 47%}
.summeractcontact {padding: 5px 0px 5px 5px; border-top: 1px solid #2a343b}
.summeractcontact P {padding:0px; margin: 0px}
.summeractcolumns {width: 100%}

.mybackground {
	background-image:url(/images/fairies1.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right;
}

/* ---------- this is used as the image map ---------- */

#map {
	display:block;
 	height:399px;
 	width:536px;
 	float:left;
 	margin:0 10px 10px 0;
 	background: url(http://www.gateshead.gov.uk/images/Leisure/spmap/map1.gif) no-repeat;
 	position: relative;
}

#map li {
	position:absolute;
	display:block;
	list-style:none;
	border: none;

 }
#map li a {
 	display:block;
 	height:100%;
 	width:100%;
 	text-indent:-2000px;
 	color:#464646;
 	font-weight:bold;
}



#one	{
 	top:68px;
 	left:97px;
 	height:17px;
 	width:17px;
}

#two	{
 	top:121px;
 	left:216px;
 	height:17px;
 	width:17px;
}

#three	{
 	top:90px;
 	left:231px;
 	height:17px;
 	width:17px;
}

#four	{
 	top:151px;
 	left:103px;
 	height:17px;
 	width:17px;
}

#five	{
 	top:174px;
 	left:186px;
 	height:17px;
 	width:17px;
}

#six	{
 	top:215px;
 	left:145px;
 	height:17px;
 	width:17px;
}

#seven	{
 	top:189px;
 	left:220px;
 	height:17px;
 	width:17px;
}

#eight	{
 	top:240px;
 	left:190px;
 	height:17px;
 	width:17px;
}

#nine	{
 	top:206px;
 	left:289px;
 	height:17px;
 	width:17px;
}

#ten	{
 	top:158px;
 	left:306px;
 	height:17px;
 	width:17px;
}

#eleven	{
 	top:146px;
 	left:287px;
 	height:17px;
 	width:17px;
}

#twelve	{
 	top:237px;
 	left:226px;
 	height:17px;
 	width:17px;
}

.panel IMG { float:left; margin-right: 5px;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 536px; /*Width of Carousel Viewer itself*/
height: 90px; /*Height should enough to fit largest content's height*/
background-color: #f3f5f8
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px 5px 5px; /*margin around each panel*/
width: 526px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel H2 {font-size:100%; padding: 0px; margin: 0px;}
.panel P {font-size: 90%; padding: 0px; margin: 0px;}
/* used for sports - activities homepage */

#sys_sporttactivities { margin-bottom: 25px;}
#sys_sporttactivities .sys_subitem { width: 100px; height: 150px; float: left; padding: 10px 21px 20px 21px; background: #F4F4F4; margin: 0 12px 12px 0}
#sys_sporttactivities .sys_subitem IMG { border: 1px solid #000}
#sys_sporttactivities .sys_atoz-control {
	CLEAR: both;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #ecebeb 1px solid;
	PADDING-LEFT: 0px;
	FONT-SIZE: 1em;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 10px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ecebeb 1px solid
}
#sys_sporttactivities .sys_atoz-control UL {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px 5px 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none
}
#sys_sporttactivities .sys_atoz-control UL:unknown {
 CLEAR: both;
DISPLAY: block;
VISIBILITY: hidden;
HEIGHT: 0px;
content: "."
}
#sys_sporttactivities .sys_atoz-control UL LI {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: 700;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 4px 0px 0px;
	BORDER-LEFT: 0px;
	WIDTH: 1.6em;
	CURSOR: pointer;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px;
	TEXT-ALIGN: center
}
#sys_sporttactivities .sys_atoz-control UL LI A {
	PADDING-RIGHT: 6px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FLOAT: left;
	PADDING-BOTTOM: 0.1em;
	COLOR: #000;
	PADDING-TOP: 0.1em;
	POSITION: relative;
	TEXT-DECORATION: none
}
#sys_sporttactivities .sys_atoz-control UL LI SPAN {
	PADDING-RIGHT: 6px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FLOAT: left;
	PADDING-BOTTOM: 0.1em;
	COLOR: #333;
	PADDING-TOP: 0.1em;
	POSITION: relative;
	TEXT-DECORATION: none
}
#sys_sporttactivities .sys_atoz-control UL LI A:hover {
	BACKGROUND: #F4F4F4;
	COLOR: #333;
	TEXT-DECORATION: none
}
#sys_sporttactivities .sys_atoz-control UL LI.sys_noresults {
}
#sys_sporttactivities .sys_atoz-control UL LI.sys_noresults:hover {
}
#sys_sporttactivities .sys_atoz-control UL LI.sys_noresults SPAN {
	FONT-WEIGHT: bold;
	CURSOR: default;
	COLOR: #ccc
}
#sys_sporttactivities .sys_atoz-control UL LI.sys_selected {
}
#sys_sporttactivities .sys_atoz-control UL LI.sys_selected A {
	BACKGROUND: #008CE4;
	COLOR: #fff;
	TEXT-DECORATION: none
}
#sys_sporttactivities .sys_atoz-control UL LI.sys_selected A:hover {
	BACKGROUND: #333;
	COLOR: #fff;
	TEXT-DECORATION: none
}
DIV#sys_sporttactivities .sys_atoz-control-currentletter {
	CLEAR: both;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 2.6em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 15px;
	COLOR: #3e74d7;
	PADDING-TOP: 0px
}
DIV#sys_sporttactivities .sys_atoz-control-currentletter BIG {
	DISPLAY: block;
	LINE-HEIGHT: 1em
}

/* Bridge Home */

.sys_bridgehome {
	margin-top: 10px;	
}

.sys_tilttimes {
	width: 270px;
	background-color: #F4F4F4;
	font-size: 0.8em;
	padding: 10px;
	float: right;
}

.sys_tilttimes TD {width: 50%;}

.sys_bridgemessage {
	width: 480px;
	float: left;
	padding-top: 10px;
}

.sys_bridgemessage P {
	line-height: 1.5em;
	font-size: 0.8em;
}