@import url("/3rdparty/css/reset-min.css");
@import url("/css/thickbox.css");

html {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size:				100%;
	line-height:			24px;
	background-image: 		url(/img/bg.jpg);
	background-position: 	top center;
	background-repeat:		repeat-x;
	background-color:		#867347;
	margin-bottom: 			5px;
}

strong {
	font-weight: 			bold;
}

em {
	font-style:				italic;
}

a {
	color: 					#FFFFFF;	
}

.hidden {
	display: 				none;
	margin: 				0px;
	padding: 				0px;
}

.hr_line {
	color: 					#c0c7ce;
	background-color: 		#c0c7ce;
	height: 				1px;
	border: 				none;
	/*border-style:			dotted;*/
}

/* CONTAINER */

#container {
	width: 					960px;
	margin:					0px auto;
	color:					#FFFFFF;
	padding-top: 			200px;
}

#backtohome {
	position:				absolute;
	top: 					35px;
	height: 				60px;
	margin-left:			50%;
	left: 					-495px;
	width: 					135px;
}

#backtohome a {
	width: 					100%;
	height: 				100%;
	display: 				block;
}

#offices {
	color: 					#adb8be;
	font-size: 				60%;
	position:				absolute;
	top: 					133px;
	margin-left:			50%;
	left: 					130px;
	width: 					350px;
	height: 				27px;
}

#offices ul li, #offices div {
	width: 					100%;
	text-align: 			right;
	background: 			transparent !important;
}

#polaroid {
	position:				absolute;
	top: 					230px;
	margin-left:			50%;
	left: 					220px;
	width: 					300px;
	height: 				300px;
	/*background: red;*/
}

#polaroid_spacer {
	width: 					220px;
	height: 				280px;
	float:					right;
	margin-top: 			10px;
	padding-left: 			40px;
	padding-bottom: 		40px;
}

/* CONTENT */

#content {
	width: 					auto;
	background-color: 		#FFFFFF;
	background-image:		url(/img/bg_content.png);
	background-repeat:		no-repeat;
	color: 					#04213b;
	padding:				20px;
	padding-top:			10px;
	padding-bottom:			10px;
	font-size: 				85%;
	min-height:				300px;
	text-align: justify;
}

#content_top {
	background-image:		url(/img/bg_content_top.png);
	height:					10px;
}

#content_bottom {
	background-image:		url(/img/bg_content_bottom.png);
	height:					10px;
}

#content h1 {
	/*font-weight: 			lighter;*/
	font-size: 				220%;
	margin-bottom:			20px;
}

#content h2 { 
	font-weight: 			lighter;
	font-size: 				180%;
	margin-bottom:			20px;
	color:#ce5106;
}

#content h3 { 
	font-weight: 			bold;
	font-size: 				120%;
	margin-bottom:			5px;
	color:#ce5106;
}

.float_50 {
	width: 460px;
	float: left;
	margin-right: 0px;
	margin-bottom: 50px;
	
}


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


#content a {
	color: 					#04213b;
}

#schedule_table {
	font-size:				90%;
	line-height:			22px;
}

#schedule_table .warning {
	color:					#FF0000;
	font-weight:			bold;
}

#schedule_table td {
	border-bottom:			1px solid #d6dbde;
}

#schedule_table .noline {
	border-bottom: 			none;
}


/* Manage sailing schedule alerts */

#container label {
	width: 					200px;
	float: 					left;
}

#container input {
	margin-top: 			5px;	
}
                  
#alerterror {
	color: 					red;
	width: 					335px;
	text-align: 			center;	
	font-weight:			bold;
}

/* FOOTER */

#footer {
	font-size:				65%;
	margin-top:				10px;
	color:					#e1dcd1;
}

#footer a {
	text-decoration:		none;
	padding-left:			2px;
	padding-right:			2px;
	margin-bottom:			3px;
	color:					#e1dcd1;
}

#footer a:hover {
	background-color:		#FFFFFF;
	color:					#867347;
}

#footer_left {
	float:					left;
}

#footer_right {
	float:					right;
}

/* HOME */

#home_text {
	background-image: url(/img/bg_home_text.png);
	background-repeat: no-repeat;
	width:					816px;
	height:					120px;
	padding-top: 			220px;
	padding-left: 			20px;
	font-size:				85%;
	z-index: 				5;
}

