/* General page layout styles */
body {
	background-color: #EFD2F1;
	text-align: center;	
}
#container {
	border: 1px solid #FFFFFF;
	width: 750px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	background-color: #F338FF;
}
#containerSub {
	border: 1px solid #FFFFFF;
	width: 750px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	background-image: url(../images/bkg_subpage.gif);
	background-repeat: repeat-y;
	background-position: center;
}
html>body #container {
	width: 748px;
}
html>body #containerSub {
	width: 748px;
}

form {
	margin: 0;
}
.red {
	color: #FF0000;
}

div.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}

table td,table th {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #000;
}

h1 {
	margin: 0;
	padding: 0 0 16px 0;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #F338FF;
}
h2 {
	margin: 0;
	padding: 10px 0 10px 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #000;
}
h3 {
	margin: 0;
	padding: 0 12px 4px 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #F444FF;
}

a {
	color: #0000FF;
}
a:hover {
	text-decoration: none;
}

#header div.intro {
	background-color: #F338FF;
	border-bottom: 1px solid #FFF;
}
#header div.intro p {
	padding: 3px 7px 3px 9px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.6em;
	color: #FFF;
	margin: 0;
}
#header div.menubanner {
	height: 78px;
	background-color: #425A74;
	background-image: url(../images/ymca_bath_banner.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: 1px solid #FFF;
}
#header div.menubanner p {
	text-align: right;
	padding: 10px 16px 0 0;
	margin: 0;
	color: #FFF;
	font: 10px Arial, Verdana, Geneva, sans-serif;
}
#header div.menubanner p a {
	color: #FFF;	
}
#header div.menubanner ul {
	margin: 0;
	list-style: none;
/*	padding: 60px 12px 0 0;			*/
	padding: 36px 12px 0 0;
	float: right;
}
#header div.menubanner ul li {
	margin: 0;
	padding: 0;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.55em;
	color: #FFF;
}
#header div.menubanner ul li a {
	text-decoration: none;
	color: #FFF;
	padding: 0 5px 0 5px;
}
#header div.menubanner ul li a:hover {
	text-decoration: underline;
	color: #FAABFF;
}

/* Sub Page 3 Column layout */
#subColumn1 {
	float: left;
	width: 187px;
	padding-left: 8px;
}
html>body #subColumn1 {
	width: 179px;
}
#subColumn1 p {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	color: #F338FF;
	margin: 0;
	padding: 3px 0 3px 12px;
}
#subColumn1 img.photoLeft {
	margin: 0 5px 5px 12px;
}
#subColumn1 img.photoRight {
	margin: 0 0 5px 5px;
}
#subColumn1 div.menu {
	margin: 0;
	background-color: #425A74;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
#subColumn1 div.menuTop {
	margin: 0 0 9px 0;
	background-color: #425A74;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
#subColumn1 div.menu h1, #subColumn1 div.menuTop h1 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFF;
	margin: 0;
	padding: 10px 0 4px 20px;
}
#subColumn1 div.menu ul, #subColumn1 div.menuTop ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-bottom: 4px;
}
#subColumn1 div.menu ul li, #subColumn1 div.menuTop ul li {
	margin: 0;
	padding: 0;
	height: 100%;
}
#subColumn1 div.menu ul li a, #subColumn1 div.menuTop ul li a {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	color: #FFF;
	margin: 0;
	padding: 3px 6px 3px 20px;
/*	height: 20px;			*/
	height: 100%;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#subColumn1 div.menu ul li a:hover, #subColumn1 div.menuTop ul li a:hover {
	background-color: #8292A3;
}

/* column 2 */
#subColumn2 {
	float: left;
	width: 438px;
}
#subColumn2 img.borderTop {
	border-top: 1px solid #FFF;
}
#subColumn2 h1 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
/*	font-size: 0.7em;		*/
	color: #000;
	margin: 0;
	padding: 12px 10px 0 18px;
}
#subColumn2 p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #000;
	margin: 0;
	padding: 12px 10px 0 18px;
}
#subColumn2 ul {
	list-style: cube;
	margin: 15px 25px 15px 45px;
}
#subColumn2 ul li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #000;
	padding: 6px;
}

#subColumn3 {
	float: left;
	width: 116px;
}
#subColumn3 div#quickInfo {
	height: 208px;
	background-color: #FFF;
	text-align: center;
}
#subColumn3 div#quickInfo p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.55em;
	color: #425A74;
	margin: 0;
	padding-top: 10px;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 1px;
}
#subColumn3 div#pictures {
	text-align: center;
}
#subColumn3 div#pictures p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.55em;
	color: #FFF;
	margin: 0;
	padding: 10px 13px 2px 13px
}
#subColumn3 div#pictures img {
	border: 1px solid #FFF;
}

