/*******************************************************
	South TyneSide Leisure Project
	Created : 22nd July 2004 by
	Mark 'Phunky' Harwood
	Updated by: John Howard
	Updated by: David Bloomfield
*******************************************************/

body {
	margin : 8px ; padding : 0px ;
	background : #EFF9FE ; color : #999999 ;
	font : 1em Arial, Verdana, Helvetica, sans-serif ;
}

.searchBox {
	border : 1px solid #7F9DB9 ;
	margin : 0px ; padding : 0px ;
	height : 16px ;
	float : left ;
}

.submitBut {
	float : right ;
	padding : 0px ; margin : 0px ;
}

#widthContainer {
	width : 739px ; height : auto ;
	margin : 0px auto ; padding : 0px ;
	background : url(../images/widthContainerBg.gif) bottom ;
	background-repeat: repeat-y;
}

#divFooter
{
	width:734px;
	height:76px;
	border-left: 2px solid #003365;
	border-bottom: 3px solid #003365;
	border-right: 1px solid #003365;
	text-align:left;
}

#divFooter img{
	margin:0 0 0 2px;
	position:relative;
	top:-4px;
	}
#header {
	width : 739px ; height : 78px ;
	margin : 0px ; padding : 0px ;
	background : url(../images/headerBg.gif) no-repeat ;
}

#topNav {
	width : 739px ; height : 38px ;
	margin : 0px ; padding : 0px ;
	background : url(../images/navBg.gif) no-repeat ;
}

#topNav ul {
	margin : 0px 0px 0px 255px ; padding : 0px ;
}

#topNav ul li {
	margin : 0px ; padding : 0px ;
	float : left ; list-style : none ;
}

#topNav ul li a {
	display : block ; color : #ffffff ;
	margin : 12px 0px 0px 0px ; padding : 5px ;
	font-weight : bold ; font-size : 13px ;
	text-decoration : none ; border-right : 1px solid #003564 ;
}

#topNav ul li a:hover {
	color : #306396 ;
}

#content {
	width : 570px ; height :  auto ; 
	margin : 2px 2px 0px 0px; padding : 0px ;
	float : right ;
}

#content p {
	font-size : 0.8em ; color : #010101 ;
	margin: 0px 17px 15px 15px ;
}

#content p p{margin-left:0; font-size:1em}

#content li {
	font-size : 0.7em ; color : #000000 ;
	margin : 0px ; padding : 0px ;
}

#content h1 {	
	margin : 8px 8px 8px 15px ;
	font-size : large ; color : #FFA31E ;
}

#content h2 {	
	margin-left:	15px ;
	margin-right:	5px;
	margin-top:	5px;
	margin-bottom:5px;
	padding : 0px ;
	font-size : 0.9em ;
	color : #FFA31E;
	font-family:Tahoma;
}

#content h3 {	
	margin : 10px ; padding : 0px ;
	font-size : small ; color : #FFA31E ;
}

#content a {
	/*font-size : 1.02em ;*/ text-decoration : underline ;
	color : #FF8A00 ;
}

#content a:hover {
	color : #000915 ;
}

#breadCrumb {
	width : 200px ; height : 300px ;
	margin : 10px ; padding : 10px ;
	background : #ffffff ; border : 1px solid #003466 ;
	color : #003466 ; font-size : 0.7em ;
	float : right ; clear : all ;
}

#sideNav {
	position : relative ;
	top : 0px ; left : 2px ; 
	width : 161px ; height :  auto ; 
	margin : 0px ; padding : 48px 0px 115px 0px ; 
	background : url(../images/sideNavBg.gif) no-repeat top left ;
	text-align : center ;
}

#sideNav ul {
	margin : 0px ; padding : 0px ;
	text-align : left ;
}

#sideNav ul li {
	height : 26px ;
	margin : 0px ; padding : 0px ;
	background : url(../images/liBg2.gif) repeat-x #D9E4FF left bottom ;
	list-style : none ;
}

#sideNav ul li a {
	display : block ;
	width : 130px ; height : auto ;
	margin : 0px ; padding : 5px 0px 5px 20px ;
	background : url(../images/liBg.gif) no-repeat #D9E4FF 10px 10px ;
	font-size : 12px ; color : #0B5071 ; text-decoration : none ;
}

#sideNav ul li a:hover {
	color : #FF7800 ; background : url(../images/liBg3.gif) no-repeat #0B5071 10px 10px ;
	font-weight : bold ;
}

#sideNav img {
	margin-top : 5px ;	
}

#splash img {
	margin : 10px 0px 10px 0px ;
}
#whatsOn {
	border-bottom : 1px dashed #003466 ;
	padding-bottom : 5px ;
}
#whatsOn .activity {
	width :148px ; height : auto ; 
	_width :146px ;
	margin : 4px 0px 0px 0px ; padding : 0px 8px 0px 8px  ;
}

#whatsOn .activity:hover, .sfhover {
	background : #F3F8FC ; /*cursor : hand ;*/
}

#whatsOn .activity div img {
	margin : 0px 5px 0px 0px ;
	float : left ;
}

#whatsOn h1, #whatsOn .activity h1 {
	margin : 0px ; padding : 0px ;
	font-size : 0.6em ; font-weight : bolder ;
	color : #5B7B95 ;
	background-image : none ; display : inline ;
	line-height : normal ;
}

#whatsOn h1 {
	font-size : 0.8em ; color : #003466 ;
	text-align : right ; margin : 0px 5px 5px 5px ;
}

#whatsOn .activity p {
	margin : 0px ; padding : 0px ;
	font-size : 0.6em ; color : #3A5061 ;
}

