/* css for Aquatic Adventures  */

body {
 background: #1a2567 url(i/background.gif) repeat-x 0 0;
 margin: 0;
 padding: 0;
 color: #fff;
 font: 500 62.5%/1.5em Verdana, 'Lucida Grande', Arial, Sans-Serif; /* 1em=10px */
 text-align: center;
}

/* prime structure */
#rap {
width: 760px;
 position: relative;
 top:0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
}

#conTent {
position:relative;
top:0;
left:0;
width: 100%;
height: 620px;
margin:0;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
border-top: none;
 background:  url(i/bg_pg1.jpg)  no-repeat 0 22px;
}
* html #conTent {
 padding-top: 17px;
 background:  url(i/bg_pg1.jpg)  no-repeat 0 50px;
}

#header {
 position:relative;
 top:0;
 left:0;
 margin-bottom: 0;
 margin-top: 20px;
 padding: 0;
 width: 760px;
 height: 80px; 
 background: url(i/logo.gif) no-repeat 10px 0;
}
* html #header {
 height: 95px;
}

#main {
 margin: 0;
 padding: 0;
}

#footer {
 clear: both;
 position:relative;
 top:0px;
 left: 0px;
 margin:0;
 padding:0;
 width: 100%;
}


 
 /* sub-main structure */
 
#mainleft {
 float:left;
 height: 100%;
 width: 250px;
 text-align: center;
 margin-top: 140px;
}
  
#mainright { 
 float: right;
 height: auto;
 width:auto;
 text-align: right;
 margin-top: 137px;
 margin-right: 35px;
}

* html #mainright {
 margin-right: 15px;
 margin-top: 124px;
}




/* other structure elements */

#copy {
 font-size: 0.9em;
 font-weight: 500;
 text-align: right;
 color: #9a9eb2;
 margin-right: 0;
 padding-right: 0;
}

#footer #copy p {
 margin: 10px 0;
 padding: 0;
}

img {
 border: none;
}


/* Text elements */

.subtitle {
 font-size: 1.6em;
 font-weight:600;
 letter-spacing: 0.03em;
 font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
 line-height: 2.95em;
}

.subtitle_a {
 font-size: 1.6em;
 font-weight: 600;
 letter-spacing: 0.03em;
 font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
 line-height: 2em; /* use this to level with left side */
}

#mainright p {
 font-size: 1.1em;
 margin: 2ex 0.75em 2ex 0.75em;
}

#mainright p.txt {
 font-size: 1.4em;
 font-weight: 500;
 margin-top: 80px;
 line-height: 2em;
}



/* Links */

a {
 color: #7cd9f0;
 text-decoration: none;
}

a:hover {
 color: #fff;
 text-decoration: none;
}
#copy a {
 color: #99b;
 text-decoration: none;
}
#copy a:hover {
 color: #fff;
 text-decoration: none;
}


/* navList */

#menu_main_left ul {
border: 0;
list-style-type: none;
text-align: center;
font-size: 1.3em;
color: #96a2ce;
}

#menu_main_left ul li a {
 text-align: center;
 font-weight: 700;
 line-height: 3ex;
}

.line {
 text-align: center;
 vertical-align: middle;
}




/* end index css */
/* =============== */
/* begin inside css */




/* structure */
#sub-rap {
width: 798px; 
 position: relative;
 top:0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
}

#in-rap {
width: 798px; 
 position: relative;
 top:0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
}

#in-conTent {
position:relative;
top:0;
left:35px; /* difference between background photo and conTent edge */
width: 100%;
margin:0;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
border-top: none;
}

* html #conTent {
 height: 396px;
}

#in-header {
 position:relative;
 top:0;
 left:0;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
 width: 760px;
 height: 90px; 
 background: url(i/inside_logo.gif) no-repeat bottom right;
}

#in-topNav {
 position: relative;
 top:0;
 left:0;
 margin: 0;
 padding: 0;
 width: 755px;
 text-align: right;
}

#in-main {
 margin: 0;
 padding: 0;
 }
 
#in-main_left { 
 float:left;
 width: 135px;
 margin: 0;
 padding: 0;
}

