/* Global */

body {background:url(/i/TopBar.jpg) repeat-x;}
body, textarea { font-family:Arial, Verdana, Georgia; font-size:11px; }
h1, h2 { font-size:18px; font-weight:bold; color:#204555; text-transform:none; margin-bottom:10px;}
h2 { font-size:14px;}
h3 { font-size:12px;}
p { margin-bottom:10px;}
a {color:#333333; text-decoration:none;}
a:hover {text-decoration:underline;}
strong { font-weight:bold; }

iframe { margin:10px; margin-top:0; width:704px; height:800px; border:1px solid #CCCCCC; }


/* Template */

#Header{width:960px; margin:auto; height:139px;}
#Header .Logo{float:left; width:230px; height:139px; background:url(/i/Logo.jpg);}
#Header .Banner{float:left; width:730px; text-align:center; padding-top:10px;}

#MainColumns{width:960px; margin:auto;}
#MainColumnsLeft{float:left; width:230px;}
#MainColumnsRight{float:left; width:730px;}

#LogoBottom{height:28px; background:url(/i/LogoBottom.jpg);}
#LocalCentre{height:82px; background:url(/i/LocalCentreBack.jpg); font-size:1.1em; color:White;}
#LocalCentre a{color:White;}
#LocalCentre .Inner{width:195px; margin-left:16px; padding-top:10px;}
#LocalCentre .Centre{font-weight:bold; margin-bottom:4px;}
#LocalCentre .TickBox{float:right; width:19px; height:18px; margin-left:8px; background:url(/i/TickBox.gif) 0px -19px;}

#TopMenu{margin-bottom:8px;}
#TopMenu .Home{float:left;width:143px;}
#TopMenu .Home a{display:block; position:relative; height:42px; background:url(/i/TopMenuHome.gif) 0px 0px;}
#TopMenu .Home a:hover{background-position:0px -42px;}
#TopMenu .CentreFinder{float:left;width:200px;}
#TopMenu .CentreFinder a{display:block; position:relative; height:42px; background:url(/i/TopMenuCentreFinder.gif) 0px 0px;}
#TopMenu .CentreFinder a:hover{background-position:0px -42px;}
#TopMenu .AboutUs{float:left;width:168px;}
#TopMenu .AboutUs a{display:block; position:relative; height:42px; background:url(/i/TopMenuAboutUs.gif) 0px 0px;}
#TopMenu .AboutUs a:hover{background-position:0px -42px;}
#TopMenu .CareersAndJobs{float:left;width:214px;}
#TopMenu .CareersAndJobs a{display:block; position:relative; height:42px; background:url(/i/TopMenuCareersAndJobs.gif) 0px 0px;}
#TopMenu .CareersAndJobs a:hover{background-position:0px -42px;}

#Badges{margin:auto; margin-top:10px; width:200px; background:url(/i/Badges.gif) 0px 0px;}
#Badges A{ display:block; width:200px; height:60px;}

#Footer{height:57px; margin-top:20px; clear:both; width:100%; text-align:center; background:url(/i/FooterBack.jpg);}
#Footer .Inner{color:White; font-size:1.1em; padding-top:20px;}
#Footer .Inner a{color:White; text-decoration:none;}
#Footer .Inner a:hover{text-decoration:underline;}
#Footer .Inner img{ margin-right:20px; position:relative; top:-6px;}


/* Left Menu */

#MainMenu {margin-bottom:20px;}
#MainMenu li a{display:block; position:relative; height:40px; background:0px 0px;}
#MainMenu li a:hover{background-position:0px -40px;}

#MainMenu .BookOnline a{background-image:url(/i/Menu/BookOnline.gif);}
#MainMenu .MembershipOnline a{background-image:url(/i/Menu/OnlineMembership.gif);}
#MainMenu .HealthAndFitness a{background-image:url(/i/Menu/HealthAndFitness.gif);}
#MainMenu .SwimmingLessons a{background-image:url(/i/Menu/SwimmingLessons.gif);}
#MainMenu .Swimming a{background-image:url(/i/Menu/Swimming.gif);}
#MainMenu .ChildrensActivities a{background-image:url(/i/Menu/ChildrensActivities.gif);}
#MainMenu .ChildrensParties a{background-image:url(/i/Menu/ChildrensParties.gif);}
#MainMenu .Events a{background-image:url(/i/Menu/Events.gif);}
#MainMenu .CentreHome a{background-image:url(/i/Menu/CentreHome.gif);}
#MainMenu .OpeningTimes a{background-image:url(/i/Menu/OpeningTimes.gif);}
#MainMenu .Activities a{background-image:url(/i/Menu/Activities.gif);}
#MainMenu .SpecialEvents a{background-image:url(/i/Menu/SpecialEvents.gif);}
#MainMenu .ContactUs a{background-image:url(/i/Menu/Contact.gif);}
#MainMenu .NewsArchive a{background-image:url(/i/Menu/NewsArchive.gif);}
#MainMenu .VirtualTour a{background-image:url(/i/Menu/VirtualTour.gif);}
#MainMenu .JoinNow a{background-image:url(/i/Menu/JoinNow.gif);}
#MainMenu .ParkwoodHealth a{background-image:url(/i/Menu/ParkwoodHealth.gif);}
#MainMenu .CreatingLeisure a{background-image:url(/i/Menu/CreatingLeisure.gif);}


/* Common (used on many pages) */

#Trail { margin:0 0 10px 10px; color:#7D7D7D; }
#Trail img { margin:4px 4px 0 4px; }
#Trail a { color:#7D7D7D; text-transform:capitalize; }

.Clear{clear:both; font-size:0; height:0; margin:0; padding:0; line-height:0;}
.Errors { color:Red; font-weight:bold; }

.Paging { width:420px; margin:auto; margin-top:20px; }
.Paging .Previous { width:100px; float:left; padding-right:10px; border-right:1px solid #CCCCCC; text-align:right; }
.Paging .Title { width:170px; float:left; padding-right:10px; padding-left:10px; text-align:center; }
.Paging .Next { width:100px; float:left; padding-left:10px; border-left:1px solid #CCCCCC; }

.Line { height:1px; border-bottom:1px solid #E7E7E7; margin:10px; }

.TwoColumn{width:715px; margin:5px; margin-bottom:0;}
.TwoColumnLeft{float:left; width:470px; margin-right:5px;}
.TwoColumnRight{float:right; width:240px;}

.MainBox{width:718px; margin-bottom:7px; margin-left:3px;}
.MainBox ul li { display:block; padding-left:15px; margin-bottom:5px; background:url(/i/dot.gif) no-repeat 0 4px; }
.MainBoxTop{height:12px; font-size:1px; background:url(/i/MainBoxTop.gif); position:relative;}
.MainBoxMid{background:url(/i/MainBoxMid.gif) repeat-y;}
.MainBoxContent{background:url(/i/MainBoxBottom.gif) center bottom no-repeat;}
.MainBoxContent .Inner{padding:8px 20px 20px 20px; position:relative;}

.LeftBox{margin-bottom:20px;}
.LeftBoxTop{width:226px; height:14px; background:url(/i/LeftBoxTop.gif); position:relative;}
.LeftBoxMid{background:url(/i/LeftBoxMid.gif) repeat-y;}
.LeftBoxContent{background:url(/i/LeftBoxBottom.gif) left bottom no-repeat;}
.LeftBoxContent .Inner{padding:0; position:relative;}

.CenterBox{width:470px; margin-bottom:7px;}
.CenterBox ul li { display:block; padding-left:15px; margin-bottom:5px; background:url(/i/dot.gif) no-repeat 0 4px; }
.CenterBoxTop{height:14px; background:url(/i/CenterBoxTop.gif); position:relative;}
.CenterBoxMid{background:url(/i/CenterBoxMid.gif) repeat-y;}
.CenterBoxContent{background:url(/i/CenterBoxBottom.gif) center bottom no-repeat;}
.CenterBoxContent .Inner{padding:0 15px 20px 20px; position:relative;}


.RightBox{margin-bottom:7px; position:relative;}
.RightBoxTop{width:240px; height:14px; background:url(/i/RightBoxTop.gif); position:relative;}
.RightBoxMid{background:url(/i/RightBoxMid.gif) repeat-y;}
.RightBoxContent{background:url(/i/RightBoxBottom.gif) center bottom no-repeat;}
.RightBoxContent .Inner{padding:0 15px 20px 20px; position:relative;}

.CenterContent { margin:5px; }

.Form {}
.Form p { margin-bottom:5px; }
.Form h3 { font-weight:bold; margin-bottom:10px; }
.Form input, .Form textarea { width:305px; margin-bottom:10px; padding:2px; border:1px solid #CCCCCC; font-size:11px; }
.Form textarea { width:670px;}
.Form select { width:310px; margin-bottom:10px; font-size:11px; }
.Form .Column { width:310px; float:left; margin-right:20px; margin-bottom:10px; }
.Form .Column span { display:block; width:100px; float:left; margin-top:4px;}
.Form .Column input, .Form .Column textarea, .Form .Column select { width:200px; margin-bottom:5px; }
.Form .Checks { width:200px; margin-bottom:10px; }
.Form .Checks input { width:20px; margin:0; margin-bottom:5px; padding:0; border:0; vertical-align:middle; }
.Form .Checks label { vertical-align:middle; margin-left:5px;}
.Form .Checks .Txt { width:200px; padding:2px; border:1px solid #CCCCCC;}
.Form .Grid { width:100%; margin-bottom:20px; }
.Form .Grid td { padding:2px; border-bottom:1px solid #E7E7E7; }
.Form .Grid thead td { font-weight:bold; }
.Form .Terms { margin-bottom:10px;}
.Form .Terms input { display:block; width:20px; height: 20px; float:left; margin:0; margin-right:10px; padding:0; border:0; vertical-align:middle;}
.Form .Submit { margin-top:20px; }
.Form .Submit a{ display:block; position:relative; width:230px; height:40px; background:url(/i/btn-submit.gif) no-repeat 0px 0px; }
.Form .Submit a:hover{ background-position:0px -40px; }