body {
	font: 12px Georgia, "Times New Roman", Times, serif; /* Resets 1em to 10px */
	background-color: #fff;
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url(../images/back-grad-1px.jpg);
	margin: 0;
	padding: 0;
	text-align: center;
	color: black;
}
.oneColFixCtr #container {
	width: 800px;
	background-color: #fff;
	margin: 50px auto 0px;
	text-align: left;
}
.oneColFixCtr #mainContent {
	background-color: transparent;
	padding: 0;
	border: 0px solid black;
}
.ysbryd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* hide from IE-mac \*/
* html .ysbryd {height: 1%;}
   
/* ==================================
		  Standard Essentials
   ================================== */
a:link { color: #002b65; font-weight: bold; text-decoration: none; }
a:visited { color: #002b65; font-weight: bold; text-decoration: none; }
a:hover { color: #d10021; font-weight: bold; text-decoration: underline; }
a:active { color: #d10021; font-weight: bold; text-decoration: underline; }
.menuSpacer { font-size: 2px; margin: 0; padding: 0; height: 10px; }
.clearBar { clear: both; line-height: 0pt; }


/* ==================================
		Home Button 20-11-08
   ================================== */

#tasterLink {
	clear: both;
	height: 159px;
	width: 159px;
	left: 321px;
	top: 35px;
	overflow: hidden;
	position: relative;
}
#tasterLink span { display: none; }
#tasterLink a:link, #tasterLink a:visited {
	display: block;
	height: 159px;
	line-height: 159px;
	cursor: pointer;
}

/* ==================================
		Header Navigation
   ================================== */
#header {
	padding: 0px;
	clear: both;
	height: 140px;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
}
/* row 1 */
#enjoySwimmingLogo {
	clear: both;
	height: 118px;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	position: relative;
	background-color: #fff;	
}
#enjoySwimmingLogo span { display: none; }
#enjoySwimmingLogo a:link, #enjoySwimmingLogo a:visited {
	display: block;
	height: 118px;
	line-height: 118px;
	cursor: pointer;
}
#enjoySwimmingLogo .swim { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px; 
	background: url(../images/enjoy-swimming-new.jpg) no-repeat left top;
}

/* row 3 */
#homeNav {
	clear: both;
	height: 22px;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	position: relative;
	background-color: #fff;	
}
#homeNav span { display: none; }
#homeNav a:link, #homeNav a:visited {
	display: block;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
}
#homeNav a {
	display: inline;
}
#homeNav a.active {
	background-position: right bottom;
}
#homeNav a:hover {
	background-position: right top;
}
#homeNav .vision { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 61px; 
	background: url(../images/nav/vision.gif) no-repeat left bottom;
}
#homeNav .antenatal { 
	position: relative;
	top: -22px;
	left: 61px;
	width: 138px; 
	background: url(../images/nav/antinatal.gif) no-repeat left bottom;
}
#homeNav .newborn { 
	position: relative;
	top: -44px;
	left: 199px;
	width: 133px; 
	background: url(../images/nav/newborn.gif) no-repeat left bottom;
}
#homeNav .infant { 
	position: relative;
	top: -66px;
	left: 332px;
	width: 114px; 
	background: url(../images/nav/infants.gif) no-repeat left bottom;
}
#homeNav .images { 
	position: relative;
	top: -88px;
	left: 446px;
	width: 58px; 
	background: url(../images/nav/images.gif) no-repeat left bottom;
}
#homeNav .news { 
	position: relative;
	top: -110px;
	left: 504px;
	width: 47px; 
	background: url(../images/nav/news.gif) no-repeat left bottom;
}
#homeNav .faqs { 
	position: relative;
	top: -132px;
	left: 551px;
	width: 42px; 
	background: url(../images/nav/faqs.gif) no-repeat left bottom;
}
#homeNav .links { 
	position: relative;
	top: -154px;
	left: 593px;
	width: 46px; 
	background: url(../images/nav/links.gif) no-repeat left bottom;
}
#homeNav .aboutus { 
	position: relative;
	top: -176px;
	left: 639px;
	width: 72px; 
	background: url(../images/nav/aboutus.gif) no-repeat left bottom;
}
#homeNav .booknow { 
	position: relative;
	top: -198px;
	left: 711px;
	width: 89px; 
	background: url(../images/nav/booknow.gif) no-repeat left bottom;
}
/* ==================================
		Homepage
   ================================== */
#homepage {
	height: 460px;
	width: 800px;
	left: 0px;
	top: 0px;
	position: relative;
	background: url(../images/homepage.jpg) no-repeat left top;
}

/* ==================================
		  Standard Typography
   ================================== */
