/* marebella stylesheet date 20.08.2007 */



body {

margin: 0 auto; 

	color: #006;

	background-color: #E4E4E4;

	font-family: verdana;

	font-size: 12px;

	line-height: 12px;

}



#page {

margin: 0 auto;

padding-top: 4px;

padding-bottom: 4px;

background-color: #E4E4E4;

width: 785px;

}



table {

	background-image: url(images/structure/bg.gif);

}



td p a:link {

	color: #804040;

	text-decoration: underline;

	}



td p a:hover {

color: #990000;

text-decoration: underline;
font-weight: bold;

}



/* NAVIGATION top */



a.nav, a.nav:link, a.nav:visited {

display:block; 

overflow:hidden; 

float:left;

width: auto; 

height:25px;

background: url(images/structure/blank4.gif);

border:1px solid #336; 

margin-top:2px; 

margin-left: 1px;

padding: 0 13px;

color:#336;

text-align:center; 

text-decoration:none;

font-family: verdana, arial, sans-serif;  

font-weight: normal;

line-height: 25px;

font-size:0.8em;

}

a.nav:hover {

color:#fff; 

background: url(images/structure/blue.jpg);

font-weight: normal;

}

a.nav:active {

color:#fff; 

background: url(images/structure/blue.jpg);

font-weight: normal;

}



.current {

display:block; 

overflow:hidden; 

float:left;

width: auto; 

height:25px;

background: url(images/structure/blue.jpg);

border:1px solid #336; 

margin-top:2px; 

margin-left: 1px;

padding: 0 16px;

color:#fff;

text-align:center; 

text-decoration:none; 

font-family: verdana, arial, sans-serif; 

font-size:0.8em;

font-weight: normal;

line-height: 25px;

}



td p {

padding: 5px 10px;

line-height: 1.3em;

}



/* NAVIGATION footer */



.footer {

line-height: 1.1em;

}

.footer a:link {

	font-size: 0.8em;

	color: #336;

	text-decoration: none;

}



.footer a:visited {

	font-size: 0.8em;

	color: #336;

	text-decoration: none;

}



.footer a:hover {

	font-size: 0.8em;

	color: #990000;

	text-decoration: underline;

}

.logo img {

	width: 780px;

	height: 169px;

	padding-bottom: 1px;

}



h1 {

	background: url(images/structure/blue.jpg);

	color: #fff;

	font-size: 0.9em;

	line-height: 25px;

	border-top: 1px solid #fff;

	padding: 3px 0 3px 0;

	margin: 0;

	text-align: center;

}



h2 {

	font-family: verdana;

	font-size: 0.8em;

	font-weight: normal;

	padding: 10px 10px 10px 10px;

	margin: 0;

	border-top: none;

	border-bottom: none;

	text-align: center;

}



h3 {

	font-family: verdana;

	font-size: 0.7em;

	font-weight: normal;

	margin: 0;

	border-top: none;

	border-bottom: none;

	text-align: center;

}



h4 {

	font-family: verdana; 

	font-size: 0.8em; 

	color:#999;

	font-weight: normal;

	display: inline;

}



p {

	font-family: verdana;

	font-size: 0.8em;

	font-weight: normal;

	padding: 10px 0;

	margin: 0;

	border-top: none;

	border-bottom: none;

}

.click a:link, a:visited {

	font-size: 1.0em;

	color: #804040;

	text-decoration: none;

}



.click a:hover {

	font-size: 1.0em;

	color: #990000;

	text-decoration: underline;

}



.listen, .map, .sharkdive {

	font-size: 0.8em;

	color: #336;

	padding-bottom: 10px;

}



/* map.html */



div#directions {

	font-size: 0.8em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

}



div#directions p {

	font-size: 12px;

	font-weight: bold;

	text-decoration: underline;

}



a:link {

	color: #804040;

	text-decoration: none;

	}



a:hover {

color: #990000;

text-decoration: underline;

}



.whalesleft {

width: 400px;

float: left;

line-height: 1.1em;

text-align: justify;

}



.whalesright {

width: 300px;

float: right;

line-height: 1.2em;

text-align:justify;

}



.whalesright img {

float: left;

height: 120px;

width: 120px;

padding-right: 5px;

padding-top: 5px;

}