/*====================================
Main tags
====================================*/

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: "Trebuchet MS", "Gill Sans", Verdana, Tahoma, sans-serif;
	line-height: 160%;
	color: #f2f2f2;
	text-align: center;
	background: url(../images/map_bigb.gif) 64% 1160px;
}

h1, h2, h3, h4, p, form {
	margin: 0;
	padding: 0;
}

ul, ol {
	margin-top: 0;
}

h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #f2f2f2;
	line-height: 1em;
	margin-bottom: 5px;
}

h1 { /* This is for the image replacement */
	height: 26px;
	text-indent: -9999px;
	margin: 10px 0 15px;
	*margin-top: 20px; /* For some reason, IE6 and IE7 need an extra 10px */
	border-bottom: 1px solid #b33d1f;
	overflow: hidden;
}

h2 {
	color: #f2f2f2;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 15px;
}

h2.title {
	height: 22px;
	text-indent: -9999px;
	margin: 0;
	border-bottom: 1px solid #b33d1f;
	overflow: hidden;
}

p {
	padding-bottom: 1.1em;
}

p.first:first-line {
	font-weight: bold;
	font-size: 1.2em;
}

img,
a img {
	border: none;
}

a:link,
a:visited,
a:active {
	color: #8cbc2e;
	text-decoration: underline;
}

a:hover {
	color: #ccef86;
	text-decoration: underline;
}

td {
	font-size: 1em;
}

form {
	margin: 0;
}

input.text,
textarea.text {
	background: url(../images/input_white_bg.gif) no-repeat;
	border: 1px solid #b6b5a6;
	padding: 2px;
}

input.text:focus,
textarea.text:focus {
	background: url(../images/input_blue_bg.gif) no-repeat;
	border: 1px solid #3667A4;
}

input.text_error {
	background: url(../images/input_red_bg.gif) no-repeat;
	border: 1px solid #844237;
	padding: 2px;
}

textarea {
	font-size: 100%;
	font-family: "Trebuchet MS", "Gill Sans", Verdana, Tahoma, sans-serif;
}

/*=====================================
Main Layout
=====================================*/

#compass {
	position: absolute;
	top: 0;
	right: 0;
	width: 417px;
	height: 442px;
	background-image: url(../images/compass_bg_slammed.png);
	background-repeat: no-repeat;
	z-index: -1;
}

* html #compass {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/compass_bg_slammed.png');
}

#wrap  {
	text-align: left;
	margin: 25px auto 0;
	position: relative;
	width: 990px;
}

/*=====================================
Header
=====================================*/

#header {
	position: relative;
	height: 165px;
	background: url(../images/header_bg_slammed.png) no-repeat;
}

* html #header {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/header_bg_slammed.png');
}

#header_top {
	position: absolute;
	top: 7px;
	left: 30px;
}

#header_bottom {
	position: absolute;
	top: 22px;
	left: 15px;
}

/*======================================
Rotating Photos
======================================*/

img.frame {
	position: absolute;
	z-index: 2;
}

img.frame_imageA,
img.frame_imageB {
	position: absolute;
	left: 8px;
	top: 7px;
}

img.frame_imageA {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1;
}

img.frame_imageB {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 0;
}

#frame1 a,
#frame2 a,
#frame3 a {
	display: block;
	text-decoration: none;
	position: absolute;
	z-index: 2;
	background: url(none); /* Needed for IE6 and IE7 */
	cursor: default; /* Remove this when there are links on the images */
}

#frame1 a i,
#frame2 a i,
#frame3 a i {
	visibility: hidden;
}

#frame1 {
	position: absolute;
	left: 400px;
	top: 13px;
	width: 160px;
	height: 115px;
/*	background: url(../images/frames/frame-p1-mask.gif) no-repeat 8px 7px;*/
}

#frame1 a {
	width: 138px;
	height: 93px;
	top: 7px;
	left: 8px;
}

#frame2 {
	position: absolute;
	left: 524px;
	top: 23px;
	width: 162px;
	height: 120px;
	z-index: 2;