#page { 
}
#page h1 { font-size: 20px; font-weight: bold; }
#page h2 { font-size: 17px; font-weight: bold; color: #0095d9; }
#page h3 { font-size: 16px; font-weight: normal; color: #002b65; }
#page h4 { font-size: 13px; margin-bottom: 13px; font-weight: bold; font-style: italic; color: #0095d9; }
#page h4.faq { font-size: 13px; margin-bottom: 0px; font-weight: bold; font-style: italic; color: #0095d9; }
#page h4.vision { font-size: 13px; margin-bottom: 0px; font-weight: bold; font-style: italic; color: #0095d9; }
#page h4.term { font-size: 13px; margin-bottom: 0px; font-weight: bold; font-style: italic; color: #002b65; }
#page p { margin-bottom: 18px; }
#page p.large { font-size: 16px; line-height: 21px; margin-bottom: 10px; color: #002b65; }
#page p.narrower { width: 300px; }
#page p.gray { font-size: 12px; line-height: 16px; margin-bottom: 12px; color: #808284; }
#page p.term { font-size: 12px; line-height: 16px; margin-bottom: 5px; color: #808284; }
#page p.largeprices { font-style: italic; font-weight: bold; font-size: 16px; line-height: 17px; margin-bottom: 10px; color: #002b65; }
#page p.link { font-size: 12px; line-height: 16px; margin-bottom: 3px; color: #002b65; word-wrap: break-word; }
#page p.name { font-size: 12px; line-height: 16px; margin-bottom: 3px; color: #002b65; }
#leftNews h2.newstitle { font-size: 19px; font-weight: normal; color: #002b65; margin-bottom: 3px; }
#leftNews p { font-size: 12px; line-height: 16px; margin-bottom: 12px; color: #808284; }
#leftNews p.date { font-size: 12px; margin-bottom: 5px; color: #808284; }
#page h2.archive { font-size: 19px; font-weight: normal; color: #002b65; margin-bottom: 5px; }

/* ==================================
		Book Now Page
   ================================== */
#booknowpage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	min-height: 420px;
}
#leftBook { float: left; width: 329px; margin: 0 10px 0 20px; }
#rightBook { float: right; width: 369px; margin: 0 20px 0 10px; } 

div.bookleftcol {
	background-color: #e1f4fd;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
.leftbooktopbox {
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-bottom: 3px !important;
}
div.bookrightcol {
	background-color: #e1f4fd;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.bookSpacer { height: 20px; }

#leftBook table { width: 100%; border-collapse: collapse; border-spacing: 0px 0px; font-size: 12px; line-height: 16px; color: #808284; }
#leftBook thead { font-style: italic; font-size: 12px; line-height: 16px; color: #002b65; }
#leftBook tr.odd { background-color: #c4e5f5; }
#leftBook td, th { padding: 4px 7px; }

/* ==================================
		Images Page
   ================================== */
#imagespage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	height: 420px;
}
#leftImages { float: left; width: 399px; }
#rightImages { float: right; width: 399px; } 

div.imagesleftcol {
	padding-right: 20px;
	padding-left: 20px
}

/* ==================================
		News Page
   ================================== */
#newspage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
}
#leftNews { float: left; width: 490px; background-color: transparent; padding-right: 28px;	padding-left: 28px; }
#rightNews { float: right; width: 216px; background-color: transparent; margin-right: 20px;	padding-left: 10px; } 

div.newscolumn { }
#newspage div.newscolumn h2 a:link { color: #002b65; font-weight: normal; text-decoration: none; }
#newspage div.newscolumn h2 a:visited { color: #002b65; font-weight: normal; text-decoration: none; }
#newspage div.newscolumn h2 a:hover { color: #002b65; font-weight: normal; text-decoration: underline; }
#newspage div.newscolumn h2 a:active { color: #002b65; font-weight: normal; text-decoration: underline; }

#newspage div.post {
	margin-bottom: 10px;
	border-bottom: 1px dotted #808284;
}
#newspage div.gallery {
	margin-bottom: 30px;
}
#newspage div.postNav { font-size: 14px; }
#newspage div.prevPost { float: left; }
#newspage div.nextPost { float: right; }
#newspage div.postNav a:link { color: #002b65; font-weight: normal; text-decoration: none; }
#newspage div.postNav a:visited { color: #002b65; font-weight: normal; text-decoration: none; }
#newspage div.postNav a:hover { color: #002b65; font-weight: normal; text-decoration: underline; }
#newspage div.postNav a:active { color: #002b65; font-weight: normal; text-decoration: underline; }


div.archivecolumn {
	padding-left: 10px;
	background-color: #e1f4fd;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 200px;
	margin-bottom: 20px;
}

#newspage div.archivecolumn ul {
	color: #716558;
	font-size: 13px;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 5px;
}

#newspage div.archivecolumn li {
	margin-bottom: 12px;
}

#newspage div.archivecolumn a:link { color: #808284; font-weight: normal; text-decoration: underline; }
#newspage div.archivecolumn a:visited { color: #808284; font-weight: normal; text-decoration: underline; }
#newspage div.archivecolumn a:hover { color: #808284; font-weight: normal; text-decoration: none; }
#newspage div.archivecolumn a:active { color: #808284; font-weight: normal; text-decoration: none; }


/* ==================================
		About Us Page
   ================================== */
#aboutpage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
}
#leftAbout { float: left; width: 265px; }
#rightAbout { float: right; width: 485px; background-color: #e1f4fd; margin-right: 20px; margin-left: 20px; padding-top: 15px; margin-bottom: 15px; } 

