/* 
=-
=- Base styles 
=-
*/
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
p, li, dt, dd, div, td, blockquote {
	font-family: Tahoma, Verdana, sans-serif;
	color: #505050;
	}
p, li, dt, dd, div, td, blockquote {
	font-size: 12px;
	}
p, dt, dd {
	line-height: 17px;
	margin: .3em 0 .7em 0;
	}
#bodytext li {
	line-height: 17px;
	}
h1 {
	font-size: 22px;
	color: #28353e;
	margin: .25em 0 .5em 0;
	}
h2 {
	font-size: 16px;
	color: #28353e;
	margin: 1em 0 .75em 0;
	}
h3 {
	font-size: 14px;
	margin: 1em 0 1em 0;
	}
h4 {
	font-size: 13px;
	margin: 1em 0 0 0;
	}
h5 {
	font-size: 12px;
	}
h6 {
	font-size: 11px;
	margin: 1em 0 0 0;
	}
ul {
	margin: .3em 0 1em 0;
	padding: 0;
	}
ul li { 
	line-height: 17px;
	margin: 0 0 .5em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
	background: url("/images/design/bullet.gif") .3em .45em no-repeat;
	}
ol {
	}
ol li {
	line-height: 17px;
	}
dt {
	font-weight: bold;
	margin: .5em 0 0 0;
	}
dd {
	margin: 0 0 .5em 2em;
	}
cite {
	font-style: italic;
	}
sup {
	font-size: 9px;
	vertical-align: text-top;
	}
a:link    { color: #1a3b50; }
a:visited { color: #999; }
a:hover   { color: #830; }

hr {
	width: 100%;
	clear: both;
	}


/* 
=-
=- Tables
=-
*/
table.basic td, table.basic th, 
table.sidehead td, table.sidehead th, 
table.tophead td, table.tophead th, 
table.twohead td, table.twohead th {
	font-size: 11px;
	}

table.basic td p, table.basic th p, 
table.sidehead td p, table.sidehead th p, 
table.tophead td p, table.tophead th p, 
table.twohead td p, table.twohead th p {
	font-size: 11px;
	}


table.basic, table.sidehead, table.tophead, table.twohead {
	background-color: #fff;
	border: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	}
	


thead {	}

th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	}
table.basic tr.headrow th, 
table.sidehead tr.headrow th, 
table.tophead tr.headrow th, 
table.twohead tr.headrow th {
	background-color: #c9c9c9;
	text-align: center;
	}

tr.totals td {
	font-weight: bold;
	border-top: 1px solid #c1c1c1;
	background-color: #ddd;
	}
	
tr.altrow {
	background-color: #ebebeb;
	}
tr.altrow th {
	background-color: #ebebeb;
	vertical-align: top;
	}
	

table.basic td, table.sidehead td, table.tophead td, table.twohead td {
	vertical-align: top;
	text-align: left;
	}
td.num {
	text-align: right;
	}

table.basic td, table.sidehead td, table.tophead td, table.twohead td,
table.basic th, table.sidehead th, table.tophead th, table.twohead th {
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	padding: 8px;
	}
table.sidehead th {
	text-align: left;
	}
table.columns {
	border: none;
	}
table.columns td {
	padding: 0 20px;
	}

table.travelspecials {
	border: none;
	}
table.travelspecials td {
	padding: 0 6px 0 0;
	}

table.travelspecials td h4 {
	margin: 0;
	}

table.timeline td {
	margin: 0;
	padding: 9px 0 0 0;
	vertical-align: top;
	}

table.timeline th {
	margin: 0;
	padding: 9px 6px 0 0;
	vertical-align: top;
	}



/* 
=-
=- Forms 
=-
*/
/*form, form p, form td, form dt, form dd {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	}*/
form {
	padding: 0;
	margin: 1em 0;
	}
fieldset {	
	border-top: 1px solid #ddd;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0;
	padding: 1em;
	}	
* html fieldset {
	padding: 0 1em 1em 1em; /*special rule for IE */
	}
fieldset.first {
	border: none;
	}
fieldset#errormessage {
	background-color: #ffffe0;
	}
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0 .3em;
	}
