tml, body, div, span, h1, h2, h3, h4, h5, h6, p, pre,
a, acronym, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: Arial, Sans-Serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: white;
	background: black;
}
img {
	border: 0px;	
}
a { color: #FF0; }
a:visited { color: #FF0; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/******   Deep Blue Styles  *****/
#centralWrapper {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	background-image: url(../images/headerRight.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 975px;
	height: 179px;
}
#header h1 {
	width: 393px;
	height: 179px;
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
}
#header h1 span {
    background-image: url(../images/logo.jpg);
    position: absolute;
    width: 393px;
    height: 179px;
	display: block;
}
#mainNavigation {
	background-image: url(../images/navBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 40px;
}
#mainNavigation a {
	color: #FFF;	
	text-decoration: none;
	font-size: 14pt;
	text-transform: uppercase;
	padding: 5px;
}
#mainNavigation a:hover {
	text-decoration: none;
	font-size: 14pt;
	text-transform: uppercase;
	background-image: url(../images/hoverBg.jpg);
	padding: 5px;	
}
#mainNavigation ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
}
#mainNavigation li {
	display: block;
	float: left;
	width: 118px;
	text-align: center;
	margin-top: 8px;
}
#contentContainer {
	width: 975px;
	background-color: #FFF;
	color: #000;
	float: left;
	padding-bottom: 20px;
}
#leftCol {
	display: block;
	float: left;
	width: 160px;
	background-color: #FFF;
	color: #000;
}
#rightCol {
	display: block;
	float: left;
	width: 815px;
	background-color: #FFF;
	color: #000;
}
#coursesContainer {
	background-image: url(../images/coursesBg.jpg);
	width: 150px;
	height: 273px;
	margin-left: 5px;
	margin-top: 5px;
}
#coursesContainer a {
	color: #000;	
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	display: block;
	width: 148px;
	height: 24px;
	line-height: 24px;	
	text-indent: 10px;
	margin-left: 1px;
}
#coursesContainer a:hover {
	text-decoration: none;
	font-size: 10pt;
	background-image: url(../images/coursesHover.jpg);
	font-weight: bold;
	display: block;
	width: 148px;
	height: 24px;	
	line-height: 24px;		
	text-indent: 10px;	
	margin-left: 1px;
}
#coursesContainer h2 {
	font-size: 12pt;
	font-weight: bold;
	margin-left: 35px;
	padding-top: 10px;
	text-decoration: underline;
	margin-bottom: 10px;
}
#coursesContainer ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
}
#coursesContainer li {
	display: block;
	width: 150px;
	height: 24px;
	text-align: left;
}
#callUsContainer {
	background-image: url(../images/callUsBg.jpg);
	width: 150px;
	height: 116px;
	margin-left: 5px;
	margin-top: 5px;		
}
#emailUsContainer {
	background-image: url(../images/emailUsBg.jpg);
	width: 150px;
	height: 116px;
	margin-left: 5px;
	margin-top: 5px;		
}
#shopContainer {
	background-image: url(../images/shopBg.jpg);
	width: 150px;
	height: 465px;
	margin-left: 5px;
	margin-top: 5px;	
}
#mainContent {
	margin-top: 5px;
	margin-left: 5px;
	padding-bottom: 20px;
	background-color: #000;
	background-image: url(../images/mainContentBg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 800px;
	color: #FFF;
	float: left;
}
#mainContent #shopPics {
	margin-left: 50px;
}
#mainContent #poolPics {
	margin-left: 50px;
}
#mainContent .text {
	width: 800px;
	border: 0px solid #FFF;
	font-size: 10pt;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 13pt;
	float: none;
}
#mainContent .text strong {
	color: #FF0;
}
#mainContent .courses a {
	text-decoration: underline;
	color: #FF0;
}
#mainContent #tryDivePrices, #mainContent #contactList, #mainContent #swimNe, #mainContent #dmPreReq, #mainContent #regServicing, #mainContent #tankTesting, #mainContent #drysuitRepairs, #mainContent #computersWatches {
	list-style-type: circle;
	list-style-image: none;
	list-style-position: inside; 
}

#mainContent #dmCourseStructure {
	list-style-position: inside; 
	margin-top: 10px;
	text-indent: 10px;
}

#mainContent #tryDivePrices li, #mainContent #contactList li {
	margin: 4px;
	margin-left: 20px;
}
#googleMap {
	width: 500px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	border: 2px solid #FFF;
}
.imageCenter {
	display: block;
	margin: auto;
}