/*	background: url(../images/frames/frame-m3-mask.gif) no-repeat 8px 7px;*/
}

#frame2 a {
	width: 140px;
	height: 99px;
	top: 7px;
	left: 8px;
}

#frame3 {
	position: absolute;
	left: 655px;
	top: 33px;
	width: 166px;
	height: 125px;
	z-index: 1;
/*	background: url(../images/frames/frame-p5-mask.gif) no-repeat 8px 7px;*/
}

#frame3 a {
	width: 144px;
	height: 103px;
	top: 7px;
	left: 8px;
}

/*======================================
Inner Wrap
======================================*/

#inner_wrap {
	padding-top: 29px;
	background: url(../images/middle_bg_slammed.png) repeat-y;
}

* html #inner_wrap {
	display: inline-block; /* IE6 hasLayout trigger */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/middle_bg_slammed.png');
	background-repeat: repeat-y;
}

/*======================================
Main Content
======================================*/

#main_content {
	background: url(../images/light_rays.jpg) no-repeat;
	width: 912px;
	margin: 0 auto;
	padding: 10px 24px 20px;
	overflow: hidden; /* Need this to make background go all the way down, in case there is a float at the bottom of the page. */
	position: relative; /* Need this for IE6 to make links clickable. */
}

/*============================================
Menu
============================================*/

#menu {
	position: absolute;
	top: 165px;
	left: 15px;
	width: 958px;
	z-index: 100;
}

#menu a {
/*	border: none;*/
}

ul#navigation {
	position: absolute;
	width: 100%;
	background: url(../images/menu_bg.gif) repeat-x;
	border-top: 1px solid #4970a9;
	border-right: 1px solid #4970a9;
}

ul#navigation,
ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #4970a9;
	border-bottom: 1px solid #4970a9; /* Safari needs 1px */
}

ul#navigation li {
	line-height : 1.35em;
	position: relative;
	float: left;
	background: #173261 url(../images/menu_divider.gif) no-repeat 100% 0;
	padding-right: 1px;
}

ul#navigation li li {
	padding-right: 0;
}

ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#navigation li a,
#navigation li span {
	display: block;
	text-decoration: none;
	color: #f2f2f2;
	font-weight: bold;
	background-color: #C0EFBE;
/*	width: 6em;*/ /*          ****CHANGE-MENU**** */
	width: auto; /* added for variable width for main menu */
	padding: 4px 12px 7px;
/*	border-right: 1px solid #173261;*/
}

#navigation ul li a,
#navigation ul li span {
	border-top: 1px solid #4970a9;
}

ul#navigation li li a,
ul#navigation li li span {
	width: 12.5em; /*           ****CHANGE-SUBMENU**** */
	text-align: left;
	border-top: 1px solid #844237;
	border-right: 1px solid #571d14;
	border-bottom: 1px solid #571d14;
	border-left: 1px solid #844237;
}

ul#navigation ul {
	border: none;
}

ul#navigation li li li a,
ul#navigation li li li span {
	width: 11em; /*           ****CHANGE-SUBMENU**** */
}

ul#navigation li li.longitem li span {
	width: 16em; /*           ****CHANGE-SUBMENU**** */
}

/*----------  LIBOX  -----------------------*/

div#menu ul#navigation li.libox div.libox_inner {
	width: 525px;
	background: #efffef;
	padding: 0;
	border-top: 1px solid #0076aa;
	border-right: 1px solid #0076aa;
}

div#menu ul#navigation li.libox span:hover,
div#menu ul#navigation li.libox span.sfhover {
	color: yellow;
	background: #efffef;
}

div#menu ul#navigation li.libox a {
	display: inline;
	border: none;
	padding: 0;
	color: #0266ac;
	background: none;
	border-bottom: 1px dotted #0266ac;
	font-weight: normal;
}

div#menu ul#navigation li.libox a:hover {
	color: #006900;
	background: none;
	border-bottom: 1px solid #0266ac;
}

