/*******************/
/*RESETTING MARGINS*/
/*******************/

html {
    overflow-y: scroll;
}

div {
	margin:0px;
	padding:0px;
}

li {
	margin:0px;
	padding:0px;
}


ul {
	margin:0px;
	padding:0px;
}


h6 {
	margin:0px;
	padding:0px;
}


h5 {
	margin:0px;
	padding:0px;
}


h4 {
	margin:0px;
	padding:0px;
}


h3 {
	margin:0px;
	padding:0px;
}


h2 {
	margin:0px;
	padding:0px;
}


h1 {
	margin:0px;
	padding:0px;
}


body {
	margin: 0px;
	padding: 0px;
	background-image: url('../img/bg_forwarding.png');
	background-attachment: fixed;
}

@font-face {
    font-family: "Steiner";
    src: url("fonts/steiner.eot");
    src: url("fonts/steiner.eot?#iefix") format("embedded-opentype"),
         url("fonts/steiner.ttf") format("truetype"),
         url("fonts/steiner.svg#steiner") format("svg");
    font-weight: normal;
    font-style: normal;

}

/****************/
/*PAGE CONTAINER*/
/****************/


div#Wrapper {
	width:1000px;
	height: auto;
	margin:0px auto 0px auto;
	font-family: Arial, "Helvetica", sans-serif;
	font-size:100%;
	color: black;
}


/*************************/
/*DIV ANCHOR FOR PAGE TOP*/
/*************************/


div#PageTop {
	width:1000px;
	margin:0px auto 0px auto;
	height:20px;
	color: #E3E8FB
}


/*************/
/*PAGE HEADER*/
/*************/


div#Header {
	width: 980px;
	height: 125px;
	background-image:url('../img/header_bg_eu.jpg');
	margin:0px auto 0px auto;
	border-color:#45689F;
	border-style:solid;
	border-width:10px;
	box-shadow:5px 5px 5px #949AA3;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

div#Aquatnet {
	width:200px;
	height:36px;
	background-image: url('../img/aquatnet.png');
	background-position:center center;
	background-repeat:no-repeat;
	float:right;
	clear:right;
	margin:10px 5px 10px 10px;
}

div#Aquatnet:hover {
	background-image: url('../img/aquatnet_white.png');
}
div#Eurastip {
	width:200px;
	height:36px;
	background-image: url('../img/eurastip.png');
	background-position:center center;
	background-repeat:no-repeat;
	float:center;
	clear:center;
	margin:12px 5px 10px 600px;
}

div#Eurastip:hover {
	background-image: url('../img/eurastip_white.png');
}

	

/************/
/*PAGE TITLE*/
/************/



div#PageTitle {
	background-image:url('../img/pagelogo.png');
	background-position: left center;
	background-repeat:no-repeat;
	width:320px;
	height:100px;
	margin: 0px 0px 0px 10px;
	position:relative;
	float:left;
	clear:left;
	
}

div#PageTitle h1{
	width:320px;
	height:40px;
	line-height:40px;
	margin:25px 0px 0px 110px;
	font-family: Steiner, "Century Gothic", "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:30pt;
	color: #4155A3;

	
}
div#PageTitle h2 {
	width:320px;
	height:20px;
	line-height:20px;
	margin:0px 0px 0px 110px;
	font-family: Arial, sans-serif;
	font-weight:normal;
	font-size:110%;
	color: #4155A3;
}
}
div#PageTitle h3 {
	width: 220px;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 0px 150px;
	font-family: Arial, sans-serif;
	font-weight: lighter;
	font-size: 110%;
	color: #45689F;
}



/***************/
/*GLOBAL NAVBAR*/
/***************/


div#NavbarGlobal {
	width:150px;
	margin:5px 20px auto auto ;
	float:right;
	clear:right;
	text-align:right;
}

div#NavbarGlobal ul {
	list-style-type:none;
	
}