* html legend {
	margin-bottom: 1em; /*special rule for IE */
	}
table.formlayout {
	border: none;
	margin: 0;
	padding: 0;
	}

table.formlayout td {
	margin: 0;
	padding: 0 0 8px 0;
	}
table.formlayout th {
	margin: 0;
	padding: 4px 6px 0 0;
	text-align: right;
	font-weight: normal;
	}


/* 
=-
=- Floats 
=-
*/
.right {
	margin: .5em 0 .5em 1em;
	float: right;
	clear: right;
	}
.left {
	margin: .5em 1em .5em 0;
	float: left;
	clear: left;
	}
.clear {
	clear: both;
	}
.icon-left {
	margin: .2em .05em .1em 0;
	float: left;
	clear: left;
}
.icon-right {
	margin: .2em .05em .1em 0;
	float: right;
	clear: right;
}


/* 
=-
=- Special text classes 
=-
*/
p.note, li.note, ul.note li, td.note, td.note p, dd.note {
	font-weight: normal;
	font-style: italic;
	}
p.important, li.important, ul.important li {
	font-weight: bold;
	}
p.subhead {
	font-family: Verdana, sans-serif; 
	font-size: 12px; 
	color: #777; 
	margin-top: -12px;
	line-height: 16px;
	}
h6.subhead {
	color: #bbb; 
	margin-top: -12px;
	line-height: 16px;
	}
.nomargin {
	margin: 0;
	}
.hide {
	position: absolute;
	left: -2000px;
	top: 0;
	}
/* for adddresses, mark first line as dt and rest as dd's */
dl.address dt {
	margin-left: 2em;
	}
dl.address dd {
	margin-bottom: 0;
	}
	

p.footnote, div.footnote p {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: #777;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 3em 0 1em 0;
	}

/* 
=-
=- Travel Events page 
=-
*/
dd.event-date {
	font-weight: bold;
	margin-bottom: 0;
	}


/* 
=-
=- Special treatment of member-only stuff 
=-
*/
a.membersonly {
	background: #fff url("/images/design/bullet-members.gif") no-repeat 0px 2px;
	padding-left: 18px;
	}
* html a.membersonly {
	display: inline-block; /* IE6 makes the image dissapear if the link goes to two lines, so force it onto one line this way */
	}
li.membersonly a {
	background: #fff url("/images/design/bullet-members.gif") no-repeat 0px 2px;
	padding-left: 18px;
	}
p.membersonly {
	background: #fff url("/images/design/bullet-members.gif") no-repeat 10px 10px;
	padding: 5px 12px 5px 18px;
	text-indent: 10px;
	}
dt.membersonly a, dd.membersonly a {
	background: #fff url("/images/design/bullet-members.gif") no-repeat 0px 2px;
	padding-left: 18px;
	}
span.membersonly {
	background: #fff url("/images/design/bullet-members.gif") no-repeat 0px 2px;
	text-decoration: underline; /* "fake" link used in membersonly explanation area */
	padding-left: 18px;
	}
	
	

/* 
=-
=- Photos
=-
*/
div#main-photo img {
	margin-left: -10px;
	margin-right: -10px; /* needed since ie automatically expands float width */
	position: relative; /* allows ie to apply the negative margins */
	}
div.photo {
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 10px;
	}
.photo img {
	display: block;
	}
.photo p.caption {
	font-size: 9px;
	line-height: 11px;
	}
	
	


	


/* 
=-
=- Related info (right column) 
=-
*/


/* Call to action boxes */
div#action-call {
	width: 221px;
	padding: 0;
	margin: 10px 0 30px -11px; /* logically this should be -10px -- ? */
	display: inline;
	float: left;
	background: url("/images/design/img-actionbox-bottom.gif") repeat left bottom;
	} 
div#action-call p {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 25px 10px 10px 53px;
	background: url("/images/design/img-actionbox-call-top.gif") no-repeat left top;
	}
div#action-call p span {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 0 0 4px 11px;
	}
div#action-call ul {
	margin: 0 0 10px 53px;
	padding: 0 .5em 0 0;
	list-style: none;
	}

