/**********************************
 * TITLE: Pool Screen Stylesheet  *
 * CREATED: 29-Oct-2004           *
 * MODIFIED: 29-Oct-2004          *
 **********************************/


/* ##### Common Styles ##### */

body {
  color: black;
//	background-color: white;
	background-color: rgb(240,240,240);	/* very very light grey */
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
	margin-left : auto;
	margin-right : auto; 
/* width: 1100px;	*/
//min-width: 1020px;
//min-width: 1000px;
min-width: 930px;
max-width: 1280px;
//max-width: 1150px;
//height: 100%;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}

.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}

.smallCaption {
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	line-height: 1.2em;
}

.text {
	position:relative;
	z-index:10;
}

.bigGrayShadow {
	color: #cccccc;					/* light grey */
	position:absolute;
	z-index:5;
	margin:2px 0 0 2px;
}

.bigBlackShadow {
	color: black;
	position:absolute;
	z-index:5;
	margin:1px 0 0 1px;
}

/* ##### Header ##### */

#header {
  color: inherit;
  background-color: white;
	text-align: center;
}

.headerTitle {
  margin: 0;
  padding: 0.2em 4mm 0.0em 4mm;
}

.headerTitle a {
  color: rgb(184,38,25);
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 138%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}


/* ##### subHeader ##### */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/css3-ie-dropdown.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

//.shadow {float:left; width:650px;}

.topMenuColor {
//  margin: 0 1ex 1ex 1ex;
  margin: 0 0 1ex 0;
  margin: 0 0 0 0;
  position:relative; 
  display:block; 
  background:rgb(150,150,150);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
//  clear: left;
//  float: left;
//  width: 100%;
  width:900px;
}
.topMenu {padding:0; margin:0; list-style:none; height:35px;}
.topMenu .subHolder {position:absolute; left:-9999px;}
.topMenu ul {
  padding:5px 0; 
  margin:0; 
  list-style:none; 
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#20000000', EndColorStr='#A0000000');
}
.topMenu li {float:left;}
.topMenu li a {
  color:white; 
  white-space:nowrap; 
  position:relative; 
  line-height:35px; 
  display:block; 
  float:left; 
  padding:0 2ex; 
  text-decoration:none; 
  font-family: verdana, helvetica, arial, sans-serif; 
  font-size:15px; 
  font-weight:bold;
  text-shadow: 0px 1px 2px black;
	border-right: 1px solid rgb(130,130,130); /* grey border*/
	border-left: 1px solid rgb(130,130,130); /* grey border*/
}
.topMenu li:hover {position:relative;}
.topMenu li a:visited {}
.topMenu li a:hover {
  color: black; 
  white-space: nowrap; 
  position: relative; 
  text-decoration: none;
  border-right: 1px solid black;
  border-left: 1px solid black;
  text-shadow: 0px 1px 1px rgb(200,200,200);
}
.topMenu li a:active {}
.topMenu li.first {
	border-left: 1px solid rgb(130,130,130); /* grey border*/
	margin-left: 9ex;
	margin-left: 3ex;
}
.topMenu li.last {
	border-right: 1px solid rgb(130,130,130); /* grey border*/
	margin-right: 0;
}
.topMenu li:hover > a {color:black; text-shadow: 0px 1px 1px rgb(200,200,200);}