#footer {
	background-color: #425A74;
	border-top: 1px solid #FFF;
	text-align: center;
	padding: 0 6px 2px 6px;
}
#footer span {
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size: 0.55em;
	color: #FFF;
}
#footer p {
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.55em;
	color: #FFF;
}
#footer p a {
	text-decoration: none;
	color: #FFF;
	padding: 0 5px 0 5px;
}
#footer p a:hover {
	text-decoration: underline;
	color: #FAABFF;
}

#pinkTextTable td {
	color: #EFD2F1;
}
#pinkTextTable a {
	color: #EFD2F1;
}
#pinkTextTable a:hover {
	color: #EFD2F1;
}
#pinkTextTable td.dark {
	color: #6B0072;
}

/* Staff Photo styles */
.staffPhotoHolder {
	padding: 10px 0 10px 19px;
	margin-bottom: 10px;
}
.staffPhotoHolderTight {
	padding: 10px 0 10px 0;
	margin-bottom: 10px;
}
.staffPhoto {
	float: left;
	width: 59px;
	height: 140px;
	text-align: center;
	border-top: 1px solid #425A74;
	border-right: 1px solid #425A74;
	border-bottom: 1px solid #425A74;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size: 0.6em;
	color: #000;
}
.staffPhoto span.bold {
	font-weight: bold;
	font-size: 1.2em;
}
.staffPhoto img {
	border: 1px solid #000;
	margin: 2px 0 2px 0;
}

.nurseryIcon {
	float: left;
	width: 80px;
	margin-right: 14px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
}

/* Attractions advert */
#attractionNav {
	background-color: #425A73;
}
#attractionNav label {
	width: 145px;
	font-family: Arial, Verdana, sans-serif;
	color: #FFF;
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 17px;
}
#attractionNav form select {
	width: 260px;
	background-color: #425A73;
	font-family: Arial, Verdana, sans-serif;
	color: #FFF;
	font-size: 0.6em;
}

#attractionEntry {
	padding: 10px 0 10px 0;
}
#attractionEntry h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #000;
	font-weight: bold;
	padding: 0 0 0 17px;
	margin: 0;
}
#attractionEntry div.ender {
	border-bottom: 4px solid #F338FF;
}
#attractionEntry img.margin {
	margin-right: 12px;
}
#attractionEntry p.address {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.55em;
	padding-top: 0;
	color: #999;
}
#attractionEntry div.web {
	padding: 2px 4px 2px 4px;
	background-color: #EFD6F7;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #000;
	margin: 12px 15px 0 18px;
	border-top: 1px solid #425A73;
	border-bottom: 1px solid #425A73;
}
#attractionEntry div.web a {
	font-family: Verdana, arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.7em;
	color: #929292;
}
#attractionEntry div.web a.padded {
	padding-right: 91px;
}
#attractionEntry div.web a:hover, #attractionEntry div.web a.padded:hover {
	color: #425A73;
}
#attractionEntry div.line {
	padding-bottom: 6px;
	border-bottom: 1px solid #000;
}
#attractionEntry div.driveInfo {
	margin: 0 15px 0 17px;
	background-color: #D3D3D3;
	padding: 2px 4px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #606060;
	margin-top: 10px;
}

.eventsAdvert div.infobar {
	height: 20px;
	background-color: #EFD2F1;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-family: Verdana, arial, sans-serif;
	font-size: 0.55em;
	color: #000;
	font-weight: bold;
	padding: 3px 4px 0 4px;
	margin: 0 12px 0 12px;
}
html>body .eventsAdvert div.infobar {
	height: 17px;
}
.eventsAdvert div.infobar a {
	float: right;
	text-decoration: none;
	color: #000;
}
.eventsAdvert div.infobar a:hover {
	color: #999;
}
.eventsAdvert img.left {
	float: left;
	margin: 0 6px 6px 0;
}
.eventsAdvert img.right {
	float: right;
	margin: 0 0 6px 6px;
}
.eventsAdvert div.alignLeft {
	text-align: left;
}
.eventsAdvert div.alignLeft {
	text-align: right;
}
.eventsAdvert div.clearLine {
	clear: both;
	border-bottom: 1px dashed #000;
	margin-bottom: 12px;
}

