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

body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: arial, sans-serif;
	line-height: 160%;
	color: #000
	text-align: center;
	background: #f3f3f3 url(../images/body_bg.jpg) repeat-x;
}

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

ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 1.1em;
}

ul.no_bottom {
	padding-bottom: 0;
}

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

h1 { /* This is for the image replacement */
	height: 24px;
	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: #a27000;
	font-size: 1.3em;
	font-weight: bold;
	margin: 15px 0 2px;
}

h2.no_top {
	margin-top: 0;
}

h3 {
	font-size: 1.2em;
}

p {
	padding-bottom: 1.1em;
}

img,
a img {
	border: none;
}

a {
	font-weight: bold;
}

a:link,
a:visited,
a:active {
	color: #30549A;
	text-decoration: underline;
}

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

td {
	font-size: 1em;
}

form {
	margin: 0;
}

input.text,
textarea.text,
select.text {
	background: #fbf6e9;
	border: 1px solid #a27000;
	padding: 2px;
}

input.text:focus,
textarea.text:focus,
select.text:focus {
	background: #f9fbff;
	border: 1px solid #30549a;
}

input.text_error,
textarea.text_error,
select.text_error {
	background: #FEE7E7;
	border: 1px solid #cf0000;
	padding: 2px;
}

textarea {
	font-size: 100%;
	font-family: arial, sans-serif;
}

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

#wrap  {
	text-align: left;
	margin: 25px auto;
	position: relative;
	width: 920px;
	border: 1px solid #3F5A7E;
}

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

#header {
	width: 920px;
	height: 113px;
	background: url(../images/header_bg.jpg) no-repeat;
}

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

#inner_wrap {
	padding-top: 32px;
	background: #ddebfd url(../images/inner_wrap_bg.jpg) repeat-x 0 bottom;
}

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

#main_content {
/*	background: #fff;*/
	width: 912px;
	margin: 0 auto -38px;
/*	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. */
	position: relative; /* Need this for main_content will lay on top of the footer. */
}

#main_content_top {
	height: 30px;
	background: url(../images/main_content_top_bg_slammed.png) no-repeat;
}

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

#main_content_middle_wrap {
	background: url(../images/main_content_middle_bg_slammed.png) repeat-y;
	padding: 1px 45px 18px;
	overflow: hidden;
}

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

#main_content_middle {
	position: relative;
}

#main_content_middle ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	color: #0F2D68;
}

#main_content_middle li {
	background: url(../images/bullet_gold_square_4.gif) no-repeat 0 .6em;
	padding-left: 10px;
	margin-left: 15px;
}


#main_content_bottom {
	height: 30px;
	background: url(../images/main_content_bottom_bg_slammed.png) no-repeat;
}

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

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

#menu {
	position: absolute;
	top: 113px;
/*	left: 15px;*/
	width: 920px;
	z-index: 100;
}

#menu #search_box {
	background: url(../images/search_box_bg_slammed.png) no-repeat;
	width: 182px;
	height: 22px;
	position: absolute;
	top: 5px;
	right: 140px;
}

* html #menu #search_box {
	background-image: url(../images/search_box_bg.gif);
}

#menu #search_box input {
	background-color: transparent;
	border: none;
	width: 143px;
	margin: 5px 0 0 12px;
	padding: 0;
	color: #777;
	font-size: .9em;
}

* html #menu #search_box input {
	margin-top: 4px;
}

#menu #search_box input.search_button {
	cursor: pointer;
	background: transparent none repeat scroll 0 0;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#menu a#view_cart {
	position: absolute;
	top: 3px;
	right: 2px;
	display: block;
	width: 116px;
	height: 28px;
	background: url(../images/buttons/view_cart_slammed.png) no-repeat;
	line-height: 0;
	text-indent: -999em;
}

* html #menu a#view_cart {
	cursor: pointer;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/buttons/view_cart_slammed.png');
}

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

ul#navigation {
	position: absolute;
	width: 100%;
	background: url(../images/menu_bg.jpg) no-repeat 0 0;
	border-top: 1px solid #3F5A7E;
/*	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 #3F5A7E; /* Safari needs 1px */
}

ul#navigation li {
	line-height : 1.35em;
	position: relative;
	float: left;
	background: url(../images/menu_divider.gif) no-repeat 100% 50%;
	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: 6px 16px 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 #35548F;
	border-right: 1px solid #203557;
	border-bottom: 1px solid #203557;
	border-left: 1px solid #35548F;
}

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;
	background: #29436F url(../images/menu_sub_bg.gif) repeat-x 0 bottom; /* See div#menu ul#navigation ul li span { /* Non hovered style for submenus */
}

#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: #E69F00; /* CD8E02 */
/*	background: url(../images/menu_hover_bg.gif) no-repeat;*/
	text-decoration: underline;
}

div#menu ul#navigation ul li a,
div#menu ul#navigation ul li span { /* Non hovered style for submenus */
/*	background: #29436F;*/ /* See ul#navigation li ul { /* Hides the first unhovered submenu */
}

div#menu ul#navigation ul li a:hover,
div#menu ul#navigation ul li span:hover,
div#menu ul#navigation ul li span.sfhover { /* Hover style for submenus */
/*	background: url(../images/menu_sub_hover_bg.gif) repeat-x;*/
	background: #A27000;
	color: #fff;
	text-decoration: none;
}

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 { /* hover style for sub-submenus */
/*	background: url(../images/menu_sub_hover_bg.gif) repeat-x;*/
	background: #a27000;
}

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: 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: #a27000 url(../images/menu_sub_mark.gif) 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: #001c54;
	color: #DAE2ED;
	border-top: 1px solid #DDEBFD;
	padding: 22px 30px 10px;
}

#footer a {
	padding: 0 10px;
	position: relative; /* Need this to get the links above inner_wrap. */
}

#footer a:link,
#footer a:visited {
	color: #DAE2ED;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	color: #DAE2ED;
	text-decoration: underline;
}

.copyright {
	color: #5C7CA7;
	padding-left: 10px;
}

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

.img_float_left {
	float: left;
	margin-right: 15px;
}

.img_float_right {
	float: right;
	margin-left: 15px;
}

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

.link_button {
	display: block;
	height: 22px;
	text-indent: -9999px;
}

.special_note_wrap {
	background: url(../images/special_note_top_bg.jpg) no-repeat;
	margin-bottom: 15px;
}

.special_note {
	background: url(../images/special_note_bottom_bg.jpg) no-repeat right bottom;
	padding: 10px 15px;
}

.h2_gold {
	height: 34px;
	text-indent: -9999px;
	margin: 0;
	position: relative;
}

.blue_box {
	color: #001C54;
	background: #F3F7FD url(../images/blue_box_gradient_bg.gif) repeat-x 0 bottom;
	border: 1px solid #D5E5FE;
/*	width: 237px;*/
	margin: -5px 0 30px 5px;
	padding: 10px 13px;
}

.blue_box a.button {
	display: block;
	height: 22px;
	text-indent: -9999px;
	margin: 10px auto 6px;
}

* html .blue_box a.button {
	cursor: pointer;
}

.h2_text {
	height: 18px;
	text-indent: -9999px;
	margin-bottom: 10px;
	position: relative;
	line-height: 0; /* For IE6 */
}

.top_gold_border {
	border-top: 1px solid #a27000;
	padding-top: 15px;
	margin-top: 5px;
}

.top_blue_border {
	border-top: 1px solid #a37000;
	padding-top: 10px;
}