/************************************/
/***** Kaufman Scuba Master CSS *****/
/************************************/

* { margin: 0; padding: 0; }

body { background: #667788; }

#container {}

ol, ul, li { margin-left: 15px; }

/***** Classes *****/
.clear { clear: both; }
.prop { float: left; height: 800px; width: 1px; }

/***** Header *****/
#header { background: url("../images/headerGradient.jpg") repeat-x; height: 150px; }
	#headerBg { background: url("../images/headerBackground.jpg") no-repeat center; height: 150px; margin: auto; width: 824px; }
		#headerContent { color: #CCC; margin-left: 15px; padding: 5px; width: 800px; }
			/*#headerContent h1 { background: url("../images/Kaufman-Scuba-Logo-Web.gif"); height: 150px; width: 300px; }*/
			#headerContent h1 span { display: none; }

/***** Navigation *****/
#navigation { height: 50px; }
	#headerBar { background: url("../images/headerBar.jpg") repeat-x; height: 50px; }
		#navigationBar { background: url("../images/navigationBar.jpg") repeat-x center; height: 50px; margin: auto; width: 800px; }
			#navigationText { margin: auto; /*padding-top: 5px;*/ width: 787px; }
					#navigationText p { border-right: 2px solid #CCC; color: #CCC; float: left; font-weight: bold; margin-top: 15px; padding: 0 5px 0 5px; }
						#navigationText p.twoLines { margin-top: 5px; }
					#navigationText a { color: #CCC; }
					#navigationText a:hover { color: #CF0; }
				#navigationText .lastLink { border: 0px; }

/***** Content *****/
#content { background: url("../images/contentGradient.jpg") repeat-x #CCC; color: #000; height: ; margin: auto; width: 800px; }
		#content h1 {}
		#content p { margin-bottom: 10px; }
		#content a { color: #036; text-decoration: none; }
		#content a:hover { text-decoration: underline; }
		#content a:visited { color: #09C; }

	.navImage { background: #CF0; border: 1px solid #000; margin: auto; margin-top: 10px; text-align: center; width: 150px; }
		.navImage img { border: 0; border-bottom: 1px solid #000; }
		.navImage p { font-weight: bold; margin-bottom: 0 !important; margin-top: -5px; }
		.navImage a { color: #000 !important; text-decoration: none; }
		.navImage a:visited { color: #000 !important; }
			.navImageFirst { margin-top: 0; }

	.navImageNoTxt { margin: auto; margin-top: 10px; text-align: center; width: 150px; }
		.navImageNoTxt img { border: 1px solid #000;  }
		.navImageNoTxt a { color: #000 !important; text-decoration: none; }
		.navImageNoTxt a:visited { color: #000 !important; }

	.logo { margin: auto; margin-top: 10px; text-align: center; width: 150px; }
		.logo img {}
		.logo a { color: #000 !important; text-decoration: none; }
		.logo a:visited { color: #000 !important; }

	#contentLeft { float: left; padding: 5px; width: 200px; }
	#contentCenter { float: left; padding: 5px; width: 360px; }
		#contentCenter .centerImage { border: 2px solid #000; height: 270px; width: 360px; }
			#contentCenter .centerImage img { width: 360px; }
	#contentRight { float: left;  padding: 5px; width: 200px; }

	#contentCenterOnly { float: left; padding: 5px; width: 790px; }
		#photoAlbum { margin: auto; width: 700px; }
			#photoAlbum img { border: 1px solid #000; margin: 10px; text-align: center; width: 150px; }
			#photoAlbum a { color: #000 !important; text-decoration: none; }
			#photoAlbum a:visited { color: #000 !important; }

/***** Footer *****/
#footer { background: url("../images/footerBar.jpg") repeat-x; clear: both; height: 23px; }
	#footerGradient { background: url("../images/footerGradient.jpg") no-repeat center; margin: auto; height: 23px; width: 800px; }