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

html
{
     
}

body 
{
margin : 				0;
padding: 				0;
font-size: 				100%;
font-family: 			Verdana, Geneva, Helvetica, sans-serif;
text-align:				center; /* center for ie 5.5 */
background: 			#dad9d6 url("media/site_bg_body.gif") repeat-y 50% 0;
}

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

#page_container 
{
width: 				945px;
margin:				0 auto;
background-color:	#FFFFFF;
text-align: 		left;
position:			relative;
}

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

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

/* ----------------- MAIN IMAGE PANEL ----------------- */

#mainimage
{
float: 					right;
margin: 				0;
width: 					645px;
height: 				400px;
}

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

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

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

#leftpanel a,
#leftpanel a:visited
{
color: 					#FF0000;
}

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

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

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

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

#rightpanel
{
width:				230px;
float:				right;
color: 				#333333;
}

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

#footer {
width: 				945px;
margin: 			0;
clear: 				both;
text-align: 		center;
background-color: 	#FF0000;
color: 				#FFFFFF;
font-size:			70%;
}

#footer p {
padding-top: 		20px;
padding-bottom: 	20px;
}

/* ----------------- 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;
}

.tourcode
{
color:              #999999;
margin-right: 		8px;
}

.ship
{
margin: 			20px 0 0 0 ;
padding: 			4px;
width: 				auto;
color:              #999999;
font-size: 			85%;
text-transform:		uppercase;
}

.icon
{
margin: 			0  0 0 4px;
padding: 			0;
vertical-align:		baseline;
}

/* ----------------- COST DIV ----------------- */

.cost_panel
{
margin: 			0;
padding: 			2px;
width: 				600px;
color:              #000000;
font-size: 			0.8em;
border-bottom: 		1px solid #d3d1c6;
text-transform:		uppercase;
}

.cost
{
float:              right;
color:              #000000;
}

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

.panel
{
margin: 			20px 0 0 0;
padding: 			10px 10px 0 10px;
width: 				600px;
color:              #333333;
border: 			1px solid #d3d1c6;
overflow:			auto;
}

.panel h1, .panel h2, .panel h3
{
font-weight: 		lighter;
margin:				0;
padding:			4px 180px 4px 4px;
}

.panel p
{
margin:				0;
padding:			4px 180px 4px 4px;
}

.panel img
{
margin:				0 0 10px 10px;
float: 				right;
width: 				150px;
}

/* ----------------- NEWS DIV ----------------- */

.news
{
margin: 			10px 10px 0 0;
padding: 			0;
width: 				30%;
float:				left;
border: 			1px solid #d3d1c6;
}

.news img
{
width: 				100%;
}

.news h4
{
padding:			5px 10px;
margin:				0;
background-color: 	#FF0000;
color:              #FFFFFF;
text-transform:		uppercase;
}

.news h3
{
padding:			5px 10px;
margin:				0;
color:              #333333;
text-transform:		capitalize;
}

.news p
{
padding:			5px 10px;
margin:				0;
color:              #333333;
}


/* ----------------- LEGEND DIV ----------------- */

.legend
{
margin: 			0;
padding: 			10px;
width: 				210px;
font-size: 			65%;
}

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

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

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

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

/* ----------------- COSTABLES ----------------- */

.costable table {
padding: 				0;
width: 					100%;
font-size: 				1em;
margin-bottom: 			10px;
border-collapse: 		collapse;
}

.costable th {
text-align:				center;
background-color: 		#FF0000;
border: 				1px solid #FFFFFF;
padding: 				2px;
margin: 				0;
text-transform: 		uppercase;
color: 					#FFFFFF;
}

.costable td {
background-color: 		#d3d1c6;
padding: 				4px;
margin: 				0px;
border: 				1px solid #FFFFFF;
text-align:				left;
}

.costa {
width: 					100px;
text-align:				right;
}