div#action-call ul li {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}

div#action-join  {
	width: 221px;
	padding: 0;
	margin: 10px 0 30px -11px;
	background: url("/images/design/img-actionbox-bottom.gif") no-repeat left bottom;
	}

div#action-join p {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	padding: 15px 10px 10px 65px;
	margin: 0;
	background: url("/images/design/img-actionbox-join-top.gif") no-repeat left top;
	}
	
div#action-join p span {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 0 0 4px 0;
	}
	
div#action-book a:hover {
	color: #333;
	background-color: #e8ecdd;
	}

div#action-call a:link, div#action-call a:visited, 	
div#action-join a:link, div#action-join a:visited,
div#action-book a:link, div#action-book a:visited {
	color: #e4ffc8;
	text-decoration: none;	
	}
div#action-call a:hover, div#action-join a:hover, div#action-book a:hover {
	color: #333;
	background-color: #e8ecdd;
	}

#sidenav ul li img {
	margin: 20px 0;
	padding: 0;
}


/* use definition lists to hold misc info */
#relatedinfo dl {
	display: inline;
	float: left;
	width: 210px;
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
	background-color: #fff;
	border-bottom: 1px solid #aeab9a;
	}
#relatedinfo dt {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #dbd7c1 url("/images/design/img-infobox.gif") no-repeat left top;
	border-bottom: 1px solid #aeab9a;
	}
#relatedinfo dt.seealso {
	display: block;
	padding: 7px 10px 7px 35px;
	background: #dbd7c1 url("/images/design/img-infobox-seealso.gif") no-repeat left top;
	}
#relatedinfo dt.didyouknow {
	display: block;
	padding: 7px 10px 7px 35px;
	background: #dbd7c1 url("/images/design/img-infobox-didyouknow.gif") no-repeat left top;
	}
#relatedinfo dt.members, #membersonly-legend dt {
	color: #fff;
	display: block;
	padding: 5px 10px;
	background: #515c67 url("/images/design/img-infobox-members.gif") no-repeat left top;
	}
#relatedinfo dd {
	font-size: 11px;
	margin: 8px 10px;
	padding: 0;
	}
#relatedinfo dl.address dd {
	line-height: 14px;
	margin: 5px 10px;
	}
#relatedinfo dd ul li, #relatedinfo dd p {
	font-size: 11px;
	}
#relatedinfo dt a:link {
	color: #1a3b50;
	text-decoration: none;
}
#relatedinfo dt a:visited {
	color: #1a3b50;
	text-decoration: none;
}
#relatedinfo dt a:hover {
	color: #830;
	text-decoration: none;
}
	
	
/* use unadorned img for logos and misc graphics */
#relatedinfo img {
	display: block;
	clear: both;
	margin: 30px auto;
	}
	
	
/* photos get a border. 200px is the maximum width. */
#relatedinfo img.photo {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	}

/* add a div wrapper if a caption is needed (p.caption; no class on img)
   or to make a series of photos have the same size frame
*/
#relatedinfo div.photo {
	float: left;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 auto 30px auto;
	}
#relatedinfo div.photo img {
	border: none;
	padding: 0;
	margin: 0;
	}
#relatedinfo div.photo p.caption {
	padding: 0;
	margin: 4px 0;
	}
#relatedinfo img.bookbutton {
	margin: 25px 0 0 0;
	padding: 0;
	border: 0;
}
	
/* if the first item in the relatedinfo sidebar is a dl, add this class (usually one of the action boxes will be first however) */
#relatedinfo dl.first {
	margin-top: 20px;
	}
/* if the first item in the bodytext is a paragraph, add topmargin */
#bodytext p.first {
	margin-top: 20px;
	}
/* normally this should be used instead of p.first */
#bodytext p.intro {
	margin-top: .75em;
	margin-bottom: 1.1em;
	font-size: 14px;
	line-height: 19px;
	color: #333;
	}
	
	
	
/* 
=-
=- Slide shows 
=-
*/
p.slide-caption {
	border-top: 1px dotted #999;
	padding-top: 3px;
	}