.topMenu :hover .subHolder {left:0; top:34px;}
.topMenu .subShadow {float:left;}
.topMenu .subColor {
  position:relative; 
  display:block; 
  margin-left:4px; 
  margin-top:5px; 
  height:100%;
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.subMenu li a {
	border: none;
	font-size: 95%;
//	font-size: 100%;
}
.subMenu li a:hover {
  border: none;
}

.topMenu .colour1 {
  background:#fb1;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.topMenu .colour2 {
  background:#8c8;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.topMenu .colour3 {
	background:#f31;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.topMenu .colour4 {
  background:#79b;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.topMenu ul li {float:none;}
.topMenu ul li a {white-space:nowrap; line-height:20px; padding:0 10px 0 10px; float:none;}

.topMenu table {border-collapse:collapse; width:0; margin:0 0 -1px 0;}


/* ##### OLD subHeader ##### */
/*
.subHeader {
	clear: left;
	float: left;
	width: 100%;
	background: gray url(./images/GradientSubmenu1.jpeg) repeat-x; 
	font-size: 120%;
	border-top: 1px solid rgb(110,110,110); // grey border
	overflow: hidden;
	margin-bottom: 2ex;
}

.subHeader ul {
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}

.subHeader ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}

.subHeader ul li.first {
	border-left: 1px solid rgb(130,130,130); // grey border
}

.subHeader ul li.last {
	border-right: 1px solid rgb(130,130,130); // grey border
}

.subHeader ul li a {
  display: block;
	margin: 0;
	padding: 7px 1.3em;
  color: white;
  font-weight: bold;
  text-decoration: none;
	border-right: 1px solid rgb(130,130,130); // grey border
	border-left: 1px solid rgb(130,130,130); // grey border
}

.subHeaderOLD ul li a:hover {
	background: gray url(./images/GradientSubmenu2.jpeg) repeat-x; 
  padding: 9px 1.3em 5px 1.3em;		// shift text down 2px for selected and active item
  color: black;
}

.subHeader ul li a:link {
  color: white;
}

.subHeader ul li a:visited {
  color: white;
}

.subHeader ul li a:hover {
  color: black;
  border-right: 1px solid black;
  border-left: 1px solid black;
}

.subHeader ul li a:active {
	background: gray url(./images/GradientSubmenu2.jpeg) repeat-x; 
	padding: 9px 1.3em 5px 1.3em;		// shift text down 2px for selected and active item
	color: black;
}

.subHeader ul li a span {
	display: block;
}
*/

/* ##### Left Side Bar ##### */

.leftSideBarShadow {
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);		
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);	
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);					
  position: relative; 
  display: block; 
}

.leftSideBarShadowMS {
	margin-top: 2ex;
}

.leftSideBar {
  width: 11em;
  float: left;
  clear: left;
	margin: 0;
//	margin-left: 1ex;
	padding-left: 1ex;
	padding: 1ex 0 0 1ex;
	background-color: white;
}

// use the attribute selector style to set left margin
[class~="leftSideBar"] {
  margin-left: 1ex;
}
/*
	background-color: rgb(84,84,84);			// dark grey
	background-color: #fb1;								// gold
  background-color: #8c8;								// green
	background-color: #f31;								// red
	background-color: #79b;								// bluey grey
*/
.leftSideBar .sideBarTitle {
	color: rgb(255,255,255);							/* white */
	background-color: #79b;								/* bluey grey */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0.8ex 1ex;
//  text-shadow: 0px 1px 2px black;
  text-shadow: 0px 2px 2px black;
//	border-top: solid white 1px;
}

.leftSideBar ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0 0 0 0;
	background-color: rgb(255,255,255);		/* white */
}

.leftSideBar li {
	margin: 0;
	padding: 0;
}

.leftSideBar a {
	color: rgb(0,0,128);									/* navy */
	background-color: rgb(218,218,218);		/* very light grey */
  text-decoration: none;
  margin: 0;
  padding: 0.3em 1ex 0.3em 3mm;
  display: block;
	border-top: solid white 1px;
  font-size: 95%;
  font-weight: bold;
  color: rgb(70,70,140);									/* dull navy */
  padding: 0.4em 1ex 0.4em 3mm;
  padding: 0.4em 0.5ex 0.4em 2mm;
}

.leftSideBar a:hover {
  color: rgb(0,0,0);										/* black */
  text-decoration: none;
	background-color: rgb(190,190,190);		/* grey */
}

