/* -------------------------------------------------------------
  Common 													
 -------------------------------------------------------------*/
html, body, form, p, div, table, img, ul, li, span, td, hr, h1, h2, h3, h4, h5 {
	margin: 				0; 
	padding: 				0; 
	border: 				0; 
}

body, a, li, p, div, td, h1, h2 { 
	font-family: 			verdana, arial;
	font-size: 				11px;
	color: 					#444;			
}

body {	
	height:					100%;
	width:					100%;	
	background-color:		#002e57;	
	background-image: 		url('../images/body_background_waves.gif');
	background-repeat:		repeat-x;
	background-position:	center top;
}

a {
	color:					#085ba9;	
	text-decoration: 		underline;	
}

ul {	
	list-style-position:	inside;	
}

li {
	list-style-position:	inside;
	list-style-type:		square;			
}

h2, h3, h4, h5 {
	margin-bottom: 			5px;
	font-size: 				12px;
	color:					#085ba9;	
}

h3, h4 	{	font-size:		12px;	}
h4 		{	margin-top: 	25px;	}
h5 		{	margin-bottom:	10px;	}
.left 	{	float: 			left;	}
.right 	{ 	float: 			right; 	}

.footer {
	padding: 				28px 35px 0 0;
	text-align:				right;
	color: 					#888;
	font-size: 				10px;
}
	
.imgLeft {
	float:					left;
	margin:					0 10px 10px 0;
}

.imgRight {
	float:					right;
	margin:					0 0 10px 10px;
}

.imgTop		{	margin-bottom:	10px; 	}
.imgBottom	{	margin-top:		10px; 	}
.white 		{	background:		#fff;	}
.padding	{	padding: 		10px;	}
.clear 		{	clear: 			both;	}
.date		{	color:			#666; 	font-size: 11px;	}

.logo {
	position: 	relative;
	z-index:	4;
}

/* -------------------------------------------------------------
  Containers
 -------------------------------------------------------------*/
.siteContainer { 
	margin: 				0 auto; 	
	width: 					900px;		
}

.topContainer, .mainTop, .mainContainer {
	width:					880px;
}

.mainBottom {
	width:					860px;
}

.topContainer, .mainTop {
	background: 			#fff;
	margin:					0px auto 0 auto;
	padding:				10px 0 0 0;
}

.topContent {
	margin:					0 20px 5px 20px;	
	height:					45px;
}

.topBottom {
	height: 				20px;	
	background-image: 		url('./../images/image_shadow_top.png');
	background-repeat: 		repeat-x;	
}

.mainTop {
	margin-top:				0;	
	padding:				0;
	height: 				20px;	
	background-image: 		url('./../images/image_shadow_bottom.png');
	background-repeat: 		no-repeat;		
}

.mainContainer {
	margin:					0 auto;
}

.mainBorder {
	background-color: 		#fff;
	padding:				0 10px 10px 10px;
	margin-bottom:			20px;	
	float:					left;
}

.mainContent {
	background-color:		#ebebeb;	
	background-image:		url('./../images/main_sides.png');
	background-repeat: 		repeat-y;	
	float:					left;
	padding:				0 20px;	
}

.mainBottom {
	height: 				20px;	
	background-image: 		url('./../images/main_bottom.png');
	background-repeat: 		no-repeat;	
	float:					left;				
}

.sideContainer {
	float: 					right;
	width:					190px;
}

.imageContainer {
	background-color:		#fff;
	padding:				10px;
}

#horizontal .imageContent {	
	position:				relative;
	height: 				295px;	
	background-image: 		url('./../images/backgrounds/horizontal_1.jpg');
	background-repeat: 		no-repeat;	
	background-position:	center left;	
}

#vertical .imageContent {
	position:				relative;
	height: 				250px;
	background-image: 		url('./../images/backgrounds/vertical_1.jpg');
	background-repeat: 		no-repeat;	
}

.textContent {	
	width:					820px;
	float:					left;
}

#showSide .textContent, .textContentStandAlone {
	float: 					left;
	width:					630px;	
}	

.titleBox {	
	height:					23px;		
}

#news .titleBox {
	clear:					both;
}

.titleBox div {	
	float:					left;
	padding:				5px 10px;
	background:				#888;
	color:					#fff;
	font-weight:			bold;
}