#leftAboutText { float: left; width: 197px; } 
#rightAboutText { float: right; width: 257px; } 

div.aboutleftcol {
	padding-right: 20px;
	padding-left: 20px
}
div.aboutmidcol {
	padding-right: 20px;
	padding-left: 20px
}
div.aboutrightcol {
	padding-right: 20px;
	padding-left: 20px
}

div.map {
text-align: center;
margin-bottom: 7px;
}

/* ==================================
		Links Page
   ================================== */
#linkspage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
}
#leftLinks { float: left; width: 280px; }
#rightLinks { float: right; width: 515px; } 

#leftLinkText { float: left; width: 257px; } 
#rightLinkText { float: right; width: 247px; } 

div.linkleftcol {
	padding-right: 15px;
	padding-left: 20px
}
div.linkmidcol {
	padding-right: 20px;
	padding-left: 20px
}
div.linkrightcol {
	padding-right: 20px;
	padding-left: 20px
}
#linkspage a:link { color: #002b65; font-weight: bold; text-decoration: none; }
#linkspage a:visited { color: #002b65; font-weight: bold; text-decoration: none; }
#linkspage a:hover { color: #002b65; font-weight: bold; text-decoration: underline; }
#linkspage a:active { color: #002b65; font-weight: bold; text-decoration: underline; }

/* ==================================
		FAQs Page
   ================================== */
#faqpage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	background: url(../images/photos/faq-photo.jpg) no-repeat right top;
}
#leftFaq { float: left; width: 245px;  }
#rightFaq { float: right; width: 550px;  } 

#leftFaqText { float: left; width: 257px; } 
#rightFaqText { float: right; width: 257px; } 

div.faqleftcol {
	padding-right: 10px;
	padding-left: 20px
}
div.faqmidcol {
	padding-right: 20px;
	padding-left: 10px
}
div.faqrightcol {
	padding-right: 20px;
	padding-left: 20px
}
#faqBaseSpace { height: 15px; }

#faqpage a:link { color: #808284; font-weight: bold; text-decoration: none; }
#faqpage a:visited { color: #808284; font-weight: bold; text-decoration: none; }
#faqpage a:hover { color: #808284; font-weight: bold; text-decoration: underline; }
#faqpage a:active { color: #808284; font-weight: bold; text-decoration: underline; }


/* ==================================
		Infant Page
   ================================== */
#infantpage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	background: url(../images/photos/infant-photo.jpg) no-repeat right top;
}
#leftInfant { float: left; width: 285px; }
#rightInfant { float: right; width: 515px; } 

div.infantleftcol {
	padding-right: 30px;
	padding-left: 20px
}
#infantBaseSpace { height: 36px; }


/* ==================================
		Newborn Page
   ================================== */
#newbornpage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	background: url(../images/photos/newborn-photo.jpg) no-repeat right top;
}
#leftNewborn { float: left; width: 285px; }
#rightNewborn { float: right; width: 515px; } 

div.newbornleftcol {
	padding-right: 30px;
	padding-left: 20px
}

/* ==================================
		Antenatal Page
   ================================== */
#antenatalpage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	background: url(../images/photos/antenatal-photo.jpg) no-repeat right top;
}
#leftAntenatal { float: left; width: 285px; }
#rightAntenatal { float: right; width: 515px; } 

div.antleftcol {
	padding-right: 30px;
	padding-left: 20px
}

/* ==================================
		Vision Page
   ================================== */
#visionpage { 
	clear: both;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	position: relative;
	background-color: #fff;
	padding-top: 20px;
	background: url(../images/photos/vision-photo.jpg) no-repeat 260px bottom;
	min-height: 432px;
}
#leftVision { float: left; width: 285px; }
#rightVision { float: right; width: 515px; } 

#leftVisText { float: left; width: 257px; } 
#rightVisText { float: right; width: 257px; } 

div.visleftcol {
	padding-right: 53px;
	padding-left: 20px
}
div.vismidcol {
	padding-right: 20px;
	padding-left: 20px
}
div.visrightcol {
	padding-right: 20px;
	padding-left: 20px
}

/* ==================================
		CTA
   ================================== */
#calltoaction {
	clear: both;
	height: 50px;
	width: 800px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	position: relative;
	background-color: #fff;	
}
#calltoaction span { display: none; }
#calltoaction a:link, #calltoaction a:visited {
	display: block;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}
#calltoaction a {
	display: inline;
}
#calltoaction a.active {
	background-position: right top;
}
#calltoaction a:hover {
	background-position: right top;
}
#calltoaction .bookNow { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 124px; 
	background: url(../images/cta-booknowBut.gif) no-repeat left top;
}
#calltoaction .eMail { 
	position: relative;
	top: -50px;
	left: 124px;
	width: 676px; 
	background: url(../images/cta-emailBut.gif) no-repeat left top;
}
#calltoaction .cta2 { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px; 
	background: url(../images/call-to-action-2.gif) no-repeat left top;
}