div#menu ul#navigation li.libox a.red_link,
div#menu ul#navigation li.libox a.red_link:hover {
	color: #cf0000;
}

li.libox h2 {
	background: #158f00;
	color: #fff;
	padding: 4px;
	border-bottom: 1px solid #0076aa;
}

li.libox .libox_inner {
	overflow: hidden;
}

* html li.libox .libox_inner {
	height: 1%; /* IE6 hasLayout trigger */
}

li.libox .box_column,
li.libox .box_column_last {
	float: left;
	display: inline; /* IE6 double margin bug */
	padding: 0 10px;
}

li.libox .cruise_lines .box_column,
li.libox .cruise_lines .box_column_last {
	padding: 6px 25px 10px 10px;
}

li.libox .cruise_destinations .box_column,
li.libox .cruise_destinations .box_column_last {
	padding: 6px 10px 10px;
}

div#menu ul#navigation li.libox div.cruise_lines_specials {
	width: 567px;
}

li.libox .cruise_lines_specials .box_column {
	padding: 6px 25px 10px 10px;
}

li.libox .cruise_lines_specials .box_column_last {
	padding: 6px 0 10px 10px;
}

li.libox .box_column_last,
li.libox .cruise_lines .box_column_last,
li.libox .cruise_destinations .box_column_last {
	padding-right: 0;
}

li.libox .sep {
	margin-bottom: 10px;
}

li.libox .sep_last {
	margin-bottom: 10px;
}

li.libox .sep h2,
li.libox .sep_last h2 {
	border: none;
	background: none;
	color: #017f00;
	margin-bottom: 0;
	padding: 4px 0 0 0;
	font-size: 1em;
}

.clearer { /* Need this for IE7 */
	clear: left;
	height: 4px;
	overflow: hidden;
}

/*-----------  END LIBOX  -------------------*/

ul#navigation li a:hover,
ul#navigation ul li:hover a:hover,
ul#navigation li span:hover,
ul#navigation ul li:hover span:hover,
ul#navigation li span.sfhover,
ul#navigation ul li.sfhover span.sfhover { /* The hovered style for submenus */
	color: #000;
	background-color: #A9E1B1;
}

ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;
}

#navigation li:active ul ul,
#navigation li:active ul ul ul,
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li.sfhover ul ul,
#navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}

#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li.sfhover ul,
#navigation li li.sfhover ul,
#navigation li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}

/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#navigation li:hover ul,
#navigation li a:focus ul,
#navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
}

/* Submenu arrow indicator */

#navigation span:hover,
#navigation span.sfhover {
	cursor: default;
}

/* BACKGROUND EFFECTS */
/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */

#navigation li:hover a,
#navigation li:hover span,
#navigation li.sfhover a,
#navigation li.sfhover span {
	color: #f2f2f2;
	background: #C0DFA7;/*94D9A0*/
}

ul#navigation li ul li:hover a,
ul#navigation li ul li:hover span,
ul#navigation li ul li.sfhover a,
ul#navigation li ul li.sfhover span {
/*	color: #003300;*/
	background-color: #B0D797;/*78C381*/
}

ul#navigation li ul ul li:hover a,
ul#navigation li ul ul li:hover span,
ul#navigation li ul ul li.sfhover a,
ul#navigation li ul ul li.sfhover span {
	color: #000;
	background-color: #A7CD89;/*5BAD63*/
}

/* BACKGROUND IMAGES */

div#menu ul#navigation li a,
div#menu ul#navigation li span {
	background: url(../images/menu_bg.gif) repeat-x;
}

div#menu ul#navigation li a.donate_bg {
	background: url(../images/menu_donate_bg.gif) repeat-x;
}

div#menu ul#navigation li a:hover,
div#menu ul#navigation li span:hover,
div#menu ul#navigation li span.sfhover { /* The hovered style for submenus */
	color: #fff;
	background: url(../images/menu_hover_bg.gif) repeat-x;
}

div#menu ul#navigation ul li a,
div#menu ul#navigation ul li span {
	background: #672a20;
}

