html, body
{
    height:100%;
    margin: 0 auto;
    background-color:#2a5357;
    background-image:url(images/bgWater.gif);
    background-repeat:repeat-y;
    background-position:center;
    text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
}

body /* FF fix*/
{
	text-align: -moz-center;
}

body /* Safari fix*/
{
    text-align: -webkit-center;
}

table
{
    border-collapse:collapse;
    border-style:none;
}

.max
{
    width:100%;
    height:100%;
}

div
{
	text-align:left;
}

#nav
{
	width:1024px;
    height:30px;
    position:relative;
    z-index:10;
}

#footer
{
    width:1024px;
    color:White;
    font-size:12px;
    background-color:#5f8b96;
    min-height:100%;
    background-image:url(images/palm.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
}


#footer td
{
	vertical-align:top;
	width:20%;
}

#footer a
{
	color:#e0e0e0;
	font-size:11px;
}

#panel
{
    width:1024px;
    background-image:url(images/panel.gif);
    background-repeat:no-repeat;
    background-color:#5f8b96;
    z-index:0;
}

.player
{
	padding:20px 0px 0px 140px;
}

.player .itunes
{
	display:block;
	background:white url(/images/itunes.gif) no-repeat center bottom;
	width:280px;
	height:90px;
	padding-top:8px;
	font-size:1.2em;
	color:Black !important;
	text-align:center;
	text-decoration:none !important;
}

#splash
{
    width:584px;
    height:340px;
    position:relative;
    float:left;
    z-index:0;
}

#splash h1
{
	width:584px;
	height:340px;
	padding:0;
	margin:0;
	background-image:url(images/headerHome.jpg);
	text-indent:-9999px;
}

#adBox
{
	width:440px;
    height:340px;
    background-image:url(images/bgAd.gif);
    background-repeat:no-repeat;
    position:relative;
    left:584px;
    z-index:0;
}

#ad
{
	position:absolute;
	top:23px;
	left:13px;
	clear:both;
}

#calendar td
{
    padding:10px;
    vertical-align:top;
    border-bottom:solid 1px #c0c0c0;
}

#calendar h2
{
    margin:0px;
}

#contentHome
{
    width:564px;
    position:relative;
    float:left;
    left:10px;
} 

#contentHome a { font-weight:bold;}

#content
{
    width:564px;
    position:relative;
    float:left;
    top:0px;
    left:10px;
} 

#contentBox
{
    background-image:url(images/contentBack.gif);
    background-repeat:no-repeat;
    background-color:#b3b4b4;
    min-height:470px;
    position:relative;
}

#contentBox h1
{
    background-color:White;
    height:30px;
    color:#666666;
    font-size:18px;
    line-height:30px;
    font-weight:bold;
    margin:0px 0px 10px 0px;
    padding-left:10px;
    padding-right:10px;
}  

#contentBox h2
{
    font-size:14px;
    color:#333333;
    padding:0px 10px 0px 10px;
}

#contentBox h3
{
    color:#333333;
    font-weight:bold;
    font-size:12px;
    margin:0px 10px 0px 10px;
}

#contentBox p
{
    color:#333333;
    font-size:12px;
    margin:5px 10px 5px 10px;
}

#contentBox a
{
	color:#2a5357;
	text-decoration:underline;
}

#contentBox a:hover
{
    color:Black;
}

#contentTop
{
	width:564px;
	height:15px;
	background-image:url(images/contentTop.gif);
}

#contentBottom
{
	width:564px;
	height:16px;
	background-image:url(images/contentBottom.gif);
}

.emph
{
    text-transform:uppercase;
    font-style:italic;
}

.emph2
{
    font-size:150%;
    color:red;
}

#sideHome
{
	margin-top:10px;
}

#sideHome
{

}

#side
{
	width:430px;
	float:right;
	padding:0px 10px 0px 0px;
	position:relative;

}

#sideTop
{
    height:26px;
    width:430px
}

#sideBottom
{
    height:27px;
    width:430px
}

#sideArea, #jump
{
    background-image:url(images/sideBg.gif);
    background-repeat:repeat-y;
    width:430px;
}

#jump
{
    padding-left:25px;
}

#jump h2
{
	margin:0;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#666666;	
}

#jump td
{
	vertical-align:top;
	text-align:center;
	width:33%;
	padding:5px 0px 5px 0px;
}

#appNav
{
	background-color:Orange;
	margin:0px 15px 0px 15px;
	height:30px;
	text-align:center;
	color:White;
    font-size:14px;
    line-height:30px;
    font-weight:bold;	
}

#appNav a
{
	color:White;
    font-size:14px;
    line-height:30px;
    font-weight:bold;
    text-decoration:none;
    padding:0px 5px 0px 5px;
}

#appNav a:hover
{
	background-color:Red;
	display:inline-block;
}

#appCalendar, #appAudio, #appVideo
{
	padding:0px 30px 0px 30px;
}


#appAudio, #appVideo
{
	display:none;
	visibility:hidden;
}


#appCalendar a, #appAudio a, #appVideo a
{

	font-size:11px;
	line-height:normal;
	color:white;
}

.appTxt
{
	color:White;
	font-weight:bold;
}

.popUp
{
	visibility:hidden;
	display:none;
	width:200px;
	position:absolute;
	z-index:10;
	top:-10px;
	left:-200px;
	color:black;
	background-image:url(images/bgPop.gif);
	background-repeat:no-repeat;
	background-color:#5f8a96;
	border:solid 1px #000000;
}

.popUp h2
{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#b6c3c6;
	background-color:black;
	padding: 2px 5px 2px 5px;
	margin:0;
	
}

.popUp p
{
	padding:5px;
	font-size:11px;
}

.popUp img
{
    width:100px;
}

.navInfo
{
	background-image:url(images/navInfo.gif);
	background-repeat:repeat-x;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}

/* menu begin*/
#menu, #menu ul { list-style: none; }
#menu, #menu * { padding: 0; margin: 0; }
#menu a 
{
	font-size: .9em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:30px;
	line-height:30px;
} 

/* Level1 */
#menu li.level1 
{
	position:relative; 
	float: left; 
	margin-left: -1px; 
	text-align: center; 
}
	
#menu li.level1 a 
{
	display: block;
	text-decoration: none;
}
	
#menu li.level1 a:hover { }
	
/* Level2 */
#menu li.level1 ul 
{
	position:absolute; 
	display: none; 
	text-align: left; 
	left:0;
	background-position: bottom;
	background-color:#5f8b96; 
	border:solid 1px #1f4151;
	width:120px;
	
}
	
#menu li.level1:hover ul { display: block; }

#menu li.level1 ul li a { padding:3px 0px 0px 3px; color:#1f4151; }

#menu li.level1 ul li a:hover { color:white; background-image:url(/images/bgPop.gif); }

/* menu end */

#navHome
{
    width:85px;
    height:30px;
    background-image:url(/images/navHome.gif);
    text-indent:-9999px;
}

#navArrive
{
    width:85px;
    height:30px;
    background-image:url(/images/navArrive.gif);
    text-indent:-9999px;
}

#navShore
{
    width:116px;
    height:30px;
    background-image:url(/images/navShore.gif);
    text-indent:-9999px;
}

#navGoDeeper
{
    width:121px;
    height:30px;
    background-image:url(/images/navGoDeeper.gif);
    text-indent:-9999px;
}

#navImmerse
{
    width:177px;
    height:30px;
    background-image:url(/images/navImmerse.gif);
    text-indent:-9999px;
}

#navInfo
{
    width:440px;
    height:30px;
    background-image:url(/images/navInfo.gif);
    color:white;
}

#nav {background-color:#1f4151;}
/* menu end */



.row, .rowAlt
{
	padding:5px;
	color:White;
	font-family:Arial;
	font-size:10px;
	line-height:12px;
}

.rowAlt
{
	background-color:#527d91;
}

.fb_share_link /*Share on Facebook*/
{ 
	padding:2px 20px 0px 20px;
	height:16px;
	color:#3b5998;
	background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;
}

.goBack
{
	font-weight:bold;
	color:Black;
	text-decoration:underline;
	padding:20px;
}

.imageR
{
    float:right;
    border:solid 1px #cccccc;
    margin:0px 10px 10px 10px;
}

.imageL
{
    float:left;
    border:solid 1px #cccccc;
    margin:0px 10px 10px 10px;
}

.imageNo
{
	width:100px;
	border:solid 1px white;
	margin:0px 10px 10px 10px;
}

.thumb
{
	width:100px;
	border:solid 1px #cccccc;
}

#staff td
{
	vertical-align:top;
	padding-top:20px;
}

.btnGreen
{
	background-color:Green;
	display:block;
	padding:10px;
	color:Black;
	font-weight:bold;
	font-size:14px;
	border:solid 1px black;
}

.btnYellow
{
	background-color:Yellow;
	display:block;
	padding:10px;
	color:Black;
	font-weight:bold;
	font-size:14px;
	border:solid 1px black;
}

.btnRed
{
	background-color:Red;
	display:block;
	padding:10px;
	color:Black;
	font-weight:bold;
	font-size:14px;
	border:solid 1px black;
}

/* slideshow */
#simplegallery1 {
	position: relative;
	visibility: hidden;
	border: 1px solid #cccccc;
}

#simplegallery1 .gallerydesctext {
	text-align: left;
	padding: 2px 5px;
}

/*contact form*/
#subject,#detail,#name,#email {width:400px;}