.backTopBar {
	clear: both;
	background-color: #F3D6F5;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	margin: 12px 14px 0 16px;
}
.backTopBar a {
	font-family: Arial, Verdana, sans-serif;
	color: #999;
	font-size: 0.7em;
	text-decoration: none;
}
.backTopBar a:hover {
	color: #F338FF;
}
.restaurantAdvert {
	clear: both;
	height: 60px;
	border-bottom: 1px solid #000;
	padding: 4px 0 4px 0;
	margin: 10px 16px 0 16px;
}
html>body .restaurantAdvert {
	height: 52px;
}
.restaurantAdvert div.left {
	float: left;
	width: 160px;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 0.7em;
	font-weight: bold;
}
.restaurantAdvert div.left span.address {
	font-size: 0.8em;
	color: #999;
}
.restaurantAdvert div.centre {
	float: left;
	width: 110px;
	text-align: center;
}
.restaurantAdvert div.centre img {
	margin-right: 1px;
	margin-left: 1px;
}
.restaurantAdvert div.right {
	float: left;
	width: 110px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 0.7em;
	font-weight: bold;
}
.restaurantAdvert div.right span.normal {
	font-weight: normal;
}

.nightClubAdvert {
	border-bottom: 1px solid #000;
}
.nightClubAdvert h3 {
	padding: 6px 0 0 14px;
	color: #000;
}
.nightClubAdvert span.address {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.55em;
	color: #999;
}
.nightClubAdvert div.pinkBkg {
	background-color: #EFD7F9;
	margin: 0 12px 0 12px;
	padding-bottom: 12px;
}
.nightClubAdvert div.footNote {
	clear: both;
	border-bottom: 1px solid #000;
}
.nightClubAdvert div.Hours {
	float:left;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 0.7em;
	padding-left: 12px;
	font-weight: bold;
}
.nightClubAdvert div.Dress {
	float:right;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 12px;
}
.nightClubAdvert div.Dress span.normal {
	font-weight: normal;
}

.pubAdvert {
	border-bottom: 1px solid #000;
	clear: both;
	height: 40px;
}
.pubAdvert div.address {
	float: left;
	width: 170px;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 14px;
	padding-top: 4px;
}
.pubAdvert div.tel {
	float: right;
	width: 120px;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 0.7em;
	padding-top: 4px;
	color: #525252;
}

.formline {
	clear: both;
	height: 25px;
}
#contact form label {
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 0.7em;
	float: left;
	width: 120px;
	padding-left: 16px;
}
#contact input, #contact select, #contact textarea {
	float: left;
	width: 250px;
	border: 1px inset #FFF;
	font-family: Arial, Verdana, sans-serif;
	color: #FFF;
	font-size: 0.7em;
	background-color: #5D85B0;
}
#contact select.date, #contact input.date {
	width: 70px;
	margin-right: 6px;
}
#contact textarea {
	margin-bottom: 4px;
}
#contact input.button {
	background-color: #425A74;
	font-weight: bold;
	color: #FFF;
	margin-top: 4px;
}

.linkEntry {
	border-bottom: 1px solid #EB9AF0;
	padding: 6px 0 6px 0;
	height: 100%;
}
.linkEntry a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.linkEntry a:hover {
	color: #F338FF;
}
.linkEntry img {
	float: left;
	margin: 0 10px 0 0;
}
#messageBoard {
	margin: 0 14px 12px 16px;
}
#messageBoard h2 {
	font-family: Verdana, Arial, sans-serif;
	color: #F338FF;
	font-size: 0.6em;
	font-weight: bold;
	border-bottom: 1px solid #F338FF;
	margin-top: 6px;
	padding-bottom: 3px;
	padding-left: 0;
}
#messageBoard a {
	font-family: Verdana, Arial, sans-serif;
	color: #F338FF;
	font-size: 0.6em;
	background-color: #FCCBFF;
	border-bottom: 1px solid #F338FF;
	padding: 1px 4px;
	text-decoration: none;
}
#messageBoard a:hover {
	background-color: #ED98F3;
}
#messageBoard span.pager {
	color: #999;
	font-size: 0.6em;
}
ul#sitemap {
	list-style: square;
	padding-right: 36px;
}
ul#sitemap li {
	font-family: Verdana, Arial, sans-serif;
	color: #999;
	font-size: 0.6em;
	line-height: 1.6em;
}
ul#sitemap li a {
	font-weight: bold;
	color: #F338FF;
	text-decoration: none;
}
ul#sitemap li a:hover {
	background-color: #FDD9FF;
	border-bottom: 1px solid #E98AEF;
}
