body {font: 12px arial; color:#312D1E;margin: 0px auto; padding: 0px; background-color: #2F4C5E; background: url(http://www.westbaydiving.co.uk/images/bg.jpg) top repeat-x; background-attachment:fixed;}
p {margin: 0px auto; padding: 0px 0px 6px 0px; font: 14px arial; color: #231D1E;}
h1 {margin: 0px auto; padding: 0px 0px 10px 0px; font:bold 16px arial; color: #312D1E; text-align:left;}
h2 {margin: 0px auto; padding: 0px 0px 10px 0px; font:bold 16px arial; color: #312D1E;}
h3 {margin: 0px auto; padding: 0px 0px 10px 0px; font:bold 16px arial; color: #312D1E;}
h4 {margin: 0px auto; padding: 0px 0px 10px 0px; font:bold 16px arial; color: #312D1E;}
h5 {margin: 0px auto; padding: 0px 0px 10px 0px; font:bold 16px arial; color: #312D1E;}
h6 {margin: 0px auto; padding: 0px; font: 16px arial; color: #312D1E;}
ul {margin: 0px auto; padding: 0px;}
li {margin: 0px auto; padding: 0px;}
br {margin: 0px auto; padding: 0px;}
p.info {font:bold 10px arial; color: #000066; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: left;}
p.info {font:bold 10px arial; color: #000066; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: left;}

/*Header*/
#header {margin: 0px auto; padding: 0px; background: url(http://www.westbaydiving.co.uk/images/header.jpg) center no-repeat; height: 228px; width: 1024px;}
#headerLeft {display:inline;margin: 30px auto 0px 50px ; padding: 0px; float: left; width: 337px; height: 157px;}
/*main*/
#container {width:1024px; margin: 0px auto; padding: 0px; background-color: #FFF;}
#breadcrumbs { height: 20px; padding:0px; margin: -70px auto 0px auto; text-align: left; float: left;}
.breadcrumb {display:inline;margin: 0px auto 0px 10px; padding: 0px;font: 12px arial; color:#312D1E;float: left;}
.breadcrumb a{margin: 0px auto; padding: 0px; font: 12px arial; color:#312D1E;text-decoration: underline;}
.breadcrumb a:hover{margin: 0px auto; padding: 0px; font: 12px arial; color:#0000FF;text-decoration: none;}
#main {margin: 0px auto; padding: 0px; width: 1024px;}
/*page left*/
#pageLeft {margin: 0px auto; padding: 0px 0px 0px 14px; float: left; width: 154px; }
#navigation {margin: -48px auto 0px auto; padding: 0px; float: left; width: 154px;}
#navigation ul { width: 154px;margin: 0px auto; padding: 0px; float: left;}
#navigation li {display:inline; margin: 1px 0px 0px 0px; padding: 0px;list-style-type: none;text-align: left; width: 154px;float: left; font: 16px arial; color: #000;height: 32px;}
#navigation li a {padding: 6px 0px 0px 20px;width: 134px;display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/arrow.jpg) no-repeat left center;text-align: left;text-decoration: none;height: 26px;}
#navigation li a:hover {padding: 6px 0px 0px 20px;width: 134px;display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/arrowdn.jpg) no-repeat left center;text-align: left;text-decoration: none;height: 26px;}
body#home a#homenav, body#divesites a#divesitesnav, body#divecal a#divecalnav, body#divetrain a#divetrainnav, body#divegal a#divegalnav, 
body#diverec a#diverecnav, body#divestay a#divestaynav, body#diveeat a#diveeatnav, body#divebook a#divebooknav, body#divety a#divetynav, 
body#divecu a#divecunav, body#divenews a#divenewsnav, body#divebay a#divebaynav {padding: 6px 0px 0px 20px;width: 134px;display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/arrowup.jpg) no-repeat left center;text-align: left;text-decoration: none;height: 26px;}
#sub {margin: 0px auto 0px auto; padding: 0px 14px 0px 0px; float: left; width: 154px;}

li.sitesnav a {padding: 6px 0px 0px 20px;width: 134px;display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/arrowup.jpg) no-repeat left center;text-align: left;text-decoration: none;height: 26px;}
li.sitenav a:hover {padding: 6px 0px 0px 20px;width: 134px;display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/arrowup.jpg) no-repeat left center;text-align: left;text-decoration: none;height: 26px;}
/*page right*/
#PageRight {margin: 0px 10px 0px 10px; padding: 0px; float: right; width: 180px;}

/*middle page*/
#middlePage {margin: 0px auto; padding: 0px 10px 0px 10px; width: 616px;}
/*dive sites page*/
#divenav ul { width: 168px; margin:0px auto; padding: 0px; float: left;}
#divenav li { margin: 1px 0px 0px 0px; padding: 0px;list-style-type: none;text-align: left; width: 134px;float: left; font: 12px arial; color: #000;height: 15.5px;}
li.bomb a {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/bombdn.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
li.bomb a:hover  {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/bomb.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
li.ship a {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/shipdn.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
li.ship a:hover  {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/ship.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
li.reef a {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/fishdn.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
li.reef a:hover  {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/fish.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
li.sub a {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/subdn.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
li.sub a:hover  {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/sub.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 114px;text-align: left;text-decoration: none;height: 15.5px;}
#sitesRight {margin: 0px auto; padding: 0px; width: 856px; float: right;}
#mapLeft {display:inline;margin: -15px 0px 0px 1px; padding: 0px 10px 0px 0px; width: 144px;float: left;}
#mapRight {margin: 0px auto; padding: 0px 20px 0px 0px; width: 681px;float: right; text-align:center;}
#mapRight p {text-align:left;}
#tennantsLeft {float:left; margin: 0px auto; padding: 10px 20px 0px 0px; width:376px; }
#tennantsRight {float:right; margin: 0px auto; padding: 10px 0px 0px 0px; width: 285px;}
/*Training Page*/
#trainingLeft {float:left; width: 278px; padding: 0px 10px 0px 10px; margin:0px auto;}
#trainingLeft ul { width: 278px; margin:0px auto; padding: 0px;}
#trainingLeft li {margin: 0px auto 0px 20px; padding:0px 0px 10px 0px; list-style-type: circle; font:16px arial;}
#trainingRight {float:right; width: 240px; padding: 0px 10px 0px 10px; margin:0px auto;}
#trainingRight ul { width: 240px; margin:0px auto; padding: 0px; float: right;}
#trainingRight li {margin: 0px auto; padding: 0px; list-style-type: disc;}
#Training {margin: 0px auto; padding: 0px; width: 616px; height:240px;}
/*receipe pages*/
#recipeContainer {margin: 0px 10px 20px 10px; padding: 0px; width: 836px; float: right; overflow:hidden;}
#receipeRight {margin: 0px auto; padding: 0px 10px 0px 0px; width: 424px;float:right;}
#receipeLeft {margin: 0px auto; padding: 0px 0px 0px 10px; width: 382px;float:left;}
#rec ul {margin: 0px auto; padding: 0px;}
#rec li {list-style-type:none;}
li.receipe a {list-style: none; display:block;text-decoration: none;margin: 0px auto; padding: 6px 0px 0px 34px; height: 27px; background: url(http://www.westbaydiving.co.uk/images/plate.jpg) no-repeat left center; font: bold 18px arial; color: #000; }
li.receipe a:hover {list-style: none; display:block;text-decoration: underline;margin: 0px auto; padding: 6px 0px 0px 34px; height: 27px; background: url(http://www.westbaydiving.co.uk/images/plate.jpg) no-repeat left center; font: bold 18px arial; color: #6D92B6;}
.crab {margin: 0px auto; padding: 10px; width: 1004px;}
.LeftRecipe {margin: 0px auto; padding: 10px; width: 158px;float:left; border-right: 1px solid #99B3CC;}
.RightRecipe {margin: 0px auto; padding: 0px; width: 300px; float: right;}
.CenterRecipe {margin: 0px auto; padding:0px; width: 504px; overflow: hidden;} 
/*where to stay page*/
.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;}
/*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:0px auto; padding:0px; width: 194px;background-color: #E0E0E0; }
.imagesRight {float: right; margin:0px auto; padding: 0px; width: 194px;background-color: #E0E0E0; }
/*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; }
/*calendar page*/
#calNav ul { width: 168px; margin:0px auto; padding: 0px; float: left;}
#calNav li { background: url(http://www.westbaydiving.co.uk/images/calen.jpg) no-repeat left center;margin: 1px 0px 0px 0px; padding: 0px;list-style-type: none;text-align: left; width: 124px;float: left; font: 12px arial; color: #000;height: 15.5px;}
#calLeft {display:inline;margin: 18px 0px 0px 1px; padding: 0px 10px 0px 0px; width: 134px;float: left;}
#calNav a {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/calen.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 104px;text-align: left;text-decoration: none;height: 15.5px;}
#calNav a:hover  {display:block;margin: 0px auto;color: #000; background: url(http://www.westbaydiving.co.uk/images/calendn.jpg) no-repeat left center;padding: 0px 0px 0px 20px;width: 104px;text-align: left;text-decoration: none;height: 15.5px;}
#calRight {margin: 0px auto; padding: 0px 20px 0px 20px; width: 671px;float: right;}
.CalendarDays {margin: 0px auto; padding: 0px; width: 665px; height: 23px; border-top: 1px solid #000;}
.CalendarContainer {margin: 0px auto; padding: 0px; width: 665px; height: 121px;}
.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 {background-color:#EAEFF4; height: 120px;margin: 0px auto; padding: 0px; width: 94px; float: left;  border-left: 1px solid #000; border-bottom: 1px solid #000;}
.SunRight {background-color:#EAEFF4; height: 120px;margin: 0px auto; padding: 0px; width: 93px; float: left;  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;}
/*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;}
/*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 Verdana; color: #000066; margin: 0px auto;padding: 0px; width: 500px;line-height:1.4em;}
fieldset { margin: 10px auto; padding: 10px 0px 20px 0px;background-color: #99B3CC;}
.request {width: 200px;margin: 0px auto; padding: 0px;}
.processing {width: 144px;margin: 0px auto; padding: 0px;}
/*footer*/
#footer {clear: both;width: 1024px; height: 60px;margin: 0px auto; padding: 0px; background: url(http://www.westbaydiving.co.uk/images/footer.jpg) center no-repeat;}
#footertext {width: 1024px; height: 20px;margin:0px auto; padding: 30px 0px 0px 0px; font: 14px arial; color: #FFF; text-align: center;} 
#footertext a {margin:0px auto; padding: 0px; text-decoration: none; font: 14px arial; color: #FFF;}
#footertext a:visited {margin:0px auto; padding: 0px; text-decoration: none; font: 14px arial; color: #47F718;}
#footertext a:hover {margin:0px auto; padding: 0px; text-decoration: underline; font: 14px arial; color: #FFFF66;}