p.slide-nav {
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
	}
.slide-nav img {
	border: none;
	}
div.slide img {
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 10px;
	}

table.slide-view td {
	vertical-align: top;	
	padding: 0 0 3px 0;
	}
#relatedinfo table.slide-view img {
	border: none;	
	margin: 0;
	}
#relatedinfo table.slide-view a:link img {
	border: 1px solid #666;	
	}
#relatedinfo table.slide-view a:visited img {
	border: 1px solid #666;	
	}
#relatedinfo table.slide-view a:hover img {
	border: 1px solid #ff0;	
	}




/* 
=-
=- Travel - cruise page
=-
*/
table.cruiseflyers {
	border: none;
	margin: 0 0 1em 0;
	}
.cruiseflyers td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	width: 50%;
	}
.cruiseflyers p {
	margin: 0;
	}
.cruiseflyers p.dates {
	font-size: 11px;
	}



/* 
=-
=- Special divs
=-
*/
div.special-area {
	padding: 10px;
	margin: 15px 0;
	border: 1px dashed #999;
	background: url("/images/design/img-bg-special.gif") repeat left top;
	}
.special-area h2 {
	font-size: 14px;
	margin: 0 0 .3em 0;
    color: #830;
	}
.special-area h5 {
	margin: 15px 0 0 0;
	color: #830;
	background-color: #fff;
	border: 1px solid #999;
	padding: 3px;
	}
.special-area a {
	text-decoration: none;
	}

.alert	{
	background-color: yellow;
	color: red;
	font-weight: bold;
	}
.special-area a:link, 
.special-area a:visited {
	color: #1a3b50;
	
}
.special-area a:hover {
	color: #830;
	
}
.special-area dt, 
.special-area dd {
	font-size: 11px;
	}
.special-area dt a:link, 
.special-area dt a:visited {
	text-decoration: underline;
	}
.special-area dd a:link, 
.special-area dd a:visited {
	color: #1a3b50;
	text-decoration: underline;
	}
.special-area dd a:hover {
	color:#830;
	}
	
.special-area form {
	margin: 10px 0 0 0;
	}
.special-area form fieldset.submit {
	padding-bottom: 4px;
	}
	
.special-area form fieldset.submit input {
	margin: 0;
	padding: 0;
	}
	
	
	
h5.special {
	margin: 15px 0 0 0;
	color: #830;
	background-color: #fff;
	border: 1px solid #999;
	float: left;
	padding: 10px;
	font-size: 14px;
	}
h5.special a:link, 
h5.special a:visited {
	color: #830;
	text-decoration: none;
	}
h5.special a:hover {
	color: #830;
	text-decoration: underline;
	}
	
div#home-promo h3 {
	font-size: 13px;
	color: #333;
	margin: 15px 0 0 85px;
	font-weight: normal;
}
	
/* 
=-
=- Travel home booking area 
=-
*/
div.book-travel {
	height: 50px;
	clear: both;
	margin-top: 10px;
	}
div.book-travel img {
	float: left;
	}
div.book-travel p {
	font-size: 11px;
	width: 235px;
	float: left;
	margin: 0 0 0 10px;
	}
/* div.book-travel a:link, div.book-travel a:visited {
	color: #1a3b50;
	}
div.book-travel a:hover {
	color: #830;
	} */
div.travel-button {
	margin: 5px 14px 5px  0;
	padding: 0;
	width: 43px;
	float: left;
	} 
div.travel-button p {
	font-size: 11px;
	margin:0;
	padding: 0;
	text-align: center;
	}
div.travel-button img {
	display: block;
	}
table.travelspecials img {
	padding: 4px;
	border: 1px solid #ccc;

	}
div.page-summary {
	margin: 20px;
	}
div.auto-tour-sidetrip {
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fafaec;
	}
.auto-tour-sidetrip h3 {
	margin: 0 -10px 10px -10px;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	}
	
	
	
/* 
=-
=- Search results 
=-
*/
#searchresults center {
	text-align: left;
	}
#searchresults font {
	font-family: Tahoma, Verdana, sans-serif;
	}