.leftSideBarSub a {
	color: rgb(205,38,38);								/* red */
  background-color: rgb(218,218,218);		/* very light grey */
  text-decoration: none;
  margin: 0;
	padding: 0.4em 1ex 0.4em 5mm;
padding: 0.4em 1ex 0.4em 3mm;
	display: block;
	font-size: 90%;
font-size: 90%;
font-weight: normal;
color: rgb(70,70,140);									/* dull navy */
}


/* ##### OLD Right Side Bar ##### */

.rightSideBar {
  width: 13em;
  margin: 2ex 0.75ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid rgb(216,210,195);
  text-align: center;
  background-color: rgb(255,255,226);
}

// use the attribute selector style to set right margin
[class~="rightSideBar"] {
  margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
  color: black;
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

.rightSideBar a {
	color: rgb(110,76,35);
  background-color: transparent;
  text-decoration: underline;
}

.rightSideBar a:hover {
  text-decoration: none;
}

.rightSideBar .sideBarText {
  line-height: 1.2em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
	font-size: 90%;
}

.rightSideBar .headline {
  text-decoration: none;
  font-weight: normal;
  text-align: center;
  margin: 0;
}

.rightSideBar .headline:hover {
  color: black;
  text-decoration: underline;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
  font-weight: bold;
}

.rightSideBar .more:hover {
  color: black;
  text-decoration: underline;
}


/* ##### NEW Right Side Bar ##### */

.rightSideBarNEW {
	float: right; 
	clear: right;
	padding-top: 1ex;
}

.block, .wrap1, .wrap2, .wrap3 {
	display: inline-table;
} 

.block {
	float: right; 
	clear: right;
	display: inline; 
	margin: 2ex 0;
	text-align: center; 
}

.wrap1 {
	float: right; 
	display: inline;
}

.wrap3 {
	padding: 5px 9px 14px 0; 
}

.block, .wrap1 {
	width: 14em;
}

.block h3 {
	margin: 0; 
	padding: 5px 10px 10px 10px; 
	font-weight: bold; 
	font-size: 1em;
	color: rgb(84,84,84);			/* dark grey */
}

.inner {
	padding: 0 8px;
	font-size: 90%;
}

.inner p {
	margin: 2ex 0;
	padding: 0;
}

.inner a {
	color: rgb(84,84,84);			/* dark grey */
  background-color: transparent;
  text-decoration: none;
}

.inner a:hover {
  text-decoration: underline;
  color: black;
}

.block-one {
	background: url(./images/shadow.gif) right bottom no-repeat;
}

.block-one .wrap1 {
	background: url(./images/corner_bl.gif) left bottom no-repeat;
}

.block-one .wrap2 {
	background: url(./images/corner_tr.gif) right top no-repeat;
}

.block-one .wrap3 {
	background: url(./images/corner_tl.gif) left top no-repeat;
}

.block-one .title {
	background-color: #eaeaea; 
	border-bottom: 1px solid #d6d6d6; 
	margin: 0 0 0 1px;
}


/* ##### Body Text ##### */

#bodyText, #bodyTextNoRightSideBar {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
//  margin: 0 0 0 11em;
margin: 0;
padding-top: 1.5ex;
padding-bottom: 1.5ex;
padding-left: 12.5em;
/*  min-width: 710px;
  max-width: 900px;	*/
}

#bodyText {
//  padding: 0.5ex 15em 1em 1.5em;
//  padding: 1.5ex 15em 1em 1.5em;
padding-right: 15em;
}

#bodyTextNoRightSideBar {
//  padding: 1.5ex 1em 1em 1.5em;
padding-right: 1em;
}

#bodyText h1, #bodyTextNoRightSideBar h1 {
  color: rgb(60,60,60);							/* dark grey */
  background-color: transparent;
//  font-family: arial, verdana, helvetica, sans-serif;
  font-family: Georgia, "Times New Roman", Serif;
  font-size: 200%;
  font-weight: bold;
  font-style: italic;
  text-align: centre;
  margin: 2em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195);