#whatsOn .activity a {
	margin : 0px ; padding : 0px ;
	color : #FF6600 ; text-decoration : none ;
}

#search {
	border : 0px solid #99cc00 ;
	width : 500px ; 
	margin : 4px 5px 0px 0px; padding : 45px 0px 0px 0px ;
	float : right ; background : url(../images/whatSearch.gif) no-repeat right 3px;
	color : #ffffff ; font-size : x-small ;
	text-align:right
}
/*
TABLE
{
	background-color:#ffffff;
	color:black;
	border-collapse:collapse;
}
TABLE TD
{
	border: 1px solid #aaaaaa;
}

TABLE TBODY TD
{
	font :1.0em Tahoma, Arial, Verdana;
}
*/
/*

table  {
	border : 1px solid #999999 ;
	margin : 15px 25px 15px 45px ;
	font-size : 0.7em ; color : #013368 ;
}
table tr th {
	background : #D7D7D7 ;
	margin : 0px ; padding : 4px ;
}
table tr th b{
	font-size : 0.8em ; font-weight : lighter ;
}
table tr th h2 {
	background : #D7D7D7 ; font-size : 1.5em ; 
	margin : 0px ; padding : 0px ;
}
table tr td {
	padding : 5px ;
}
*/

.right {
	text-align : right ;
}

.center {
	text-align : center ;
}
.blank {
		width : 250px ;
}

#content span.more {
	display : block ;
	float : right ;
}

#content span.more a {
	font-size : 1em ;
	text-decoration : underline ;
	color : #FF8A00 ;
}

#content span.more a:hover
{
	color : #000915 ;
}

#content span.more a:hover
{
	color : #FF8A00 ;
}

img {
	border : 0px solid #000000 ;
}

select.nav{
	float : right ; margin : 0px 1px 0px 1px ; 
	border : 1px solid #000000 ;
	width : 120px ; height : auto;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
}

.moreInfo {
	width : 525px ; 
	margin : 0px 17px 9px 17px ; 
	font-size : 11px ; 
	border-bottom : 1px solid #D6D6D6 ;
	border-left : 1px solid #D6D6D6 ;
}
.days 
{
	border:0px solid red;
	width : 400px ;
	font-size : 10px ; 
	padding : 0px ; float : left ;
	padding-bottom: 10px;
}
.price {
	font-size : 10px ; 
	border-right : 1px solid #D6D6D6 ;
	border-left : 1px solid #D6D6D6 ;
	padding : 3px ; float : right ;
}
.days strong, .price strong 
{
	font-size : 11px ;
}

/* -- PRICE FACILITY STYLES -- */

table.tblPriceListFacility .blank
{
	width:170px;
}

table.tblPriceListFacility TH
{
	background : #dddddd ;
	border: 1px solid #aaaaaa;
	padding: 5px;
	color :#dd810c;
	font-weight: bold;
	padding-left: 5px;
}

table.tblPriceListFacility TD.activity
{
	background : #eeeeee;
	color :#dd810c;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
}

table.tblPriceListFacility TD
{
	border: 1px solid #aaaaaa;
	background : #ffffff ;
	padding:4px;
	text-align: center;
}
	
table.tblPriceListFacility .category
{
	padding-left: 20px;
	text-align:left;
}

table.tblPriceListFacility
{
	background-color: #ffffff;
	border: 1px solid aaaaaa;
	color:black;
	margin:0px;
	margin-bottom: 25px;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	border-collapse:collapse;
	font-size:0.7em;
}
/* End Price Facility Style */

/* -- TABLE TIMES STYLES -- */

TABLE.tblTimes
{
	background-color: #ffffff;
	border: 1px solid aaaaaa;
	color:black;
	margin:0px;
	margin-bottom: 25px;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	border-collapse:collapse;
	width:200px;
	font-size:0.7em;
	text-align: right;
	float:right;
}

TABLE.tblTimes TH
{
	background-color: #eeeeee ;
	border: 1px solid #aaaaaa;
	padding: 5px;
	color :#dd810c;
	font-weight: bold;
	padding-left: 5px;
	text-align:left;
}

TABLE.tblTimes TH.title
{
	background-color: #dddddd ;
	text-align:center;
}

TABLE.tblTimes TD
{
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	color : #000000;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
}

/* End Price Facility Style */

/* Global Table Scope */
TABLE
{
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	color:black;
	margin:0px;
	margin-bottom: 25px;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	border-collapse:collapse;
	font-size:0.7em;
	clear:both;
	float: none;
}

TABLE TBODY
{
	clear:both;
	float: none;
}

TABLE TH
{
	background-color: #eeeeee ;
	border: 1px solid #aaaaaa;
	padding: 5px;
	color :#dd810c;
	font-weight: bold;
	padding-left: 5px;
	text-align:left;
}

TABLE TD
{
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	color : #000000;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
	padding: 4px;
}

TABLE TH.title
{
	background-color: #dddddd ;
	text-align:center;
}
/* End Global Table Scope */

#content h3.EventPassedTitle
{
	text-decoration: line-through;
}

#content p.EventPassedBody
{
	color:#bbbbbb;
}

#content h3.newstitle
{
	/*font-size : 0.7em ;*/
	margin: 0px 17px 0px 15px ;
	padding : 0px ;
	/*	color : #FFA31E ;*/
	color: #FF8A00;
	font-weight:normal;
	font-family: Tahoma;
}

#content p h3.newstitle
{margin-left:0}

#content a.newslink {
	font-size : 1em ; 
	text-decoration : underline ;
	font-weight: bold;
	color : #FF8A00 ;
}

#content a.newslink:hover {
	color : #000915 ;
}

ol { padding-right:10px; }
ol li { padding: 4px; }