body {margin: 0px auto; padding: 0px;background: url(http://www.westbaycharters.co.uk/images/background.jpg) center top repeat;}
p {margin: 0px auto; padding: 0px; font: 14px arial; color: #000;}
br li ul ol  {margin: 0px auto; padding: 0px;}
h1 {margin: 0px auto; padding: 0px 0px 10px 0px; font: 18px arial;}
h2 {margin: 0px auto; padding: 0px; font:bold 22px Trebuchet MS;}
h3 {margin: 0px auto; padding: 0px; font:bold 22px Trebuchet MS;}
h4 {margin: 0px auto; padding: 0px; font: 18px arial;}
h5 {margin: 0px auto; padding: 0px; font: 18px arial;}
h6 {margin: 0px auto; padding: 0px; font: 18px arial;}
#container {margin: 0px auto; padding: 0px;background-color: #fff;overflow:hidden; width: 1054px; background: url(http://www.westbaycharters.co.uk/images/shadow.gif) center top repeat-y;} 
#wrapper {margin: 0px auto; padding: 0px 0px 20px 0px; width: 1024px; background-color: #fff;overflow:hidden; }
#header {margin: 0px auto; padding: 0px; background: url(http://www.westbaycharters.co.uk/images/header.jpg) center top no-repeat; width: 1024px; height: 220px;}
#header p {font:bold italic 10px Trebuchet MS; color:#fff; margin: 0px auto; padding: 0px 0px 0px 278px;}
#header a {font:bold italic 10px Trebuchet MS; color:#fff; text-decoration:none; margin: 0px auto; padding: 0px;}
#header a:hover {font:bold italic 10px Trebuchet MS; color:#F8CA05;text-decoration:none; margin: 0px auto; padding: 0px;}
#pageLeft {margin: 0px auto; padding: 0px 20px 0px 0px; width: 130px; float: left; }
#sub {margin: 0px auto 0px auto; padding: 0px 0px 0px 4px; float: left; width: 146px;}

#menu {margin: 0px auto; padding: 0px; width: 150px;float: left;}
#menu ul {display: inline;margin: 0px auto; padding: 0px;}
#menu li {float: left;list-style-type: none;margin: 1px auto 0px auto; padding: 0px; width: 150px;}
#menu li a {margin: 0px auto; padding: 8px 0px 0px 12px; font: 16px arial; color:#fff; background-color: #23289D; display: block; height: 26px; text-decoration: none;}
#menu li a:hover {margin: 0px auto; padding: 8px 0px 0px 12px; font: 16px arial; color:#000; background-color: #D8D8D8; display: block; height: 26px; text-decoration: none;}
#pageRight {margin: 0px auto; padding: 0px 20px 0px 20px; width: 832px; float: right;}
#mainLeft {margin: 0px auto; padding: 20px 0px 0px 0px; width: 582px; overflow: hidden; float: left;}
#mainLeft p {margin: 0px auto; padding: 0px 20px 10px 0px; text-align: justify;}
#mainRight {float: right; margin: 0px auto; padding: 20px 0px 0px 0px; width: 250px; overflow: hidden;}
#mainRight p {margin: 0px auto; padding: 20px 0px 0px 0px; width: 250px; overflow: hidden; text-align: center;}

#fbook {margin:0px auto; padding: 20px 0px 0px 3px; height: 44px; width: 144px; clear:both;}

/*calendar page*/
#pageRightdiary {margin: 0px auto; padding: 0px; width: 872px; float: right;}
#DiaryRight {margin: 0px auto; padding: 0px 20px 0px 20px; width: 687px; float: right;}
#calNav {margin: 70px 0px 0px 1px; padding: 0px; width: 144px;float: left;}
#calNav ul {display:inline; margin:0px auto; padding: 0px;}
#calNav li { margin: 1px 0px 0px 0px; padding: 0px;list-style-type: none; width: 124px;float: left;}
#calNav li a { font: 12px arial; color:#FFF;display:block;margin: 0px auto;background-color: #23289D;padding: 0px 0px 0px 20px;width: 104px;text-decoration: none;height: 16.5px;}
#calNav li a:hover  { font: 12px arial; color:#000; display:block; margin: 0px auto;background-color: #D8D8D8;padding: 0px 0px 0px 20px;width: 104px;text-decoration: none;height: 16.5px;}
.CalendarDays {margin: 0px auto; padding: 0px; width: 665px; height: 23px; border-top: 1px solid #000;}
.CalendarContainer {margin: 0px auto; padding: 0px; width: 665px; height: 105px;}
.CalendarContainer p {font:bold  12px arial; color: #000066;}
.CCleft {margin: 0px auto; padding: 0px; width: 380px; float: left;}
.CCright {margin: 0px auto; padding: 0px ; width: 285px; float: right;}
.DayContainerLeft {margin: 0px auto; padding: 0px; width: 190px; float: left;}
.DayContainerRight {margin: 0px auto; padding: 0px; width: 190px; float: right;}
.DayLeft { height: 120px;margin: 0px auto; padding: 0px; width: 94px; float: left; border-left: 1px solid #000; border-bottom: 1px solid #000;}
.DayRight { height: 120px;margin: 0px auto; padding: 0px; width: 94px; float: left; border-left: 1px solid #000; border-bottom: 1px solid #000;}
.SatLeft { height: 120px;margin: 0px auto; padding: 0px; width: 94px; float: left; background-color: #dadada; border-left: 1px solid #000; border-bottom: 1px solid #000;}
.SunRight { height: 120px;margin: 0px auto; padding: 0px; width: 93px; float: left; background-color: #dadada; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000;}
.DayLeft p {margin: 0px auto; padding: 0px 3px 0px 3px;}
.DayRight p { margin: 0px auto; padding: 0px 3px 0px 3px;}
.SatLeft p {margin: 0px auto; padding: 0px 3px 0px 3px;}
.SunRight p { margin: 0px auto; padding: 0px 3px 0px 3px;}
.MondayLeftT { background-color: #000;height: 22px;margin: 0px auto; padding: 0px; width: 94px; float: left; border-left: 1px solid #000; border-bottom: 1px solid #000;}
.DayLeftT { background-color: #000;height: 22px;margin: 0px auto; padding: 0px; width: 94px; float: left; border-left: 1px solid #FFF; border-bottom: 1px solid #000;}
.DayRightT {background-color: #000; height: 22px;margin: 0px auto; padding: 0px; width: 94px; float: left; border-left: 1px solid #FFF; border-bottom: 1px solid #000;}
.SatLeftT { background-color: #000;height: 22px;margin: 0px auto; padding: 0px; width: 94px; float: left;  border-left: 1px solid #FFF; border-bottom: 1px solid #000;}
.SunRightT {background-color: #000; height: 22px;margin: 0px auto; padding: 0px; width: 93px; float: left;  border-left: 1px solid #FFF; border-bottom: 1px solid #000; border-right: 1px solid #000;}
.MondayLeftT p {font-weight:bold;color: #FFF;margin: 0px auto; padding: 3px 0px 0px 0px; text-align:center;}
.DayLeftT p {font-weight:bold;color: #FFF;margin: 0px auto; padding: 3px 0px 0px 0px; text-align:center;}
.DayRightT p {font-weight:bold;color: #FFF;margin: 0px auto; padding: 3px 0px 0px 0px; text-align:center;}
.SatLeftT p {font-weight:bold;color: #FFF;margin: 0px auto; padding: 3px 0px 0px 0px; text-align:center;}
.SunRightT p {font-weight:bold;color: #FFF;margin: 0px auto; padding: 3px 0px 0px 0px; text-align:center;}
/*Gallery Page*/
.GalleryContainer {margin: 0px 20px 10px 20px; padding: 0px 0px 10px 0px; width: 816px; float: right;}
.GalleryContainer p {text-align:center;color:#000066}
.GalleryLeft {float: left; margin:0px auto; padding: 0px; width: 401px;}
.GalleryRight {float: right; margin:0px auto; padding: 0px; width: 401px;}
.imagesLeft {float: left; margin:4px; padding:0px; width: 194px; height:204px;background-color: #E6E6E6; }
.imagesRight {float: right; margin:0px auto; padding: 0px; width: 194px;background-color: #E6E6E6; }

/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.westbaydiving.co.uk/images/Gallery/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.westbaydiving.co.uk/images/Gallery/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*fishing page*/
.fishingLeft {margin: 0px auto; padding: 0px 0px 10px 0px; width: 250px; height: 188px; float: left;}
.fishingRight {marging: 0px auto; padding: 0px 0px 10px 20px; float: right; width: 562px; height: 188px;}
.fishingLLeft {margin: 0px auto; padding: 0px 0px 10px 0px; width: 562px; height: 188px; float: left;}
.fishingRRight {marging: 0px auto; padding: 0px 0px 10px 20px; float: right; width: 250px; height: 188px;}
.specialLLeft {margin: 0px auto; padding: 0px 10px 10px 0px; width: 532px; height: 188px; float: left;}
.specialRRight {marging: 0px auto; padding: 0px 20px 10px 20px; float: right; width: 250px; height: 188px;}
.WheretoStayCont {margin: 0px auto; padding: 0px; width: 816px;}
.RightContainer {margin: 0px 20px 10px 20px; padding: 0px 0px 10px 0px; width: 816px; float: right; border-bottom: 1px solid #99B3CC;}
.StayContainerLeft {margin: 0px auto; float: left; padding: 0px 10px 0px 0px; width:398px; }
.StayContainerRight {margin: 0px auto; float: right; padding: 0px 0px 0px 10px; width:398px; }
.StayLeft {margin: 0px auto; float: left; padding: 0px 10px 0px 0px; width: 218px;}
.StayLeft a {margin: 0px auto; padding: 0px; font: bold 16px arial;color:#6D92B6; text-decoration: underline;} 
.StayRight {margin: 0px auto; float: right; padding: 0px; width: 150px;}

/*sitemap*/
.siteList ul {margin: 0px auto; padding: 0px;}
.siteList li {margin: 7px 0px 0px 50px; padding: 0px; font: 14px verdana; list-style:circle;}
.siteList li a {margin: 0px auto; padding: 0px; font: 14px verdana;color: #000;}
.siteList li a:hover {margin: 0px auto; padding: 0px; font: 14px verdana;color: #0000FF;}
.listwrapper {margin:4px 0px 4px 100px; padding: 0px; width: 496px;overflow:hidden;}
.listLeft {margin: 0px auto; padding: 0px;float: left;width: 165px;}
.listRight {margin: 0px auto; padding: 0px;float: right;width: 165px;}
.listCenter {margin: 0px auto; padding: 0px;width: 165px;}
.siteListSub ul {margin: 0px auto; padding: 0px;width: 165px;}
.siteListSub li {list-style:none;margin: 6px 0px 0px 0px; padding: 0px; font: 12px verdana;}
.siteListSub li a {margin: 0px auto; padding: 0px; font: 12px verdana;color: #0000FF;}
.siteListSub li a:hover {margin: 0px auto; padding: 0px; font: 12px verdana;color: #000;}
#middlePage {margin: 0px auto; padding: 0px 10px 0px 10px; width: 616px;}
/*contact form*/
#middlePageC {margin: 0px auto; padding: 0px 20px 0px 20px; width: 616px; overflow:hidden;}
.single {display: block;width: 200px;float: left;margin-bottom: 16px;}
label {text-align: right;width: 200px;padding-right: 20px;}
br {clear: left}
.textarea {display: block;width: 200px;float: left;margin-bottom: 8px;}
.RadioButton {border:0px;width: 30px;display: block;display: inline;}
#form {font:bold 14px arial; color: #000066; margin: 0px auto;padding: 0px; width: 500px;line-height:1.4em;}
fieldset { margin: 10px auto; padding: 10px 0px 20px 0px;background-color: #D8D8D8;}
.request {width: 200px;margin: 0px auto; padding: 0px;}
.processing {width: 130px;margin: 0px auto; padding: 0px;}
#footer {margin: 0px auto; padding: 0px; background-color: #23289D; width: 1024px; height: 40px; clear: both;}
#footer p {margin: 0px auto; padding: 12px 0px 0px 0px; font: 14px arial; color: #FFF; text-align: center;}
#footer a {text-decoration: none; margin: 0px auto; font:bold 14px arial; color: #FDCD00;}
#footer a:hover {text-decoration: underline; margin: 0px auto; padding: 0px; font: bold 14px arial; color: #FFF;}