div#menu ul#navigation ul li a:hover,
div#menu ul#navigation ul li span:hover,
div#menu ul#navigation ul li span.sfhover {
	background: url(../images/menu_sub_hover_bg.gif) repeat-x;
}

div#menu ul#navigation li ul li:hover,
div#menu ul#navigation li li li a:hover,
div#menu ul#navigation li li li span:hover {
	background: url(../images/menu_sub_hover_bg.gif) repeat-x;
}

body div#menu ul#navigation li li span:hover {
	color: #fff;
}

div#menu ul#navigation li a.exlink,
div#menu ul#navigation span.exlink {
/*	background: #672a20 url(../images/menu_sub_mark.gif) no-repeat 100% 50%;*/
	background: url(../images/menu_sub_mark_bg.gif) no-repeat 100% 50%;
}

div#menu ul#navigation li a.exlink:hover,
div#menu ul#navigation li span.exlink:hover {
	background: url(../images/menu_sub_mark_hover_bg.jpg) no-repeat 100% 50%;
}

div#menu ul#navigation li a.exlink span,
div#menu ul#navigation li span.exlink span {
	display: inline;
	background: transparent;
	width: auto;
	border: none;
}

* html ul#navigation li ul { /* Just to help IE6 along */
	width : 9em;
}

/* Support for the "iehover-fix.js" */

* html ul#nav iframe, * html ul.nav iframe {
	position: absolute;
	/* account for the border */
/*	left: -0.25em;
	top: -0.25em;*/
	left: 0; /* Altered for CE menu */
	top: 0; /*Altered for CE menu */
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* this is for IE 5.0 */
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */

/*===================================
Footer
===================================*/

#footer {
	padding: 0 16px;
	background: url(../images/middle_bg_slammed.png) repeat-y;
}

* html #footer {
	height: 1%; /* IE6 hasLayout trigger */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/middle_bg_slammed.png');
	background-repeat: repeat-y;
}

#footer a:link,
#footer a:visited {
	color: #f2f2f2;
}

#footer a:hover,
#footer a:active {
	color: #8cbc2e;
}

#fsm_logo {
	background:transparent url(../images/fsm_logo.gif) no-repeat scroll 0 0;
	float: left;
	height: 42px;
	width: 39px;
	left: 12px;
	top: 9px;
	margin-right: 23px;
	border: 1px solid #284B87;
}

.box_blue { 
	background-color: #132c5a; 
}

.gradblue img {
	background-color: transparent;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 0;
}

.gradblue * {
	position: relative;
	z-index: 1;
}

.box {
	border-top: solid #7fa3d6 1px;
	position: relative;
/*	text-align: center;*/
}

.box div#bottom_nav {
	margin-top: 10px;
}

.box div#copyright {
	color: #5d8dd4;
	margin-top: 3px
}

* html .box {
	zoom: 1;
}

* html .gradblue {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grad_blue_slammed.png', sizingMethod='scale');
}

* html .gradblue img {
	display: none;
}

* html .box {
    position: static;
}


/*=======================================
Bottom graphic
=======================================*/

#bottom {
	background: url(../images/bottom_bg_slammed.png) no-repeat;
	height: 38px;
}

* html #bottom {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bottom_bg_slammed.png');
}

/*=======================================
General Id's and Classes
=======================================*/

.chevron {
	padding-left: 3px;
	letter-spacing: -.1em;
	color: #8cbc2e;
}

ul.internal {
	margin: 0 0 0 15px;
	padding: 0;
}

.asterisk {
	color: #FF977F;
	font-size: 1.2em;
	font-weight: bold;
}

.special_note {
	margin: 0 auto 1.1em;
	padding: 6px 8px;
	border: 1px solid #4b6ea4;
	background: url(../images/black30per_bg_slammed.png) repeat-y;
	width: 95%;
}

* html .special_note {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/black30per_bg_slammed.png');
}

.iBold {
	font-style: italic;
	font-weight: bold;
}