div#NavbarGlobal ul li {
	display:inline;
	float:right;
}		

div#NavbarGlobal ul li a {
	color:#4155A3;
	font-size:85%;
	margin-left:10px;
	text-decoration:bold;
}		

div#NavbarGlobal ul li a:hover {
	color:#FFFFFF;
}


/************/
/*BREADCRUMB*/
/************/


div#Breadcrumb {
	width:750px;
	margin:5px 0px 0px 20px;
	float:left;
	clear:left;
}

div#Breadcrumb ul {
	list-style:none;
}

div#Breadcrumb ul li {
	display:inline;
	padding:0px 0px 0px 10px;
	background:transparent url(../img/bullet_arrow.png) no-repeat left center;
	font-size:85%;
	text-align:right
}

div#Breadcrumb ul li.nobullet {
	background:none; 
	padding:0px 0px 0px 0px;
}

div#Breadcrumb ul li a {
	text-decoration:none;
	color:#4155A3;
}

div#Breadcrumb ul li a:hover {
	color:#FFFFFF;
}


/*******************/
/*CONTENT CONTAINER*/
/*******************/


div#Content {
	background-color:#45689F;
	width:1000px;
	height:auto;
	margin:20px auto 0px auto;
	padding-bottom:10px;
	box-shadow:5px 5px 5px #949AA3;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	overflow:auto;
}


/****************/
/*CONTENT NAVBAR*/
/****************/


div#Navbar {
	margin:10px 10px 0px 10px;
	position:relative;
	width:980px;
	height:40px;
	background-color:#A7CEEF;
	border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	font-size:100%;
	font-family: "Tahoma", "Arial", sans-serif;
}

div#NavTabs {
	padding:5px 0px 0px 0px;
	margin:5px auto 0px auto;
	width:980px;
	height:40px;
}

ul#NavTabs {
	width:940px;
	height:33px;
	text-align:left;
	list-style:none;
	margin:0px 0px 0px 5px;
}

ul#NavTabs ul {
	width:940px;
	height:33px;
	text-align:left;
	list-style:none;
}

ul#NavTabs li {
	display:inline;
	height: 33px;
	line-height:33px;
}


ul#NavTabs a {
	margin:0px 0px 0px 0px;
	display:inline-block;
	color:#4155A3;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	background-color: #BBDDF6;
	border:2px #45689F solid;
	border-bottom:0;
	border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
}

ul#NavTabs a.inactive, #NavTabs a.inactive:hover  {
	color:#E9F2F9;
	background-color: #45689F;
}

ul#NavTabs a:hover {
	background-color: #FEFEFE;
}

ul#NavTabs a.backtab {
	width:50px;
	background-image:url('../img/icon_back.png');
	background-repeat:no-repeat;
	background-position:85% 55%;
}





/************************/
/* MAIN CONTENT FORMATS */
/************************/


.maincontent {
	background-color:#FFFFFF;
	text-align:left;
	width:700px;
	height:auto;
	margin:10px 0px 0px 10px;
	position: relative;
	float:left;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	overflow:auto;
}

.maincontent#Fullpage {
	width:980px;
}

.maincontent#Gallery {
	width:980px;
}


.maincontent h1 {
	width:660px;
	height:40px;
	line-height:40px;
	padding:10px 20px 10px 20px;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size:200%;
	font-weight:bold;
	color:#4155A3;
	border-bottom:2px #45689F solid;
	background-image:url('../img/icon_heading1_bivalve.png');
	background-repeat:no-repeat;
	background-position:653px center;
}

.maincontent h1.Bivalve {
	background-image:url('../img/icon_heading1_bivalve.png');
}

.maincontent h1.Crustacean {
	background-image:url('../img/icon_heading1_crustacean.png');
}

.maincontent#Fullpage h1, .maincontent#Gallery h1, .maincontent#Fullpage h2 {
	width:940px;
	background-position: 933px center;
}