#home_text p {
	width: 					600px;
	text-align: 			justify;
}

#home_text_more {
	background-color:		#007572;
	width:					816px;
	padding-left: 			20px;
	font-size:				85%;
	padding-bottom:			10px;
}

#home_text_more p {
	width: 					600px;
	text-align: 			justify;
}



#home_text_bottom {
	background-image: 		url(/img/bg_home_text_bottom.png);
	background-repeat: 		no-repeat;
	width:					836px;
	height:					10px;
}

#home_sailingschedules {
	position:				absolute;
	z-index:				10;
	width:					285px;
	height:					86px;
	top:					300px;
	left:					160px;
	margin-left:			50%;
	background-image:		url(/img/bg_home_sailingschedules.png);
	background-repeat:		no-repeat;
	font-size:				75%;
	padding-left:			35px;
	padding-top:			94px;
}

#home_sailingschedules a {
	color: 					#FFFFFF;
}

#home_quicksearch, #home_ourbrochure, #home_shockingshipments {
	width: 					280px;
	height: 				90px;
	background-image: 		url(/img/bg_home_quicksearch.png);
	background-repeat: 		no-repeat;
	background-position: 	top left;
	float: 					left;
	margin-right: 			15px;
	margin-top: 			30px;
	font-size:				75%;
	line-height:  			19px;
	padding-left: 			15px;
	padding-right: 			15px;
	padding-top: 			48px;
}

#home_quicksearch form {
	margin-top: 			5px;
}

#home_quicksearch #search {
	width: 					280px;
	float: 					left;
}

#home_quicksearch #search_left {
	background-image: 		url(/img/search_left.png);
	background-repeat: 		no-repeat;
	width: 					20px;
	height: 				20px;
	float: 					left;
	margin-top: 			5px;
}

#home_quicksearch input {
	border-style: 			none;
	margin-left: 			5px;
}

#home_quicksearch #search input {
	background-color: 		#FFFFFF;
	margin-left: 			0px;
	width: 					248px;
	height: 				16px;
	font-size: 				90%;
	font-style: 			italic;
	float: 					left;
	color: 					#666666;
	border-style: 			none;
	padding-top: 			4px;
	padding-left: 			7px;
}

#home_quicksearch #search_right {
	background-image: 		url(/img/search_right.png);
	background-repeat: 		no-repeat;
	width: 					5px;
	height: 				20px;
	margin-top: 			5px;
	float: 					right;
}

#home_ourbrochure {
	text-decoration: 		none;
	padding: 				0px;
	width: 					310px;
	height: 				130px;
	background-image: 		url(/img/bg_home_ourbrochure.png);
}

#home_ourbrochure a {
	color: 					#FFFFFF;
	text-decoration: 		none;
	width: 					280px;
	height: 				72px;
	display: 				block;
	padding-left: 			15px;
	padding-right: 			15px;
	padding-top: 			48px;
}

#home_shockingshipments {
	margin-right: 			0px;
	background-image: 		url(/img/bg_home_shockingshipments.png);
	padding:				0px;
	width: 					310px;
	height: 				120px;
	display: 				block;
}


#home_shockingshipments a {
	width: 					280px;
	height: 				40px;
	display: 				block;
	text-decoration: none;	/*background-color: #993300;*/
}

#home_shockingshipments label {
	width: 					50px;
	float: 					left;
}

#home_shockingshipments div {
	width: 					295px;
	height: 				55px;
	padding-top: 			65px;
	padding-left:			15px;
	background-repeat: no-repeat;
	/*display: 				block;*/
	/*margin-top: -100px;*/
}

/* MENU */

.menu2 {
	position:				absolute;
	top: 					134px;
	margin-left:			50%;
	left: 					-480px;
	width: 					800px;
}


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

.menu2 > ul > li {
	float:left; position:relative; 
	margin-right: 5px; padding-bottom: 5px;
	background-color: #fff;
	background-repeat: no-repeat;
}


.menu2 ul li.group {
	display:block; 
	text-indent:10px; 
	background:#fff; 
	color:#fff; 
	width:152px; 
	padding:4px 0;
}