.titleBox div.date {
	background:				red;
	padding:				5px 7px;
}

#sideBox .titleBox div {
	float:					left;
	width:					170px;
}



.flagContainer {	
	margin:					5px 8px 10px 0;
	text-align: right;
}

#flag a {
	margin-left: 			2px;	
}

#flag img {
	margin:					2px;
}

#flag img.active {
	border:					2px solid #fff;
	margin:					0;
}

/* -------------------------------------------------------------
  White Boxes
 -------------------------------------------------------------*/
.columnBox {
	float: 					left;
	background-color:		#fff;		
	padding:				10px 10px 12px 10px;
	margin:					0 0 2px 0;
	background-image: 		url('./../images/boxes/610_shadow.png');
	background-repeat: 		no-repeat;	
	background-position:	bottom left;	
}

.columnContent { 
	width: 					590px; 
	position: 				relative;	
}

.columnRow {
	float:					left;
}

#twoBoxes .columnBox {	
	padding:				0;
	margin:					0 0 20px 0;
	background-image: 		url('./../images/boxes/295_shadow.png');
	background-repeat: 		no-repeat;	
	background-position:	bottom left;
}

#smallBox .columnBox, #sideBox .columnBox {
	margin-right:			20px;	
	background-image: 		url('./../images/boxes/190_shadow.png');
	background-repeat: 		no-repeat;	
	background-position:	bottom left;		
}

#sideBox .columnBox {		
	margin: 				0 0 22px 0;	
	
}

#boatBox .columnBox {
	margin-right:			0px;
	background-image: 		url('./../images/boxes/470_shadow.png');
	background-repeat: 		no-repeat;	
	background-position:	bottom left;
}

#lastColumn .columnBox 				{ margin-right: 0; 					}
#lastRow .columnBox					{ margin-bottom: 2px;				}
#lastColumn .columnBox				{ margin-left: 20px;				}
#smallBox #lastColumn .columnBox,
#firstColumn .columnBox				{ margin-left: 0;					}
#pageUnder .columnBox				{ margin-bottom: 22px;				}

#boatBox .columnContent				{ width: 450px;						}
#twoBoxes .columnContent			{ width: 295px;						}
#smallBox .columnContent, 
#sideBox .columnContent				{ width: 170px; height: 140px;		}
#noSide #sideBox .columnContent		{ height: auto;						}

.columnLink {
	position:				absolute;
	left:					10px;
	bottom:					10px;	
	background-image: 		url('./../images/button_bg.gif');
	background-repeat: 		repeat-x;			
}

.columnLink a {		
	display:				block;
	padding:				6px 17px 6px 10px;
	font-weight:			bold;	
	text-decoration:		none;
	color:					#005bab;
	background-color:		#fff;
	background-image:		url('./../images/menu/page_menu_arrow.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;
}

#sideBox .columnLink a, #noSide .columnLink a {
	color:					#fff;
	background-color:		#888;
	background-image:		url('./../images/menu/page_menu_arrow_active.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;
}

.columnLink a:hover {
	color:					#fff;
	background-color:		#005bab;
	background-color:		#888;
	background-image:		url('./../images/menu/page_menu_arrow_active.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;
}

#sideBox .columnLink a:hover, #noSide .columnLink a:hover {
	background-color:		#005bab;	
}

.columnVideo {
	margin-bottom:			20px;
}

.columnLinkContainer {
	float:					right;
	width:					250px;
	margin:					0 0 0 10px;	
}

#hull .columnLinkContainer {
	width:					190px;
	margin-bottom:			5px;
}

.columnLinkContent {
	background:				#ddd;
	padding:				10px;
	margin-bottom:			10px;
}

#smallBox .columnLink, #sideBox .columnLink {
	left:					auto;
	right:					0px;
	bottom:					0px;
}

.TDnumber {
	background-color:		#ff0000;
	font-weight: 			bold;	
	color:					#fff;
	width:					35px;	
	height:					25px;
	text-align:				center;
}

.TDplay {
	height:					25px;
	width:					35px;
}

.TDtitle {
	background-color:		#888;
	font-weight: 			bold;	
	color:					#fff;
	width:					260px;
	height:					25px;
}