.maincontent h2 {
	width:660px;
	height:27px;
	clear:both;
	line-height:27px;
	margin:20px 20px 10px 20px;
	font-size:125%;
	color:#4155A3;
	font-weight:bold;
}

.maincontent#Gallery p {
	border-bottom:1px #A7CEEF solid;
	padding-bottom:10px;
}

.maincontent h2 a {
	text-decoration:none;
	color: #4155A3
}

.maincontent h2 a.link:hover {
	color: #A7CEEF;
}

.maincontent h3 {
	font-size:110%;
	font-weight:bold;
	margin:10px 20px 0px 20px;
}

.maincontent p {
	line-height:130%;
	margin: 10px 20px 20px 20px;
	font-size:90%;
	text-align:justify;
}

.maincontent p.underline {
	border-bottom:1px black solid;
	padding-bottom:15px;
}

.maincontent p a, div.maincontent ul li a {
	color:#4155A3;
	font-weight:bold;
	text-decoration:none;
}

.maincontent p a:hover, .maincontent ul li a:hover {
	color:#A7CEEF;
}

.maincontent ul {
	list-style-type:circle;
}

.maincontent ul.numbered {
	list-style-type: decimal;
}

.maincontent ul.nobullet {
	list-style-type:none;
}

.maincontent ul li {
	position:relative;
	font-size:90%;
	text-align:justify;
	line-height:130%;
	margin:10px 20px auto 50px;
}

#BackTop {
	height:27px;
	width:27px;
	float:right;
	clear:both;
	position:relative;
	top:-37px;
	right: 20px;
	margin-bottom:-37px;
	z-index:5;
	background:transparent url('../img/icon_backtotop.png') no-repeat center center;
}

#BackTop:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.maincontent table {
	margin:10px 20px 10px 20px;
}
.maincontent table td {
	padding:2px 10px 2px 10px;
}


/*****************/
/* IMAGE FORMATS */
/*****************/

.maincontent img.left {
	display:block;
	vertical-align:text-top;
	float:left; 
	clear:left;
	margin:10px 20px 10px 10px;  
	border:solid 1px #4155A3;
}

.maincontent img.right {
	display:block;
	vertical-align:text-top;
	float:right; 
	clear:right;
	margin:10px 10px 10px 20px;  
	border:solid 1px #4155A3;
}

.maincontent img.center {
	display:block;
	vertical-align:text-top;
	clear:both;
	margin:20px auto 10px auto;  
	border:solid 1px #4155A3;
}

.maincontent img.left_noborder {
	display:block;
	vertical-align:text-top;
	float:left; 
	clear:left;
	margin:10px 20px 10px 10px;  
}

.maincontent img.right_noborder {
	display:block;
	vertical-align:text-top;
	float:right; 
	clear:right;
	margin:10px 10px 10px 20px;  
}

.maincontent img.center_noborder {
	display:block;
	vertical-align:text-top;
	clear:both;
	margin:20px auto 10px auto;  
}


.maincontent iframe.left {
	display:block;
	vertical-align:text-top;
	float:left; 
	clear:left;
	margin:10px 20px 10px 10px;  
	border:solid 1px #4155A3;
}

.maincontent iframe.right {
	display:block;
	vertical-align:text-top;
	float:right; 
	clear:right;
	margin:10px 10px 10px 20px;  
	border:solid 1px #4155A3;
}


/************************/
/* MEDIA LINK TABLES */
/************************/


.mediatable {
	width:660px;
	height:auto;
	clear:both;
	vertical-align:middle;
	margin:20px auto 30px auto;
	border-collapse:collapse;
}

.mediatable td {
	height:auto;
	background-color:#A7CEEF;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:2px 2px 2px 2px;
	font-size:90%;
}

.mediatable td.doc {
	width:50px;
	height:50px;
	background-image:url('../img/icon_document.png');
	background-repeat:no-repeat;
	background-position:center center;
	padding:0px 0px 0px 0px;

}

