body {
	background-image: url(img/pageBkgdSub.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	margin: 0;
	padding:0;
}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#009999; margin-top:25px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#036;margin-bottom:5px;}
#calloutManage{float:right; background-color:#c1e6e8; border:1px solid #069; padding:10px 25px; width:400px; margin-top:50px;}
.leftPhotoFloat {float:left;}
#container {
	background-image: url(img/homeimage.png);
	background-repeat: no-repeat;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 700px;
	margin-top: 0px;
	position:relatve;
}
.redtext{color:red; font-weight:bold; font-size:15px;}
.redHeadline{color:red; font-weight:bold; font-size:22px;}
table {border-collapse:collapse;}
.bottomBorder {border-bottom:1px solid #000;}
.leftBorder {border-left:1px solid #000;}
#banner {
	width:960px;
	height:152px;
	background-image:url(img/DRD_banner_manage.gif); 	
	background-position: top left;
	background-repeat:no-repeat;
}
#banner ul{margin:0; padding:0;}
#banner ul li {list-style:none; display:inline;}
#banner ul li a {display:block; float: right; color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px;text-decoration:none;margin-right:10px;margin-top:10px;}

#lifeguardbanner {width:960px; height:152px; background-image:url(img/DRD_banner_lifeguards.gif); background-repeat:no-repeat; background-position: top left;}
#lifeguardbanner ul{margin:0; padding:0;}
#lifeguardbanner ul li {list-style:none; display:inline;}
#lifeguardbanner ul li a {display:block; float:right; color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px;text-decoration:none; margin-right:10px; margin-top:10px;}


#servicesbanner {width:960px; height:152px; background-image:url(img/DRD_banner_services.gif); background-repeat:no-repeat; background-position: top left;}
#servicesbanner ul{margin:0; padding:0;}
#servicesbanner ul li {list-style:none; display:inline;}
#servicesbanner ul li a {display:block; float: right; color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px;text-decoration:none;margin-right:10px;margin-top:10px;}
.whiteText {font-size:14px; font-weight:bold; color:#FFF;}
#main {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
#callout {background-color:#c1e6e8; border:1px solid #069; padding:10px 25px; font-size:11px; margin-bottom:25px;}
#callout img {float:left; margin:0 20px 10px 0; border:1px solid #fff;}
#list {
width:260px;
margin-left:275px;
margin-top:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFF;
font-weight:bold;
float:left;
}
#list ul li{
list-style:none;	
}
#list ul li a{
display:block;
padding-left:20px;
margin-top:7px;
margin-bottom:7px;
text-decoration:none;
color:#FFF;
}


#footer{clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:40px; padding-top:10px; color:#6CC; background-color:#009999; height:250px; text-align:center;}
.nav{width:960px; height:67px; background-image:url(img/sub_bannerBKGD.png); background-repeat:no-repeat; background-position:top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.nav ul{margin-left:25px; margin-top:0; margin-right:0; margin-bottom:0;}
.nav ul li {color:#FFF; font-size:12px; float:left; list-style:none;}
.nav ul li a:link {display:block; color:#FFF; font-size:13px; margin-left:4px; margin-right:4px; margin-top:27px; text-decoration:none; padding:10px;}
.nav ul li a:visited {display:block; color:#FFF; font-size:13px; margin-left:4px; margin-right:4px; margin-top:27px; text-decoration:none; padding:10px;}
.nav ul li a:hover {display:block; color:#FFF; font-size:13px; margin-left:4px; margin-right:4px; margin-top:27px; text-decoration:none; padding:10px; background-image:url(img/rolloverimg.jpg); background-position:top left; background-repeat:no-repeat; background-color:#39F;}
#photo {position:relative; width:930px;  background-image:url(img/interiorBkgd.jpg); background-repeat:no-repeat;}
.photoRule { border:1px solid #fff; margin:15px;}
#photoLeft {float:left; margin-left:10px; margin-right:10px; border:1px solid #fff;}
#photoRight {float:right; margin-left:10px; margin-right:10px; border:2px solid #fff;}
#photoBecomingTwo {
	position:absolute;
	top:253px;
	left:593px;
	margin-left:10px;
	margin-right:10px;
	border:2px solid #fff;
	width: 234;
	height: 158;
}
#photoCenter {margin-left:auto; margin-right:auto;}

#fullColumn {
	position:relative;
	width:840px;
	background-image:url(img/interiorBkgd.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	margin-left:auto;
	margin-right:auto;
	
}
#leftColumn {float:left; width:775px; padding-left:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
#lifeguard {
	float:right;
	top:-20px;
	position:absolute;
	z-index:2;
	left: 477px;
	width: 386px;
	height: 515px;
}
#rightColumn {float:right; width:265px; padding-left:25px; padding-right:20px; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#009999;}

#mainContent {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#mainContentLifeguard {
	width: 960px;
	height:767px;
	margin-right: auto;
	margin-left: auto;
}
#clear {clear:both; height:1px; width:840px;}
#textblock {float:left; width:675px; margin-left:60px; height:550px; min-height:550px;}
#photo h1 {color:#184B8f; font-size:28px; letter-spacing:-1px;}
#photo h2 {color:#184B8f; font-size:21px; font-weight:normal;}
#photo ul {color:#184B8f; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-top:2px; margin-bottom:2px;}
#photo #video {margin-left: 100px;}
#photo #clickhere {margin-top:5px;}
#pool2after {
	position:absolute;
	top:500px;
	left:377px;
	border:2px solid #fff;
}
#asphotoStretcher {
	position:absolute;
	top:290px;
	left:551px;
	border:2px solid #fff;
	width: 143;
	height: 215;
}
#trainingStretcher {position:absolute; top:275px; left:525px; border:2px solid #fff;}
.directionsleft {
	padding: 5px;
	border: thin solid #1E92B7;
	width: 300px;
	background-color: #2A5894;
	color: #FFFFFF;
	font-weight: bold;
}
#directions {
	width: 300px;
	border: thin solid #1E92B7;
	margin: 5px;
	float: left;
}
.directionsdetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}
.directionsdetails li {
	padding-right: 10px;
	margin-left: -15px;
}

.header {
	background-color: #1E92B8;
	color: #FFFFFF;
	line-height: 30px;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding-left: 10px;
}
.directionsfooter {
	text-align: right;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.directionsfooter a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	color: #FFFFFF;
}
.pdf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	float: right;
	color: #FFFFFF;
	clear: right;
	margin-right: 5px;
	font-weight: bold;
	margin-top: -15px;
}


#directionsright {
	width: 300px;
	border: thin solid #1E92B7;
	float: right;
	margin-top: 5px;
	margin-right: 150px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#directionslowerleft {
	width: 300px;
	border: thin solid #1E92B7;
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	clear: left;
}
#directionslowerright {
	width: 300px;
	border: thin solid #1E92B7;
	float: right;
	margin-top: 20px;
	margin-right: 150px;
	margin-bottom: 25px;
	margin-left: 5px;
	clear: right;
}
.address {
	color: #009999;
	font-weight: bold;
}
.address a {
	color: #009999;
	font-weight: bold;
	text-decoration: none;
}
.address a:hover {
	color: #009999;
	font-weight: bold;
	text-decoration: underline;
}
.directionsfooter a:hover {
	background-color: #009999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.redtext a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	background-color: #1e92b7;
	height: 30px;
	width: 90px;
	display: block;
	padding: 5px;
}
.redtext a:hover {
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	background-color: #285897;
	height: 30px;
	width: 90px;
	display: block;
	padding: 5px;
}
