body { margin:0;}
td {font-family :arial, Helvetica, sans-serif ; font-size : 12px; color: #ffffff; text-align:left; margin:0;}
p{font-family :arial, Helvetica, sans-serif ; font-size : 12px; color: #000080;text-align:justify; margin: 5px;}
h1{font-family :arial, Helvetica, sans-serif ; text-align:center; font-weight: 700; font-size: 14px;  font-family : Tahoma;  color :#FF0000;  }
h2{font-family : Arial; font-weight: bold; font-size: 12px; color :#000080; margin: 5px; }
a {font-family:arial; font-size: 9pt; font-style: normal; font-weight: bold; line-height: normal; text-decoration:none;}
a:hover{font-family:arial; font-size: 9pt; font-style:normal;line-height:normal; text-decoration:none; color:red;}

.naviback
{
background-image: url('images/a2.jpg');
}

.navilinks
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: white;
text-align: center;
text-decoration: none;
font-weight: bold;
/*text-indent: 20px;
line-height: 20px*/
}

.footer
{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 12px;
color: white;
text-decoration: none;
font-weight: bold;
}

.mainmenu
{
display: block;
width: 231px;
height: 22px;
font-family: Arial, Helvetica, sans-serif;
background-image: url('images/c2imenu.jpg');
font-size: 12px;
color: white;
text-align: center;
text-decoration: none;
font-weight: bold;
text-indent: 10px;
line-height: 20px
}

.indexsubmenu
{
font-family: Arial, Helvetica, sans-serif;
background-image: url('images/leftmenu.jpg');
display: block;
width: 231px;
height: 22px;
font-size: 12px;
color: #000080;
text-align: center;
text-decoration: none;
font-weight: bold;
text-indent: 10px;
line-height: 20px
}

.indexsubmenu:hover
{
font-family: Arial, Helvetica, sans-serif;
background-image: url('images/leftmenu.jpg');
display: block;
width: 231px;
height: 22px;
font-size: 12px;
color: #0000ff;
text-align: center;
text-decoration: none;
font-weight: bold;
text-indent: 10px;
line-height: 20px
}

.topmenu
{
display:block;
height:20px;
font-family: Arial, Helvetica, sans-serif;
background-image: url('images/round.jpg');
font-size: 12px;
text-decoration: none;
text-align:center;
color:white;
font-weight:bold;
text-indent: 10px;
line-height: 18px
}

.topmenu:hover
{
display:block;
height:20px;
font-family: Arial, Helvetica, sans-serif;
background-image: url('images/round.jpg');
font-size: 12px;
text-decoration: none;
text-align:center;
color:white;
font-weight:bold;
text-indent: 10px;
line-height: 18px
}

#ttld table
{
BORDER-RIGHT: #000080 1pt solid; BORDER-TOP: #000080 1pt solid; BORDER-LEFT: #000080 1pt solid; BORDER-BOTTOM: #000080 1pt solid;
}

#ttld tr
{
background: #D5EBFD
}

.contact {
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	color: #236BB8; 
}
.contactdet {
	font-family: Arial;
	font-size: 12px;
	color: #236BB8;
}

.aindex b{
	font-family: Arial;
	font-size: 11px;
	color: #3434FA;
	text-decoration: none;
}
/*.aindex b:hover{
	font-family: Arial;
	font-size: 11px;
	color: #0000FF !important;
	text-decoration: underline !important;
}*/


/*---------------------------------*/



#right_column {
font-family: Verdana, Helvetica, sans-serif;
float: right;
width: 196px;
margin: 5px 0 0 0;
padding: 0;
}

#right_column a{
font-family: Verdana, Helvetica, sans-serif;
text-align: left;
margin: 0;
padding: 0;
}

#right_column p {
font-family: Verdana, Helvetica, sans-serif;
text-align: left;
clear: both;
padding: 0;
margin: 5px 0 0 2px;
}

#right_column img {
float: right;
padding: 0;
margin: 0 7px 15px 7px;
}

#c2i_col_footer{
clear:both;
margin: 0;
padding: 0;
width: 196px;
height:15px;
background-image: url('images/navi-bot.gif');
background-position: bottom right;
background-repeat: no-repeat;
background-color: #c4d1e9;
}

#c2i_col{
width: 196px;
margin: 6px 0 0 0;
background-image: url('images/navi-top.gif');
background-position: top right;
background-repeat: no-repeat;
font-size: 11px;
background-color: #c4d1e9;
padding: 15px 0 0 0;
}

#c2i_col img{
border: 1px solid #FFFFFF;
float: left;
}

#c2i_col p{
text-decoration:none;
margin: 0 5px 5px 0;
padding: 0 5px 5px 5px;
font-size: 11px;
}

#c2i_col p b {
text-decoration:none;
font-size: 11px;
color:#0000CC;
}

#c2i_col p strong {
text-decoration:none;
font-size: 11px;
color:#0000CC;
}

#c2i_col a{
text-decoration:none;
font-size: 11px;
color: #000080;
}

#c2i_col a:hover{
text-decoration:underline;
font-size: 11px;
color: #0000cc;
}

/*---------------End------------------*/

.btn{
   
   text-transform:uppercase;
   color:#FFFFFF;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   background-color:blue;
   border:1px solid;
   border-top-color:#FFFFFF;
   border-left-color:#FFFFFF;
   border-right-color:#FFFFFF;
   border-bottom-color:#FFFFFF;
   }

.str {
font-family: Verdana, Helvetica, sans-serif;
color:#00fffc;
font-size:12px;
font-weight: bold;
/*margin-left:100px;*/
text-align:center;

}

 strong{
font-family: Verdana, Helvetica, sans-serif;
color:#000080;
font-size:12px;
font-weight: bold;
}
/*---------------------------------------Drop Down Start ----------------------------------------*/
#container {
	position: absolute;
	margin: auto auto;
}

