/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: white;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {
color: white;
text-decoration:none;}
a:visited {
color:white;
text-decoration:none;
}
a:hover {
color: #564b47;
text-decoration:none;
}
a:active { 
color:#000000;
text-decoration:none;
}

h1 {
background: white url(../images/redgreybar.jpg) repeat-x;
font-size: 11px;
text-transform:uppercase;
color:white;
clear:left;
padding:5px 15px;
margin:0px;
}

h1 a:hover { color:black; }


h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h4 {
padding: 5px 10px;
color: black;
margin:15px;
background: #eeeeee url(../images/bullet.gif) 
			top left no-repeat;
}

.navi {
font-size:11px;
background-color: #a42725;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 850px;
height: 1280px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
position: relative;
} 

/* ----------container to center the layout---------- */
#container_seafarers {
width: 850px;
height: 2580px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
position: relative;
} 

/* ----------container to center the layout---------- */
#container_events {
width: 850px;
height: 2580px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
} 

#within {
width:650px;
height:370px;
overflow:auto;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #eeeeee;;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #d7d7d7;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:0.9px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }
/* -----------------content--------------------- */
#content{
	background-color: #eeeeee;
	position: relative;
	margin: 0px;
	margin-left:0px;
	width: 650px;
	height: 1080px;
}
#content_seafarers{
	background-color: #eeeeee;
	position: relative;
	margin: 0px;
	margin-left:0px;
	width: 650px;
	height: 2580px;
}

#leftpanel{
width:170px;
}

.emptext{
	font: 0.7em Verdana;
	color: black;
	font-size:12px;
}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:5px; margin:5px;
}
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	font-size:10px;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	color:#000000;
	text-decoration:underline;
}
.smallgraytext a:visited{
	color:#999999;
}
.smallgraytext a:active{
	color:#999999;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#a42725;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#a42725;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
font-weight:none;
padding:0px;
margin:0px;
text-align: right; 
color: white;} 

A.menulink {
display: block;
padding: 8px 5px;
width: 170px;
font-weight:bold;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #a42725;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
border: solid 1px white;
background-color:#F0E1FF;
color: #a42725;
}
A.menulink:active{
color: #a42725;
}
A.menulink:visited {
color: #a42725;
}