//  text-shadow: 1px 1px 3px rgb(120,120,120);							/* light grey */
//  text-shadow: 0 1px 1px rgba(60,60,60,0.5);
//  text-shadow: 1px 2px 2px rgb(150,150,150);							/* light grey */
  text-shadow: 3px 3px 3px rgb(180,180,180);							/* light grey */
}

#bodyText h1.noTopBorder, #bodyTextNoRightSideBar h1.noTopBorder {
	border-top: none;
	padding-top: 0.8em;
margin-top: 0;
}

#bodyText h5, #bodyTextNoRightSideBar h5 {
  color: black;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 140%;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  margin: 0;
  padding: 0.5ex 0;
  border: none;
  color: #505050;		/* dark grey */
}

#bodyText h6, #bodyTextNoRightSideBar h6 {
  color: black;
  background-color: transparent;
  font-family: "Comic Sans MS", arial, verdana, helvetica, sans-serif;
  font-size: 105%;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  margin: 0;
  padding: 0.5ex 0;
  border: none;
}

#bodyText .centerText, #bodyTextNoRightSideBar .centerText {
  text-align: center;
}

#bodyText a, #bodyTextNoRightSideBar a {
  color: rgb(0,0,128);									/* navy */
  background-color: transparent;
  text-decoration: underline;
	font-weight: normal;
color: rgb(70,70,140);									/* dull navy */
}

#bodyText a:hover, #bodyTextNoRightSideBar a:hover {
  color: red;
  text-decoration: none;
color: rgb(200,20,20);									/* dull red */
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

hrOLD {
  border: 0;
  width: 80%;
  color: rgb(216,210,195);
  height: 2px;
  text-align: center;
}

hr {
  display: block;
  position: relative;
  padding: 0;
  margin: 8px auto;
  height: 0;
  max-height: 0;
  width: 80%;
  clear: both; 
  border: none;
  border-top: 1px solid #DDD;					/* light grey */
  border-bottom: 1px solid #EFF;			/* lavender */
  font-size: 1px;
  line-height: 0;
}

#bodyText .topOfPage, #bodyTextNoRightSideBar .topOfPage {
  font-size: 90%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  border: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
}

/* ##### Images ##### */

img.floatRight {
	float: right;
	margin: 0 0 0 0;
	border: 0px;
}

img.newsPhoto {
	float: none;
	margin: 0 0 0 0;
	border: 1px;
}