.TDtext {
	padding:				10px 0 10px 10px;
	height:					180px;
	vertical-align:			top;
}

.TDfoot {
	padding:				0 10px 10px 10px;
}

#parent .TDtitle {
	width:					295px;
}

#parent .TDtext {
	padding:				10px 0px 2px 10px;
	height:					100px;
}

#rightSide .TDtext {	padding:	10px 10px 10px 0; }
#leftSide  .TDtext {	padding:    10px 0 10px 10px; }

#video .TDtext {
	padding:				10px;
	height:					85px;
}

.videoBox {
	padding-left: 			55px;
	margin:					0 20px 20px 0;
	height:					300px;
	
	background: 			#000;
	background-image:		url('./../images/video/video_curtain.gif');	
}

/* -------------------------------------------------------------
  
 -------------------------------------------------------------*/
#pageBox2, #pageBox3, #pageBox4, #pageBox5 {
	display: 				none;
}

#listcolor td, #list li	{	padding:			5px 5px;	}
#listcolor tr.sec 		{	background-color: 	#ddd;		}
#listcolor tr 			{	background-color: 	#ccc;		}


/* -------------------------------------------------------------
  Menu
 -------------------------------------------------------------*/
#menu ul {	
	margin: 				17px 0 0 0;		
	list-style-type: 		none;			
}

#menu li, #navigator li {	
	display: 				inline;
	float: 					left;
	list-style-type: 		none;	
	position:				relative;
	z-index:				20;
}

#menu a {		
	padding: 				7px 25px 7px 10px;		
	background-image:		url('./../images/menu/menu_arrow.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;	
	text-decoration:		none;
	
	font-weight: 			bold;
	font-size:				13px;
	color: 					#005bab;
	display: 				block;			
	
}

#menu a:hover, #menu a.active, #menu ul li:hover {
	color:					#fff;
	background-color:		#005bab;
	background-image:		url('./../images/menu/menu_arrow_active.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;	
}

#menu a:hover, #menu a.active:hover, #menu ul li:hover, #menu ul li:hover a {
	color:					#fff;	
	background-image:		url('./../images/menu/menu_arrow_hover.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;
}

/* Page menu */

.pageMenuContainer {		
	width: 					140px;		
	float: 					left;
	margin:					23px 0 10px 0;	
}

#pageMenu li {
	display: 				block;
	text-align: 			right;
	list-style-type:		none;
}

#pageMenu a {
	margin-right:			10px;
	padding:				6px 16px 6px 0;	
	color:					#005bab;
	font-size:				11px;
	font-weight:			bold;
	display:				block;
	text-decoration:		none;
	background-image:		url('./../images/menu/page_menu_arrow.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;
}

#pageMenu a.active, #pageMenu a:hover {
	color:					#fff;
	background-color:		#005bab;	
	background-image:		url('./../images/menu/page_menu_arrow_active.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;
	margin-right:			0;
}

#hullMenu a, #hullMenu img.border {
	float: 					left;
	padding:				2px;
	background:				#ddd;
	margin-bottom:			20px;
}

#hullMenu a:hover, #hullMenu a.active {
	background:				#005bab;
}

#boatBox #hullMenu a, #boatBox #hullMenu img.border {
	margin:					20px 10px 0 0;	
}

#navigator li {
	padding-left: 			17px;
	padding-left: 			0px;
	background-image:		url('./../images/menu/navigator_arrow.gif');
	background-repeat: 		no-repeat;
	background-position: 	center left;
}
#navigator li.first {
	padding-left: 			0;
	background:				none;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul
	{display: none;}
	
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul ul li:hover ul
	{ clear: left; display: block;}

/* ------ Submeny ------ */
#menu li ul a, #menu li:hover ul a {
	text-transform: 		none;
	text-align: 			left;		
	padding: 				5px 10px 5px 25px;
	color: 					#fff;
	font-size:				11px;
	font-weight:			normal;	
	
	background-color:		#000;
	background-image:		url('./../images/menu/sub_dott.gif');
	background-repeat: 		no-repeat;
	background-position: 	center left;	
}

#menu li ul a:hover {
	color: 					#fff;
	background-color: 		#888;
	background-image:		url('./../images/menu/sub_dott.gif');
	background-repeat: 		no-repeat;
	background-position: 	center left;	
}