.mediatable td.photo {
	width:50px;
	height:50px;
	background-image:url('../img/icon_photo.png');
	background-repeat:no-repeat;
	background-position:center center;
	padding:0px 0px 0px 0px;
}

.mediatable td.video {
	width:50px;
	height:50px;
	background-image:url('../img/icon_video.png');
	background-repeat:no-repeat;
	background-position:center center;
	padding:0px 0px 0px 0px;
}

.mediatable td.links {
	width:50px;
	height:50px;
	background-image:url('../img/icon_weblinks.png');
	background-repeat:no-repeat;
	background-position:center center;
	padding:0px 0px 0px 0px;
}

.mediatable td.learning {
	width: 50px;
	height: 50px;
	background-image: url('../img/icon_hat_small_2.png');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px 0px 0px 0px;
}

.mediatable tr td ul {
	list-style-type:none;
	margin:8px 0px 8px 0px;
}

.mediatable tr td ul li {
	color:#4155A3;
	margin: 2px 13px 2px 13px;
}

.mediatable td tr li a {
	color:#4155A3;
	text-decoration:none;
}

.mediatable td li a:hover {
	color:#FFFFFF;
}

/****************/
/* SIDE BUBBLES */
/****************/


.sidebubble {
	background-color:#FFFFFF;
	text-align:left;
	width:270px;
	height:auto;
	margin:10px 10px 5px 10px;
	position: relative;
	float:right;
	clear:right;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	overflow:auto;
	font-size:100%
}


.sidebubble h1 {
	width:230px;
	height:40px;
	line-height:40px;
	clear:both;
	padding:10px 20px 10px 20px;
	font-size:125%;
	font-weight:bold;
	color:#4155A3;
	border-bottom:2px #45689F solid;
}

.sidebubble ul{
	margin:10px 20px 15px 20px;
	width:230px;
	list-style-type:none;
}

.sidebubble ul li{
	display:block;
	height:25px;
	line-height:25px;
}


.sidebubble ul li a {
	text-decoration:none;
	font-weight:bold;
	color:#4155A3;
}	

.sidebubble ul li a:hover {
	color:#A7CEEF;
}	

.sidebubble#QuickJump h1 {
	background-image:url('../img/icon_quickjump.png');
	background-repeat:no-repeat;
	background-position:226px center;
}

.sidebubble#GalleryLink h1 {
	background-image:url('../img/icon_gallery.png');
	background-repeat:no-repeat;
	background-position:226px center;
}

.sidebubble#GalleryLink li.video {
	background-image:url('../img/icon_video.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:40px; 
	margin:30px 0px 30px 0px;
}

.sidebubble#GalleryLink li.photo {
	background-image:url('../img/icon_photo.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:40px; 
	margin:30px 0px 30px 0px;
}

.sidebubble#GalleryLink li.learning {
	background-image: url('../img/icon_hat_small.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin: 30px 0px 30px 0px;
}


/*******************/
/* GALLERY FORMATS */
/*******************/


.maincontent#Gallery {
	width:980px;
}

.maincontent#Gallery h1 {
	width:940px;
}

.maincontent#Gallery h2 {
	width:940px;
	text-align:center;
}


.maincontent#Gallery p {
	text-align:center;
	line-height:100%;
	width:940px;
}

.maincontent#Gallery img {
	border: 1px #45689F solid;
	margin:10px 10px 10px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

}

.maincontent#Gallery img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}


/**********/
/* FOOTER */
/**********/


div#Footer {
	width: 980px;
	height: auto;
	clear:both;
	text-align:center;
	color:#4155A3;
	font-size:90%;
	background-color:#A7CEEF;
	margin:20px auto 20px auto;
	border-color:#45689F;
	border-style:solid;
	border-width:10px;
	box-shadow:5px 5px 5px #949AA3;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

div#Footer p {
	margin:5px 0px 5px 0px;
}