#in-sideNav {
 margin: 5px 0;
}
#in-main_right {
 float: right;
 width: 560px;
 margin: 0;
 padding: 0;
}

* html #in-main_right {
 padding-top: 30px; /* ** adjust IE here ** */
}

#photolink {
 width: 520px;
 margin: 150px 0;
 padding: 0;
 clear: both;
}

#photolink a img {
 border: 1px solid #fff;
 text-decoration: none;
}

#photolink a:hover img {
 border: 1px solid #ebe5d6;
 text-decoration: none;
}

#photoleft, #photomid, #photoright {
 float: left;
 width:166px;
 text-align: left;
}

#in-footer {
 clear: both;
 position:relative;
 top:0px;
 left: 0px;
 margin:0;
 padding:0;
 width: 100%;
}

#in-copy {
 font-size: 0.9em;
 font-weight: 500;
 text-align: right;
 color: #111;
 margin-right: 0;
 padding-right: 0;
}

#in-footer #in-copy p {
 margin: 10px 10px 1em 0; 
 padding: 0;
}

/* text */

h1 {
 font-size: 1.6em;
 font-weight: 600;
 line-height: 2.5em;
}

h2 {
 font-size: 1.3em;
 font-weight: 500;
 line-height: 2.5em;
}

blockquote {
 width: 440px;
 font-size: 1.3em;
 line-height: 1.4em;
 margin-left: 20px;
 text-align: justify;
}

.sec_title {
	font-weight: bold;
}



/* navigation in-topNav */

#in-topNav ul
{
float: right;
border: 0;
margin: 0 10px 0 0 ;
padding: 1ex 0;
list-style-type: none;
text-align: right;
font-size: 1em;
}

#in-topNav ul li
{
display: block;
float: left;
text-align: center;
padding: 0 0 0 0.5em;
margin: 0;
}


/* == The Form == */

#submitcontact {
 background-color: #fff;
 margin-top: 1px;
 padding: 3px;
 text-align:left;
}

#submitcontact .submit input {
 display: inline;
 float: none;
 vertical-align: middle;
 width: auto;
}

#submitcontact input {
	background: #fafafa;
	border: 1px solid #1E90FF;
	width: 200px;
	color: #111;
}

#submitcontact input:focus, #submitcontact textarea:focus {
 background: #fff;
}

#submitcontact label {
 display: block;
 float: left;
 width: 260px;
}

#submitcontact .submit {
	background: #E0FFFF;
	display: inline;
	float: none;
	width: auto;
	color: #5a66b0;
	font-weight: 700;
	border: 1px solid #1E90FF;
}

#submitcontact span {
	background-color:  #fff;
	border: 0px solid #fff;
	display: block;
	margin: 0 0 2px 0;
	padding: 4px 5px;
}


#postID {
	background: #fafafa;
	border: 1px solid #1E90FF;
	width: 99%;
}

#participantsID {
	background: #fafafa;
	border: 1px solid #1E90FF;
	width: 99%;
}

p.comment-post {
	font-size: 0.9em;
	margin: 0;
}

form input, form textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #111;
}
fieldset {
 border: 1px dotted #5a66b0;
}



/* **************** */


/* sidebar Navigation */

#in-sideNav ul {
display: block;
width: 130px;
list-style-type: none;
text-align: center;
font-size: 1.3em;
font-weight: 600;
color: #fff;
margin-left:3px;
padding-left:0;
}

#in-sideNav ul li {
display: block;
 padding: 12px 0 12px 0;
 border-top: 1px solid #000;
}

#in-sideNav ul li:hover {
display: block;
 padding: 12px 0 12px 0;
 border-top: 1px solid #000;
 background-color: #4c5889;
}

#in-sideNav ul li a {
 color: #96e3f9;
 text-decoration: none;
 background-color: transparent;
}

#in-sideNav ul li a:hover {
 color: #fff;
 text-decoration: none;
}

/* FAUX TABLE TO STYLE SCHEDULE */

.mytable {
	width: 480px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(i/tbl_bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(i/tbl_bullet1.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(i/tbl_bullet2.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}