/* CSS Document for Oceans Gym 08/06/06 */

html {
	height:101%
}
* {
	margin:0;
	padding:0
}
body {
	text-align:center;
	color:#000;
	background:#ffffff;
}
body * {
	font:100.01%/130% Arial, Helvetica, sans-serif;
	text-align:left;
}
.timeTable td {
	padding: 3px;
}
.timeTable {
	font-size: 70%
}
tr.tableHeader {
	background-color: #D2E7FA;
	font-weight: bold;
}
h1, h2 {
	margin:0;
	background-repeat:no-repeat;
	background-position:left top;
}
h1 span, h2 span {
	display:none;
}
img, img a {
	border:0px;
}
a {
	color:#E30404;
	text-decoration:none;
}
a:hover {
	color:#E30404;
	text-decoration:underline;
}
.highlight {
	color: #E06705
}
.container {
	width:789px;
	background-color: #FFFFFF;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
.bgWrap {
	float: left;
	width: 762px;
	padding-left: 27px;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
}
/* -------------------------------------------------------------------
N A V I G A T I O N
---------------------------------------------------------------------- */

	.menu {
	position:relative;
	clear:both;
	height:39px;
	width:575px;
	padding:0px;
	margin:0px;
	float: left;
}
.menu ul {
	width:575px;
	height:39px;
	padding: 0;
	background: url("images/menu_new.jpg") top left no-repeat;
	border: 0;
}
.menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}
.menu ul li, .menu a {
	height: 39px;
	display: block;
	border:0;
	padding: 0;
	margin:0;
}
.menu ul li a {
	text-decoration: none;
	text-indent: -9999px;
}
.n1 {
	position: absolute;
	left: 0px;
	width: 52px;
}
.n2 {
	position: absolute;
	left: 53px;
	width: 81px;
}
.n3 {
	position: absolute;
	left: 183px;
	width: 63px;
}
.n4 {
	position: absolute;
	left: 246px;
	width: 56px;
}
.n5 {
	position: absolute;
	left: 302px;
	width: 59px;
}
.n6 {
	position: absolute;
	left: 361px;
	width: 60px;
}
.n7 {
	position: absolute;
	left: 421px;
	width: 63px;
}
.n8 {
	position: absolute;
	left: 484px;
	width: 91px;
}
.n1 a:hover {
	background: transparent url("images/menu_new.jpg") -0px -39px no-repeat;
}
.n2 a:hover {
	background: transparent url("images/menu_new.jpg") -67px -39px no-repeat;
}
.n3 a:hover {
	background: transparent url("images/menu_new.jpg") -183px -39px no-repeat;
}
.n4 a:hover {
	background: transparent url("images/menu_new.jpg") -246px -39px no-repeat;
}
.n5 a:hover {
	background: transparent url("images/menu_new.jpg") -302px -39px no-repeat;
}
.n6 a:hover {
	background: transparent url("images/menu_new.jpg") -361px -39px no-repeat;
}
.n7 a:hover {
	background: transparent url("images/menu_new.jpg") -421px -39px no-repeat;
}
.n8 a:hover {
	background: transparent url("images/menu_new.jpg") -484px -39px no-repeat;
}
.n1 a.active {
	background: transparent url("images/menu_new.jpg") -0px -39px no-repeat;
}
.n2 a.active {
	background: transparent url("images/menu_new.jpg") -67px -39px no-repeat;
}
.n3 a.active {
	background: transparent url("images/menu_new.jpg") -183px -39px no-repeat;
}
.n4 a.active {
	background: transparent url("images/menu_new.jpg") -246px -39px no-repeat;
}
.n5 a.active {
	background: transparent url("images/menu_new.jpg") -302px -39px no-repeat;
}
.n6 a.active {
	background: transparent url("images/menu_new.jpg") -361px -39px no-repeat;
}
.n7 a.active {
	background: transparent url("images/menu_new.jpg") -421px -39px no-repeat;
}
.n8 a.active {
	background: transparent url("images/menu_new.jpg") -484px -39px no-repeat;
}
/* -------------------------------------------------------------------
T O P  C O N T A I N E R
---------------------------------------------------------------------- */
	.left {
	float:left
}
.leftCol {
	padding:0px;
	float:left;
	width:160px;
	height:auto
}
.rightCol {
	padding:0px;
	margin:0px;
	width: 575px;
	float:left;
	height:auto;
}
#banner {
	padding:0px;
	margin:0px;
	position:relative;
}
/* -------------------------------------------------------------------
C O N T E N T - L E F T
---------------------------------------------------------------------- */

	.content {
	width:329px;
	padding:15px 10px 0px 16px;
	float:left;
}
.content h1 {
	font-size:160%;
	font-weight:lighter;
	color:#0098E0;
	margin-top:20px;
	padding:0 0 0 0;
}
.content h2 {
	color:#008ECD;
	margin:0px 0 6px 0;
	padding-top:10px;
	font-weight:bold;
}
.content h3 {
	font-size:100%;
	color:#E06705;
	padding:0 0 10px 0;
}
.content p {
	font-size:80%;
	line-height:15px;
	padding-bottom:10px;
}
.content ul {
	margin:0px 15px 0px 30px;
	list-style-image: url(images/arrow.png);
	font-size:80%;
	line-height: 14px;
	padding:0 0 15px 0
}
.content li {
	margin:0 0 0px 10px;
}
.bold {
	font-weight:bold;
	font-size:90%;
	line-height:19px;
	padding:0 0 10px 0;
}
.intro {
	font-size:100%;
	padding:0 0 10px 0;
	color:#008ECD;
	line-height: 15px;
}
/* -------------------------------------------------------------------
C O N T E N T - H O M E
---------------------------------------------------------------------- */

	.contentHome {
	width:345px;
	float:left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentHome h1 {
	font-size:160%;
	font-weight:lighter;
	color:#0098E0;
	margin-top:20px;
	padding:0 0 0 0;
}
.contentHome h2 {
	color:#008ECD;
	margin:0px 0 6px 0;
	padding-top:10px;
	font-weight:bold;
}
.contentHome h3 {
	font-size:100%;
	color:#E06705;
	padding:0 0 10px 0;
}
.contentHome p {
	font-size:80%;
	line-height:15px;
	padding-bottom:10px;
}
.contentHome ul {
	margin:0px 15px 0px 30px;
	list-style-image: url(images/arrow.png);
	font-size:80%;
	line-height: 14px;
	padding:0 0 15px 0
}
.contentHome li {
	margin:0 0 0px 10px;
}
/* -------------------------------------------------------------------
C O N T E N T - R I G H T
---------------------------------------------------------------------- */

	.contentRight {
	float:left;
	width:220px;
	padding-top:15px;
}
.floatholder {
	width:219px;
	margin-bottom: 14px;
	float: left;
}
.floatbox {
	float: left;
	width: 84px;
	margin: 0px;
	padding: 0px;
}
.floatholder p {
	margin: 0;
	font-size:70%;
	line-height:14px;
}
.floatholder h2 {
	color:#008ECD;
	font-size:85%;
	font-weight:normal;
	line-height:15px;
	padding-top:5px;
	padding-bottom:1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
		* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Holly Hack */

/* -------------------------------------------------------------------
CONTENT - ADVERTISE
---------------------------------------------------------------------- */

	.contentRight2 {
	float:right;
	width:141px;
	padding-top:15px;
}
.floatholder2 {
	width:140px;
	margin-bottom: 14px;
	float: right;
}
.floatbox2 {
	float: right;
	width: 84px;
	margin: 0px;
	padding: 0px;
}
.floatholder2 p {
	margin: 0;
	font-size:70%;
	line-height:14px;
}
.floatholder2 h2 {
	color:#008ECD;
	font-size:85%;
	font-weight:normal;
	line-height:15px;
	padding-top:5px;
	padding-bottom:1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
		* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Holly Hack */
	

/* -------------------------------------------------------------------
C O N T A C T  F O R M 
---------------------------------------------------------------------- */

	#contactForm form {
	margin: 0px;
	padding:10px 0 0 0;
	background-color:#FFFFFF;
	font-size:80%
}
#contactForm fieldset {
	border: none;
	margin: 0px;
	padding-bottom: 10px;
	color: #000;
}
#contactForm fieldset label {
	line-height: 16px;
	display: block;
	margin:7px 0 0 130px;
}
#contactForm fieldset label span {
	padding-left: 0px;
}
#contactForm fieldset .send {
	text-align:center;
	margin: 5px 0px 10px 0px;
	width: 45px;
	height: 20px;
	background-color: #F6F5F5;
	color:#0098E0;
	border: 1px solid #999;
	font: bold 11px Helvetica, Arial, sans-serif;
}
#contactForm fieldset .send1 {
	text-align:center;
	margin: 5px 0px 10px 0px;
	width: 45px;
	height: 20px;
	background-color: #F6F5F5;
	color:#0098E0;
	border: 1px solid #999;
	font: bold 11px Helvetica, Arial, sans-serif;
}
#contactForm .hidden {
	display: none;
	border: none;
	background-color: #fff;
}
#contactForm h2 {
	font-size:100%;
	color:#E06705;
	padding:0 0 10px 0;
}
div.row {
	clear:both;
}
div.row span.label {
	float: left;
	width: 130px;
	text-align: left;
}
div.row span.formw {
	float: left;
	width: 200px;
	text-align: left;
	padding-bottom:5px;
}

