*
{
font-family:			Verdana, Arial, Helvetica, sans-serif;
}

html
{
     
}

body 
{
margin :				0;
padding:				0;
font-size:				100%;
font-family:			Verdana, Geneva, Helvetica, sans-serif;
background:			 #C3CBC5;
text-align:				center; /* center for ie 5.5 */
}

/* ----------------- PAGE STRUCTURE ----------------- */

#page_container 
{
width:				980px;
margin:				0 auto;
background-color:	#FFFFFF;
background:		url(../components/background.gif) top left repeat-y;
text-align:		left;
position:			relative;
}

/* ----------------- HEADER ----------------- */

#header
{
width:				100%;
background:			#ADAE92 url(../components/head_background.gif) top left repeat-y;
font-size:			0.6em;
margin:			0;
color:				#666666;
line-height:		20px;
text-align:		right;
}  

/* ----------------- FEATURE PANEL ----------------- */

#features_panel
{
font-size:				0.7em;
background-color:		#EBE9DC;
float:					right;
margin:				0;
text-align:			left;
width:					720px;
color:					#FFFFFF;
line-height: 		18px;
height:				200px;
overflow:				hidden;
}
    
#features_panel img
{   
float:					left;
margin-right:			20px;
}  

/* ----------------- LEFT PANEL ----------------- */

#leftpanel
{
float:					left;
width:					260px;
margin:				0;
}

#leftpanel img
{   
margin-left:			20px;
} 

#leftpanel a,
#leftpanel a:visited
{
color:					#6a6a6b;
}

#leftpanel p
{   
margin:				10px 20px 10px 20px;
color:					#333333;
line-height:			1.2em;
font-size:				70%;
} 

#leftpanel h4
{
margin-left:			20px;
font-size:				0.8em;
} 

/* ----------------- MAIN CONTENT AREA----------------- */

#content_container
{
margin:			0;
padding:			0;
float:				right;
width:				720px;
}

#content
{
float:				left;
padding:			35px 20px 20px 20px;
margin:			0;
width:				450px;
color:				#333333;
}

#content_stretched
{
float:				left;
padding:			35px 20px 20px 20px;
margin:			0;
width:				680px;
color:				#333333;
line-height:		1.2em;
font-size:			80%;
background-color:   #FFFFFF;
}

/* ----------------- RIGHT PANEL ----------------- */

#rightpanel
{
width:				230px;
float:				right;
color:				#333333;
font-size:			75%;
}

#rightpanel p, #rightpanel h1, #rightpanel h2, #rightpanel h3, #rightpanel h4
{
margin:				0;
padding:			5px 10px;
}

.box
{
background-color:	#ADAE92;
color:				#FFFFFF;
}

.box a
{
color:			  #FFFFFF;
}

.box a:hover
{
color:			  #000000;
text-decoration: underline;
}

/* ----------------- FOOTER ----------------- */

#footer 
{
width:					720px;
clear:					both;
margin:				0;
padding:				6px 0 6px 280px;
background-color:		#EBEBD6;
font-size:				0.6em;
color:					#666666;
background:			url(../components/footer.gif) left top repeat-y;
position:				relative;
}

#footer p
{    
padding:				6px 240px 6px 0;
}

#footer a,
#footer a:visited
{    
font-weight:			normal;
}

#footer a:hover
{
color:					#000000;
}

.credits
{
width:					230px;
float:					right;
line-height:			1.6em;
}

/* ----------------- PANEL DIV ----------------- */

.panel
{
margin:			20px 0 0 0;
padding:			10px 10px 0 10px;
width:				95%;
background-color:   #FFFFFF;
color:			  #333333;
border:			1px solid #d3d1c6;
overflow:			auto;
}

.panel h1, .panel h2, .panel h3
{
font-weight:		lighter;
}

.panel img
{
float:				right;
margin:				-10px  -10px 0 20px;
}

/* ----------------- LISTS IN CONTENT ----------------- */

ul.contentlist
{
font-size:          80%;
list-style-image:   url(../components/dot.gif);
margin:			 0;
padding:			0 0 0 10px;
line-height:        1.2em;
}

ul.contentlist li
{
margin:			 5px 0 0 0;
padding:			0;
}

ul.contentlist li ul
{
font-size:          10px;
margin:			 5px 0 0 0;
}

#content ol
{
font-size:          80%;
margin:			 0;
padding:			0 0 0 20px;
line-height:        1.2em;
}

ul.departures {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #d3d1c6;
color: #999999;
}

ul.departures li {
padding: 4px;
border-bottom: 1px solid #d3d1c6;
font-size: 70%;
text-transform: uppercase;
}

#rightpanel ul.departures {
margin: 0;
padding: 0 10px;
font-size:	130%;
color: #000000;
}
/* ----------------- DATES DIV ----------------- */

.date_panel
{
margin:			0 0 30px 0;
padding:			4px;
width:				auto;
color:			  #999999;
font-size:			0.7em;
border-top:		1px solid #d3d1c6;
border-bottom:		1px solid #d3d1c6;
text-transform:		uppercase;
}