.floatImageRight {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.imageCaption {
	font-size: 80%;
	color: gray;
	font-weight: normal;
	line-height: 1.2em;
}

img.eightBall {
	float: none;
	margin: 0 1.5ex 0 0;
	border: 0px;
	vertical-align: middle;
}

/* ##### Headlines ##### */

p.newsHeadline {
	color: rgb(60,60,60); 
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 150%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
	padding: 0;
	margin: 2ex 0 2ex 0;
}

/* ##### Tables ##### */

table.beigeNoBorder, table.whiteNoBorder {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

table.beigeNoBorder {
	background-color: #ffffcc;			/* beige */
}

table.whiteNoBorder {
	background-color: white;
}

table.beigeBorder, table.beigeOuterBorder, table.whiteOuterBorder {
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-style: solid;
	border-color: black;
	border-spacing: 1px;
	border-width: 1px;
}

table.beigeBorder, table.beigeOuterBorder {
	background-color: #ffffcc;			/* beige */
}

table.whiteOuterBorder {
	background-color: white;
}

table.beigeNoBorder td, table.whiteNoBorder td, table.beigeOuterBorder td, table.whiteOuterBorder td {
	margin: 0;
	padding: 0.4ex;
	border-style: none;
}

table.beigeBorder td {
	margin: 0;
	padding: 0.4ex;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}

table.noticeBoard {
	background-color: #ffffcc;			/* beige */
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-style: groove;
	border-color: #F4A460;					/* sandy brown */
	border-spacing: 1px;
	border-width: 4px;
}

table.noticeBoard td, table.noticeBoard th {
	margin: 0;
	padding: 0.8ex;
	border-style: none;
	font-family: "Comic Sans MS", verdana, helvetica, arial, sans-serif;
	color: black;
	font-size : 140%;
}

table.noticeBoard td {
	text-align: justify;
}

table.noticeBoard th {
	text-decoration: underline;
  font-weight: bold;
  text-align: center;
}


table.matchCard {
//	background-color: #ffffcc;			/* beige */
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
//	border-style: groove;
//	border-color: #F4A460;					/* sandy brown */
//	border-spacing: 1px;
//	border-width: 4px;
}

table.matchCard td, table.matchCard th {
	margin: 0;
	padding: 0.4ex;
	border-style: none;
//	font-family: verdana, helvetica, arial, sans-serif;
	text-align: center;
}

table.matchCard td {
//	font-size : 90%;
	color: rgb(84,84,84);			/* dark grey */
}

table.matchCard td.homeTeam {
	text-align: right;
}

table.matchCard td.awayTeam {
	text-align: left;
}

table.matchCard th {
  text-align: center;
	font-size : 140%;
	font-weight: bold;
	color: rgb(80,80,80);			/* dark grey */
}


table.FixedLayout {
	table-layout: fixed;
}

table.AutomaticLayout {
	table-layout: auto;
}


/* ##### Pinned Notes ##### */

.pinnedNotice {
	padding: 0 15px;
	margin-bottom: 10px;
	word-wrap: break-word;
}

.WhiteNote1 {
  display: block;
  width: 268px;
  height: 328px;
  background-image: url(./images/PinnedWhiteNote1.jpg);
  background-repeat: no-repeat;
  background-color: rgb(235,235,235);	/* very very light grey */
}

.WhiteNote2 {
  display: block;
  width: 266px;
  height: 326px;
  background-image: url(./images/PinnedWhiteNote2.jpg);
  background-repeat: no-repeat;
  background-color: rgb(235,235,235);	/* very very light grey */
}

.YellowNote1 {
  display: block;
  width: 390px;
  height: 248px;
  background-image: url(./images/YellowNote1.jpg);
  background-repeat: no-repeat;
  background-color: #EDEF85;	/* light yellow */}

.YellowNote2 {
  display: block;
  width: 293px;
  height: 186px;
  background-image: url(./images/YellowNote2.jpg);
  background-repeat: no-repeat;
  background-color: #EDEF85;	/* light yellow */}

.CurledNote1 {
  display: block;
  width: 379px;
  height: 214px;
  background-image: url(./images/CurledNote1.jpg);
  background-repeat: no-repeat;
  background-color: rgb(218,218,218);		/* very light grey */
}

.floatLeft {
	float: left; 
	clear: left;
}

.floatRight {
	float: right; 
	clear: right;
}

.floatMiddle {
	float: none; 
	clear: both;
	margin: 0px auto;
}

#bodyText .noteMessage { 
	font-family: "Bradley Hand ITC", "Tempus Sans ITC", "Comic Sans MS", cursive;
	font-weight: normal;
	line-height: 1.8em;
  padding: 50px 30px 0 30px;
  margin: 0;
/*margin: 50px 25px 0 25px;
padding: 0;*/
}

#bodyText .noteMessage h3 { 
	color: blue;
	font-weight: bold;
	font-size : 140%;
	font-style: italic;
	text-align: center; 
	text-decoration: underline;
	padding: 0 0 4px 0;
	margin: 0;
}

#bodyText .noteMessage p { 
	color: blue;
	font-size : 140%;
	text-align: justify;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 1ex 0;
	margin: 0;
}

#bodyText .noteMessage a { 
	background-color: #EEF093;	/* light yellow - marker pen effect */
	text-decoration: none;
	font-weight: bold;
}