#menu ul ul {	
	position:				absolute;	
	width: 					200px;	
	z-index:				200;
		
	padding: 				0px 50px 40px 50px;
	margin: 				0px 50px 40px -50px;

	filter:					alpha(opacity=70);	
	-moz-opacity:			0.7;
	-khtml-opacity: 		0.7;
	opacity: 				0.7;
}


#menu li ul li {	
	margin: 				0; 
	padding: 				0;	
	width: 					100%;
	position:				relative;
}

#menu ul ul a.childArrow {
	background-image:		url('./../images/menu/sub_dott_sub.gif');
	background-repeat: 		no-repeat;
	background-position: 	center right;
}

#menu ul ul ul {
	position:				absolute;
	width:					100%;
	left:					100%;
	top:					0;
	
	padding:				0 50px 40px 0;
	margin: 				0 50px 40px 0;
	
	filter:					alpha(opacity=100);
	-moz-opacity:			1;
	-khtml-opacity: 		1;
	opacity: 				1;
}

/* -------------------------------------------------------------
  Navigator
 -------------------------------------------------------------*/ 
.navigator {	
	position:				absolute;
	bottom:					-8px;
	left:					-8px;
}

.navigator a {
	display:				block;
	font-weight:			bold;
	font-size: 				11px;
	color:					#fff;
	text-decoration: 		none;
	background: 			#888;
	padding: 				2px 6px 3px 6px;
	border:					2px solid #fff;
	border-left:			0;
	border-bottom:			0;
}	

.navigator a.active { background: #005bab; 	}
.navigator img 		{ margin: 0 5px; 		}

.bottomBox {
	position:				absolute;
	bottom:					10px;
	right:					10px;
}

/* -------------------------------------------------------------
  Image Box Viewer
 -------------------------------------------------------------*/ 
 #viewerBG, #viewer {
 	marging:				0;
 	padding:				0;
 	display:				none; 	
 	position:				fixed;
 	height:					100%;
 	width:					100%;
 	z-index:				600;
 }
 
 #viewerBG {
 	background:				#000;
 	filter:					alpha(opacity=90);
	-moz-opacity:			0.9;
	-khtml-opacity: 		0.9;
	opacity: 				0.9;
 }
 
 #viewer {
 	background-image:		url('./../images/click_to_close.gif');
	background-repeat: 		no-repeat;
	background-position: 	top center;
 }
 
 #viewer .viewerContainer {
 	width:					900px;
 	margin: 				0 auto; 
 	height:					100%;	
 	text-align:				center;
 	vertical-align:			middle;
 }
 
 /* -------------------------------------------------------------
  Admin
 -------------------------------------------------------------*/ 
#admin div {	
	float:					left;
	display:				block;
	width:					820px;
	margin-bottom:			10px;
	background-color:		#fff;
	background-image: 		url('./../images/boxes/820_shadow.png');
	background-repeat: 		no-repeat;	
	background-position:	bottom left;	
}

#admin div.top {
	background-color:		#ddd;		
}

#admin label, #admin input, #admin span, #admin textarea, #admin select {
	margin:					10px 5px 10px 0;
	float: 					left;	
}

#admin label {
 	width: 					150px;
 	padding:				10px 5px 10px 0;
 	text-align:				right;
 	margin:					0 5px 0 0;
 	float:					left;
 	display:				block;
 	clear:					both; 	
 	font-weight:			bold;
 	color:					#005bab;
 }

#admin div.row {
	background: 			transparent;
}

#admin input {		
	background: 			#fff;
	border: 				1px solid #781351;
	float:					left;
	margin:					10px 5px 10px 0;	
}

#admin input.submit, #admin input.button {
	background: 			#005bab;
	color:					#fff;
	border: 				1px solid #fff;
	float:					left;
	padding:				2px 7px;
	margin:					10px 5px 10px 0;
}

#admin input.submit {
	margin-left:			160px;
}

#admin input.text {
	width:					220px;
	overflow:				auto;
}

#admin textarea {
	height:					50px;
	width:					640px;
}

#admin textarea.text {
	height:					150px;
	font-size:				11px;
}

#admin span {
	font-style:				italic;
}