#main {
	display: block;
	width:1000px;
	height: 20px;
	background-image: url('images/a2.jpg');
}


#nav, #nav ul {

	padding: 0;
	margin: 0;
	/*width: 760px;*/
	list-style: none;
}

#nav li {
	float: left;
}
     

#nav li a {
	display: block;
	text-align: center;
	padding-left: 0;
	background-position: 0px 0px;
}

#nav ul a {
	width: 100px;
	text-align: center;
	font-weight: normal;
	}
#nav li ul {
	position: absolute;
	margin-left: 18px;
	width: 100px;
	display: none;
}

#nav li:hover ul, #nav li.elem ul {
	display: block;
	left: auto;
	top: auto;

}
	
#nav a:link, #nav a:visited	{
	color : #FFFFFF;
	font-size : 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 8px 0 0;
	padding : 3px 3px 3px 22px;
	text-decoration : none;
	text-indent:10px;
	}

#nav ul a {
	background: #5454FA;
	font-size: 12px;
	color: #FFFFFF !important;
	border: 1px solid #1D3D01;
	border-right: 1px solid #1D3D01;
	border-left: 1px solid #1D3D01;
	border-top: 0px;
	padding: 3px !important;
	margin: 0px;
	font-weight: normal;
	}

#nav ul a:hover {
	
	background: #6BA9FE;
	color : #FFFFFF !important;
	}
#nav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size : 12px;
	font-weight: bold;
	}

/*---------------------------------------Drop Down End------------------------------------*/

.snip
{
font-family: Arial, Helvetica, sans-serif;
float: left;
width: 250px;
margin: 5px 0 0 0;
padding: 0;
}

.sniptop2
{
	font-family:Arial, Helvetica, sans-serif;
	padding: 8px 0px 0px 0px;
	width: 250px;
	color:#FFFFFF;
	background-image: url('bar.jpg');
	background-repeat: no-repeat;
	font-size: 13px;
	background-color: #D6FACB;
	text-align:center;
}

.sniptop2 p, .sniptop2 li 
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#011A07;
text-align:justify;
padding: 8px 4px 8px 4px;
text-indent:20px;
}

.sniptop2 a, .sniptop2 a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#011A07;
text-align:justify;
padding: 8px 4px 8px 4px;
text-indent:20px;
}

.sniptop
{
	font-family:Arial, Helvetica, sans-serif;
	padding: 8px 0px 0px 0px;
	width: 250px;
	color:#FFFFFF;
	background-image: url('bar2.jpg');
	background-repeat: no-repeat;
	font-size: 13px;
	background-color: #FEE4CA;
	text-align:center;
}

.sniptop p
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#412101;
text-align:justify;
padding: 8px 4px 8px 4px;
text-indent:20px;
}

#foodie{
width: 196px;
margin: 5px 0 0 0;
background-image: url('images/menu.jpg');
background-position: top right;
background-repeat: no-repeat;
font-size: 11px;
background-color: #c4d1e9;
padding:75px 0 0 0;
}
/*----------------------------------template-------------------------------*/
#container1 {

	background :#3A80E0 repeat-x right 0%;
	overflow : auto;
	width: 100%;
	padding-left:0px; 
	padding-right: 0px;
	padding-top:0px;
    margin: 0px auto 0px auto; 
	position: relative;
	margin-top:370px;
	z-index:6;
	}


#intro {
	position:relative;
	padding-bottom:0px;
	height:auto !important;
	height:1%;
	}







#clouds { 
	position: absolute;
	background: url(images/clouds1.jpg) repeat-x; 
	top: 200px;
	right: 0px; 
	width: 100%; 
	height: 104px;
z-index: -100;
	}

#water { 
	position: absolute;
	background: url(images/water_edge1.jpg) repeat-x; 
	top: 304px;
	right: 0px; 
	width: 100%; 
	height: 75px; 
	}

#fish1 { 
	position: absolute;
	background: url(images/fish1.gif) no-repeat right top; 
	z-index: 7;
	top: 800px;
	right: 6%;
	width: 181px; 
	height: 160px;
	}

#fish2 {
	position: absolute;
	background: url(images/fish2.jpg) no-repeat; 
	z-index: 3;
	top:0%;
	right:8%;
	width: 243px; 
	height: 154px; 
	
	} 

#sunli {	
	position: absolute;
	background: url(images/sunlight123.jpg) no-repeat; 
	z-index: 3;
	top: 200px;
	left: 0px;
	width: 472px; 
	height: 175px; 
	}

#fish3 { 
	position: absolute;
	background: url(images/fish3.jpg) no-repeat; 
	z-index: 7;
	top:380px;
	left: 20px;
	width: 191px; 
	height: 134px; 
	}

#footer0 {

position:relative;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%; 
	height: 426px; 
	background: url(images/seafloor_bg1.jpg) repeat-x left bottom;
	}

#footer0in {
	position:absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 633px; 
	height: 426px; 
	background: url(images/seafloor1.jpg) no-repeat;
}

#tabody 
{
 width:100%;
 position:relative;
 margin-top:0px;
 margin-left:0px;
 z-index:100;
 }

 #ceali h1
 {
    position:absolute; 
	z-index: 7;
	width: 300px; 
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#FF000C;
    text-align:center;
	left : 50%;
	margin-left : -150px;
	top:230px;
}
#nav-head
{	position: absolute;
	z-index: 7;
	top:0px;
	left: 0px;
	width: 100%; 
	height: 50px;
	}
#abspos
{ position:absolute;
width:100%;
height:130px;
TOP:-10px;
left:0px;
}