/* override default text colour for notices with a non-white background colour */
#bodyText .CurledNote1 h3, #bodyText .CurledNote1 p, #bodyText .CurledNote1 a, 
#bodyText .YellowNote1 h3, #bodyText .YellowNote1 p, #bodyText .YellowNote1 a,
#bodyText .YellowNote2 h3, #bodyText .YellowNote2 p, #bodyText .YellowNote2 a { 
	color: black;
	font-style: italic;
}

/* override default marker pen colour for notices with a non-white background colour */
#bodyText .YellowNote1 a, #bodyText .YellowNote2 a, #bodyText .CurledNote1 a { 
	background-color: #CAFEB8;	/* light green - marker pen effect */
}

/* add in extra padding and text-align left for CurledNote1 <p> tag */
#bodyText .CurledNote1 p { 
	padding: 0 20px 0 20px;
	text-align: left;
}

#bodyText .noteMessage a:hover { 
	color: red;
	text-decoration: none;
}


/* ##### Round-edged message box ##### */

.messageBox { width: 35em; margin: 0px auto; padding: 1em; }

.messageBox h3 { font-family: verdana,helvetica,freesans,sans-serif; font-weight: bold; font-size : 120%; padding: 0px 10px 0px 20px; text-align: center; text-decoration: none; }

.messageBox .content { padding: 0.1em 2em; }

.messageBox p { font-weight: bold; color: black;}

.messageBox div.top	{ position:relative; width:100%; height:7px; overflow:hidden; background:transparent; }

