/* 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;}