.menu2 ul li a, .menu2 ul li a:visited {
	float:left; 
	display:block; 
	text-decoration:none; 
	color:#fff; 
	padding:0px 16px; 
	line-height:25px; 
	height:26px;
	
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li ul {
	display: none;
}

.menu2 table {
	margin:0; 
	border-collapse:collapse; 
	font-size:75%; 
	position:absolute; 
	top:0; 
	left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
	display:block; 
	position:absolute;
	top:30px; 
	background:#fff; 
	margin-top:1px; 
	left:0; 
	width:152px;
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#fff; color:#000;height:16px;line-height:15px;padding:4px 8px; width:136px;
}
#menu_sailingschedules:hover ul li a {
	width:250px; 
}

.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#fff; background: #888;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#fff;}






.left {clear:both;}

/*
.menu2 ul li a:hover {background:#aaa url(images/sub2a.gif); color:#c00;}

.menu2 ul li:hover a {background:#aaa url(images/sub2a.gif); color:#c00;}
*/
.menu2 ul li a span label {
	display: none;	
}


#menu_home {
	width: 					47px;
	background-image: 		url(/img/menu_home.gif);
}

#menu_home .menulist {
	width: 					15px;
}

#menu_home:hover, #menu_home .menulist:hover, #menu_home.active {
	background-image: 		url(/img/menu_home_active.gif);
}

#menu_aboutus {
	width: 					66px;
	background-image: 		url(/img/menu_aboutus.gif);
}

#menu_aboutus .menulist {
	width: 					34px;
}

#menu_aboutus:hover, #menu_aboutus .menulist:hover, #menu_aboutus.active {
	background-image: 		url(/img/menu_aboutus_active.gif);
}



#menu_newsupdates {
	width: 					46px;
	background-image: 		url(/img/menu_news.gif);
}

#menu_newsupdates .menulist {
	width: 					14px;
}

#menu_newsupdates:hover, #menu_newsupdates .menulist:hover, #menu_newsupdates.active{
	background-image: 		url(/img/menu_news_active.gif);
}




#menu_sailingschedules {
	width: 					101px;
	background-image: 		url(/img/menu_sailingschedules.gif);
}

#menu_sailingschedules .menulist {
	width: 					69px;
}


#menu_sailingschedules:hover, #menu_sailingschedules .menulist:hover, #menu_sailingschedules.active {
	background-image: 		url(/img/menu_sailingschedules_active.gif);
}






#menu_uecc {
	width: 					49px;
	background-image: 		url(/img/menu_uecc.gif);
}

#menu_uecc .menulist {
	width: 					17px;
}


#menu_uecc:hover, #menu_uecc .menulist:hover, #menu_uecc.active {
	background-image: 		url(/img/menu_uecc_active.gif);
}









#menu_agentsports {
	width: 					95px;
	background-image: 		url(/img/menu_agentsports.gif);
}

#menu_agentsports .menulist {
	width: 					63px;
}

#menu_agentsports:hover, #menu_agentsports .menulist:hover, #menu_agentsports.active {
	background-image: 		url(/img/menu_agentsports_active.gif);
}

#menu_picturegallery {
	width: 					90px;
	background-image: 		url(/img/menu_picturegallery.gif);
}

#menu_picturegallery .menulist {
	width: 					58px;
}

#menu_picturegallery:hover, #menu_picturegallery .menulist:hover, #menu_picturegallery.active {
	background-image: 		url(/img/menu_picturegallery_active.gif);
}

#menu_contactus {
	width: 					76px;
	background-image: 		url(/img/menu_contactus.gif);
}

#menu_contactus .menulist {
	width: 					44px;
}

#menu_contactus:hover, #menu_contactus .menulist:hover, #menu_contactus.active {
	background-image: 		url(/img/menu_contactus_active.gif);
}

/* EVENTS **/

#event #event_right {
	float: right;
	width: 235px;
	border-left: dotted 1px #999;
	padding-left: 10px;
}

#event #event_left {
	float: left;
	width: 660px;
	text-align: left;
}

#event #event_left img {
	padding: 3px;
	border: solid 1px #ccc;
	margin-right: 20px;
	margin-bottom: 20px;
	
}


#event #event_right ul li {
	list-style: none;
	margin: 0px;
}