.date_panel_top
{
margin:			0;
padding:			4px;
width:				auto;
color:			  #999999;
font-size:			0.7em;
border-top:		1px solid #d3d1c6;
text-transform:		uppercase;
}

.duration
{
float:			  right;
color:			  #000000;
text-transform:		uppercase;
}

/* ----------------- THUMBNAILS DIVS (Brochures Page) ----------------- */

.thumbnails {
width:				148px;
float:				left;
padding:			1px;
margin:			20px 14px 10px 0;
background-color:	#E7E7E8;
text-align:			center;
}

.thumbnails h3 {
padding:			10px 0 0 0;
font-size:			110%;
margin:			0;
}

.thumbnails p {
padding:			5px;
font-size:			60%;
margin:			0;
}

.thumbnails img {
width:				148px;
}

/* ----------------- THUMBNAILS DIVS (Home Page)----------------- */

.thumbnailsauto {
width:				auto;
float:				left;
padding:			1px;
margin:			20px 14px 10px 0;
background-color:	#FFFFFF;
text-align:			center;
font-weight:		lighter;
}

.thumbnailsauto h3 {
padding:			5px 0 0 0;
font-size:			110%;
margin:			0;
}

.thumbnailsauto p {
padding:			3px;
font-size:			60%;
margin:			0;
}



/* ----------------- CALENDAR ----------------- */

.calendar 
{ 
margin-top:		30px;
width:				95%;
font-size:			75%;
}

.calendar ul
{
margin-left:		0;
padding-left:		0;
list-style-type:	none;
}

.calendar li
{
border-bottom:		1px solid #ADAE92;
padding:			2px;
width:				100%;
}

.calendar a
{
display:			block;
margin:			-2px;
padding:			2px;
width:				100%;
background-color:	#FFFFFF;
font-weight:		normal;
text-decoration:	none;
color:				#000000; 
}

.calendar a:link, .calendarlist a:visited
{
color:				#000000;
text-decoration:	none;
}

.calendar a:hover
{
background-color:	#EBE9DC;
color:				#000000;
text-decoration:	none;
}

.calendarmonth 
{
display:			block;
padding:			4px;
width:				100%;
background-color:	#ADAE92;
color:				#FFFFFF;
font-size:			120%;
font-weight:		bold; 
}

.calendar strong
{
color:				#990000;
text-transform:		capitalize;
}

.calendar em
{
font-style:			normal;
font-weight:		bold; 
color:				#FF6600;
}

/* ----------------- SPECS DIV (Vessels Pages)----------------- */

.specs
{
margin:			0;
padding:			0;
width:				230px;
font-size:			0.7em;
line-height:		1.2em;
}

.specs h3
{
margin:			0;
padding:			5px;
text-transform:	uppercase;
font-weight:		lighter;
color:				#FFFFFF;
}


/* ----------------- TABLES ----------------- */

table {
padding:				0;
width:					100%;
font-size:				65%;
margin-bottom:			10px;
border-collapse:		collapse;
}

td {
background-color:		#d3d1c6;
border:				1px solid #FFFFFF;
padding:				2px;
margin:				0px;
text-align:				center;
}

th {
text-align:				center;
background-color:		#000000;
border:				1px solid #FFFFFF;
padding:				2px;
margin:				0;
text-transform:		uppercase;
color:					#FFFFFF;
font-weight:			lighter;
}

/* ----------------- TABLE SPECS ----------------- */

.specs table {
padding:				0;
margin:				0;
width:					100%;
font-size:				65%;
border-collapse:		collapse;
}

.specs td {
background-color:		#E7E7E8;
color:					#000000;
border:				1px solid #FFFFFF;
padding:				4px;
margin:				0;
text-align:				left;
vertical-align:		top;
}

.specs th {
width:					35%;
text-align:				left;
border:				1px solid #FFFFFF;
padding:				4px;
margin:				0;
text-transform:		uppercase;
font-weight:			lighter;
background-color:		#E7E7E8;
color:					#000000;
vertical-align:		top;
}

/* ----------------- BUTTONS ----------------- */

a.button{
	background-color: #E3E1D5;
	display:block;
	color:#6A6A6B;
	font-weight:bold;
	height:30px;
	line-height:29px;
	font-size: 70%;
	border-bottom: solid 1px #d3d1c6;
	text-decoration:none;
	text-transform: uppercase;
	width:230px;
}
a:hover.button{
	color:#000000;
	background-color: #d3d1c6;
	text-decoration:none;
}

	.mail{
		background:url(media/icon_mail.gif) no-repeat 5px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(media/icon_acrobat.gif) no-repeat 5px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(media/icon_conditions.gif) no-repeat 5px 8px;
		text-indent:30px;
		display:block;
	}
	.traveldoctor{
		background:url(media/icon_traveldoctor.gif) no-repeat 5px 8px;
		text-indent:30px;
		display:block;
	}
	.print{
		background:url(media/icon_print.gif) no-repeat 5px 8px;
		text-indent:30px;
		display:block;
	}