.messageBox div.main 	{ background-image: none; background-color: #FFFFFF; }

.messageBox div.bot	{ position:relative; width:100%; height:7px; overflow:hidden; background:transparent; }

/* ##### Round-edged message box with blue shadowed border option ##### */

.blueBorder div.l 		{ background:transparent url(./images/ms-l-blue.gif) repeat-y left top; width:100%; }

.blueBorder div.r 		{ background:transparent url(./images/ms-r-blue.gif) repeat-y right top; }	

.blueBorder div.t 	{ background:transparent url(./images/ms-t-blue.gif) repeat-x top left; height:7px; overflow:hidden; margin:0 7px; } 

.blueBorder div.tl 	{ background:transparent url(./images/ms-tl-blue.gif) no-repeat top left; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } 					

.blueBorder div.tr 	{ background:transparent url(./images/ms-tr-blue.gif) no-repeat top right; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; } 					
/*
.blueBorder div.b 	{ background:transparent url(./images/ms-b-blue.gif) repeat-x left -1px; height:7px; overflow:hidden; margin:0 7px; } 
.blueBorder div.bl 	{ background:transparent url(./images/ms-bl-blue.gif) no-repeat left -1px; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } 					
.blueBorder div.br 	{ background:transparent url(./images/ms-br-blue.gif) no-repeat right -1px; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; }
*/
.blueBorder div.b 	{ background:transparent url(./images/ms-b-blue.gif) repeat-x bottom left; height:7px; overflow:hidden; margin:0 7px; } 

.blueBorder div.bl 	{ background:transparent url(./images/ms-bl-blue.gif) no-repeat bottom left; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } 					

.blueBorder div.br 	{ background:transparent url(./images/ms-br-blue.gif) no-repeat bottom right; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; }

.messageBox.blueBorder h3 { color: #008bbd; /* Sky Blue */ }

.blueBorder .message p { color: #008bbd; /* Sky Blue */	font-weight: normal; }

/* ##### Round-edged message box with grey border option ##### */

.greyBorder div.l 		{ background:transparent url(./images/ms-l.gif) repeat-y left top; width:100%; }

.greyBorder div.r 		{ background:transparent url(./images/ms-r.gif) repeat-y right top; }	

.greyBorder div.t 	{ background:transparent url(./images/ms-t.gif) repeat-x top left; height:7px; overflow:hidden; margin:0 7px; } 

.greyBorder div.tl 	{ background:transparent url(./images/ms-tl.gif) no-repeat top left; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } 					

.greyBorder div.tr 	{ background:transparent url(./images/ms-tr.gif) no-repeat top right; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; } 					

.greyBorder div.b 	{ background:transparent url(./images/ms-b.gif) repeat-x left -1px; height:7px; overflow:hidden; margin:0 7px; } 
.greyBorder div.bl 	{ background:transparent url(./images/ms-bl.gif) no-repeat left -1px; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } 					
.greyBorder div.br 	{ background:transparent url(./images/ms-br.gif) no-repeat right -1px; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; }
/*
.greyBorder div.b 	{ background:transparent url(./images/ms-b.gif) repeat-x bottom left; height:7px; overflow:hidden; margin:0 7px; } 
.greyBorder div.bl 	{ background:transparent url(./images/ms-bl.gif) no-repeat bottom left; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } 					
.greyBorder div.br 	{ background:transparent url(./images/ms-br.gif) no-repeat bottom right; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; }
*/
.messageBox.greyBorder h3 { color: black; }

.greyBorder .message p { color: black;	font-weight: normal; }

/* ## Example HTML for above classes ## */
/*
        <div class="messageBox blueBorder">
          <div class="top"><div class="t"></div><div class="tl"></div><div class="tr"></div></div>
          <div class="main">
            <div class="l">
              <div class="r">
                 <div class="content">
                		<h3>STAFFS INTERLEAGUE</h3> 
              		  <div class="message">
                      <p>The new <a href="./fixturesinterleague.shtml" title="Interleague Fixtures">Interleague</a> 
                      	season kicks off this Friday evening with a tasty local derby. Stafford Blaze host Stafford 
                      	Sunday at Rileys at 8.00pm.
                      </p>
                    </div>
                </div>
              </div>
            </div>  
          </div>
          <div class="bot"><div class="b"></div><div class="bl"></div><div class="br"></div></div>
        </div>
*/


/* ##### Round-edged message box with grey shadowed border - suitable for restricted width size only ##### */
/* #####  - added max-width to avoid problem if stretched too much horizontally ##### */

.greyBox {
/*	width: 75%;	*/
	width 35em;
	margin: 0px auto; 
	padding: 1em; 
	max-width: 600px;
}

.greyBox div.content {
	margin: -0.5em 1em -2.5em -2.5em; /* needed to re-centre the text in the box */
}

.greyBox div.topleft {
	display: block;
	background: url("images/box-bg.png") top left no-repeat white;
	padding: 2.0em 0em 0em 2.0em;
}

.greyBox div.topright {
	display: block;
	background: url("images/box-bg.png") top right no-repeat white;
	padding: 2.0em;
	margin: -2.0em 0 0 2.0em;
}

.greyBox div.bottomleft {
	display: block;
	height: 45px;
	margin-top: -2.0em;
	background: url("images/box-bg.png") bottom left no-repeat white;
}

.greyBox div.bottomright {
	display: block;
	background: url("images/box-bg.png") bottom right no-repeat white;
	height: 45px;
	margin-left: 3.0em;
}

.greyBox h3 {
	text-align: center;
}

/* ## Example HTML for above classes ## */
/*
        <div class="greyBox">
          <div class="topleft">
            <div class="topright">
        			<div class="content">
        				<h3>STAFFS SINGLES, DOUBLES AND THREES</h3>
        				<p>
        						The entry deadline for the Staffordshire Singles, Doubles and Threes Knockout competitions is 1st March 2010. 
        						Entry forms are available online at the 
        						<a href="http://www.staffs-pool.co.uk/" title="Staffordshire County Pool Association">SCPA</a> website.
        				</p>
        			</div>
            </div>
          </div>
          <div class="bottomleft">
        	  <div class="bottomright"></div>
          </div>
        </div>
*/


/* ##### Footer ##### */

#footer {
  color: black;
	background-color: rgb(218,218,218);			/* light grey */
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 0.5em 4mm 0.5em 4mm;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}