.floatboxTop2 {
	background-image: url(images/floatholdertop.gif);
	background-repeat: no-repeat;
	float: right;
	width: 140px;
	padding-top: 3px;
}
.floatboxMiddle2 {
	background-image: url(images/floatholderbg.gif);
	float: right;
	width: 116px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 5px;
}
.floatboxBottom2 {
	background-image: url(images/floatholderbott.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	width: 140px;
	padding-bottom: 3px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.floatboxTop {
	background-image: url(images/floatholdertop.gif);
	background-repeat: no-repeat;
	float: left;
	width: 219px;
	padding-top: 3px;
}
.floatboxMiddle {
	background-image: url(images/floatholderbg.gif);
	float: left;
	width: 195px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 5px;
}
.floatboxBottom {
	background-image: url(images/floatholderbott.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 219px;
	padding-bottom: 3px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.leftColContentArea {
	background-image: url(images/leftColBG.gif);
	background-repeat: no-repeat;
	float: left;
	width: 135px;
	padding-right: 20px;
	padding-left: 0px;
}
.leftColContentArea h2 {
	color:#008ECD;
	font-size:75%;
	line-height:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.leftColContentArea p {
	font-size:70%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	line-height: 14px;
}
.leftColContentArea a {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	color: #000000;
	text-decoration: none;
}

.leftColContentArea2 {
	background-image: url(images/leftColBG.gif);
	background-repeat: no-repeat;
	float: left;
	width: 135px;
	padding-right: 20px;
	padding-left: 5px;
}
.leftColContentArea2 h2 {
	color:#008ECD;
	font-size:85%;
	font-weight:normal;
	line-height:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.leftColContentArea2 h3 {
	color:#FF0000;
	font-size:75%;
	font-weight:normal;
	line-height:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.leftColContentArea2 p {
	font-size:70%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	line-height: 14px;
}
.leftColContentArea2 a {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	color: #000000;
	text-decoration: none;
}

.footerContainer {
	float: left;
	width: 736px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #999999;
	padding-top: 5px;
	margin-top: 30px;
}
.footerContainer a {
	color: #999999;
	text-decoration: none;
}
.footerContainer a:hover {
	color: #999999;
	text-decoration: underline;
}
.right {
	float: right;
}
.leftColContentArea input {
	font-size: 100%;
	width: 130px;
}
.contentWide {
	width:549px;
	padding:15px 10px 0px 16px;
	float:left;
}
.contentWide h1 {
	font-size:160%;
	font-weight:lighter;
	color:#0098E0;
	margin-top:20px;
	padding:0 0 0 0;
}
.contentWide h2 {
	color:#008ECD;
	margin:0px 0 6px 0;
	padding-top:10px;
	font-weight:bold;
}
.contentWide h3 {
	font-size:100%;
	color:#E06705;
	padding:0 0 10px 0;
}
.contentWide p {
	font-size:80%;
	line-height:15px;
	padding-bottom:10px;
}
.contentWide ul {
	margin:0px 15px 0px 30px;
	list-style-image: url(images/arrow.png);
	font-size:80%;
	line-height: 14px;
	padding:0 0 15px 0
}
.contentWide li {
	margin:0 0 0px 10px;
}
tr.tableDay {
	background-color: #CCCCCC;
	font-weight: bold;
}

.ptimage {
	float:left;
	padding-right:7px;
	margin-top:7px;

}
