body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:Verdana;
	font-size:11px;
	background-color:#F8F4E8;
	/*background-color:#FFFFFF;*/
}

/* clears float */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear_float { clear:both; }

p {
	margin:0px; /* This is to prevent text from having white space above */
	font-family:Verdana;
	font-size:11px;
}

div#country_navigation {
	width:653px;
	height:23px; /* height of the image */
	margin:0px 0px 0px 7px;
}

* html div#country_navigation {
	margin:0px 0px 0px 8px; /* controls the height and spacing in IE 6 */
}

#expedition_location_white a, #expedition_day_white a, #expedition_location_grey a, #expedition_day_grey a {
	color:#000000;
	text-decoration:none;
}

#expedition_location_white a:hover, #expedition_day_white a:hover, #expedition_location_grey a:hover, #expedition_day_grey a:hover {
	color:#000000;
	text-decoration:underline;
}

/* Options Box */

div#options_box_bg {
	float:left; /* this is required to get the positioning right */
	/* height:207px;  originally  */
	background:url(/images/expeditions/options_box.gif) no-repeat;
	height:270px; 
	width:265px;
}

div#options_box {
	margin:35px 10px 10px 16px; /* padding instead of margin because its not in a float */
}

.arrow_btn {
	padding-top:8px;
	padding-bottom:6px;
}

.option_heading a {
	font-weight:bold;
	color:#083C89;
}

.option_heading a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#083C89;
}

.option_details {
	padding-left:5px;
	padding-top:8px;
}

/* START OF VISA FORM STYLES */
.date_input{
	width:80px;
}

div.form_container{
	width:580px;
}

div.form_container p{
	margin-bottom:15px;
}

div.error_summary{
}

p.form_summary {
	color:red;
	font-weight:bold;
}

table.sub_form{
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}

table.sub_form td{
	padding:6px 0 6px 0;	
}

#visa_form div.error{ 
	color:red;
	font-size:0.9em;
} 

/* END OF VISA FORM STYLES */

/* css for timepicker */
/*
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
*/

/* START OF HEADING NAVIGATION LINK STYLES */

.divider {
	float:left;
	background:url(/images/heading_navigation/divider.gif) no-repeat left top;
	display:block;
	height:22px;
	width:2px;
}

A.pearl_comp_link:link, A.pearl_comp_link:active, A.pearl_comp_link:visited, A.pearl_comp_link:hover {
	float:left;
	background:url(/images/heading_navigation/pearl_comp_hover.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:100px;
}

A.home_link:link, A.home_link:active, A.home_link:visited {
	float:left;
	background:url(/images/heading_navigation/home_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:78px;
}

A.home_link:hover { 
	background-image:url(/images/heading_navigation/home_hover.gif);
	height:22px;
	width:78px;
}

A.about_orion_link:link, A.about_orion_link:active, A.about_orion_link:visited {
	float:left;
	background:url(/images/heading_navigation/about_orion_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:72px;
}

A.about_orion_link:hover { 
	background-image:url(/images/heading_navigation/about_orion_hover.gif);
	height:22px;
	width:72px;
}

A.expeditions_link:link, A.expeditions_link:active, A.expeditions_link:visited {
	float:left;
	background:url(/images/heading_navigation/expeditions_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:84px;
}

A.expeditions_link:hover { 
	background-image:url(/images/heading_navigation/expeditions_hover.gif);
	height:22px;
	width:84px;
}

A.calendar_link:link, A.calendar_link:active, A.calendar_link:visited {
	float:left;
	background:url(/images/heading_navigation/calendar_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px; 
	width:78px;
}

A.calendar_link:hover { 
	background-image:url(/images/heading_navigation/calendar_hover.gif);
	height:22px;
	width:78px;
}

A.ship_link:link, A.ship_link:active, A.ship_link:visited {
	float:left;
	background:url(/images/heading_navigation/ship_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:46px;
}

A.ship_link:hover { 
	background-image:url(/images/heading_navigation/ship_hover.gif);
	height:22px;
	width:46px;
}

A.brochure_link:link, A.brochure_link:active, A.brochure_link:visited {
	float:left;
	background:url(/images/heading_navigation/brochure_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:78px;
}

A.brochure_link:hover { 
	background-image:url(/images/heading_navigation/brochure_hover.gif);
	height:22px;
	width:78px;
}

A.events_link:link, A.events_link:active, A.events_link:visited {
	float:left;
	background:url(/images/heading_navigation/events_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:63px;
}

A.events_link:hover { 
	background-image:url(/images/heading_navigation/events_hover.gif);
	height:22px;
	width:63px;
}

A.bookings_and_rewards_link:link, A.bookings_and_rewards_link:active, A.bookings_and_rewards_link:visited {
	float:left;
	background:url(/images/heading_navigation/bookings_and_rewards_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:146px;
}

A.bookings_and_rewards_link:hover { 
	background-image:url(/images/heading_navigation/bookings_and_rewards_hover.gif);
	height:22px;
	width:146px;
}

A.charters_link:link, A.charters_link:active, A.charters_link:visited {
	float:left;
	background:url(/images/heading_navigation/charters_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:77px;
}

A.charters_link:hover { 
	background-image:url(/images/heading_navigation/charters_hover.gif);
	height:22px;
	width:77px;
}

A.faq_link:link, A.faq_link:active, A.faq_link:visited {
	float:left;
	background:url(/images/heading_navigation/faq_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:39px;
}

A.faq_link:hover { 
	background-image:url(/images/heading_navigation/faq_hover.gif);
	height:22px;
	width:39px;
}

A.pathways_link:link, A.pathways_link:active, A.pathways_link:visited {
	float:left;
	background:url(/images/heading_navigation/pathways_link.gif) no-repeat left bottom;
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width:135px;
}

A.pathways_link:hover { 
	background-image:url(/images/heading_navigation/pathways_hover.gif);
	height:22px;
	width:135px;
}

/* LEFT COLUMN STYLES */

div#middle_column_left {
	float: left;
}

div#middle_content_holder {
	margin:-15px 30px 0px 37px; /* Controls the white box in the left container */
}

* html div#middle_content_holder {
	margin-left:36px; /* prevents IE 6 and 7 from adding more padding then it should */
}

div#main_banner {
	width:615px;
}

div#middle_column_bg {
	margin-left:7px;
	background:url(/images/about_page/middle_column_bg.gif) repeat-y;
	width:658px;
	padding-top:25px;
}

* html div#middle_column_bg {
	margin-left:8px;
}

div#image_select_holder {
	width:607px;
	height:185px;
	padding:0.7em 2em 0em 2em;
}

div#page_name_image {
	margin:0em 2em 0em 2em;
}

div#sub_navigation {
	height:22px;/* Controls the height of the sub navigation images */
	padding:0em 2em 0em 2.1em;
}

div#content_border_top {
	height:15px;
	padding:0em 1em 0em 1.5em;
}

div#content_border_bg {
	padding:0em 1.8em 0em 1.5em; /* Controls the spacing of the content in the curved box */
}

div#content_border_bottom {
	height:15px;
	padding:0em 1em 1em 1.5em; /* Adds spacing to the bottom of the background */
}

div#content_box {
	padding:0em 1em 0em 1.5em;
}

#table_content {
	width:600px;
	padding:0px 30px 10px 10px; /* Do not put padding top on this */
}

.content_heading {
	padding:0px 0px 20px 0px; /* Position of the Content Heading */
	font-family:Verdana;
	font-weight:bold;
	font-size:22px;
	color:#083C89;
}

div#middle_column_footer {
	margin:0px 0px 0px 7px;
	background:url(/images/about_page/middle_column_footer.gif) no-repeat;
	height:15px;
	width:656px;
}

div#middle_column_header {
	margin:0px 0px 0px 7px;
	background:url(/images/about_page/middle_column_header.gif) no-repeat;
	height:15px;
	width:656px;
}

* html div#middle_column_footer {
	margin:0px 0px 0px 8px;	
}

/* RIGHT COLUMN STYLES */

div#middle_column_right {
	float:left;	
	padding-top:25px;
	padding-bottom:40px; /* Just incase there is not enough content on the page.  Doesn't make the Orion footer logo overlap*/
    width: 260px;
}

div#flash_map_holder {
	width:265px;
}

div#easter_about_orion {
	width:265px;
	padding-bottom: 10px;
}

div#orion_logo_footer {
	text-align:right;
	padding:0px 45px 10px 0px;
	margin-top:-35px; /* This is to make the logo orion move up so the white background goes past it for all browsers */
}

/* GLOBAL LAYOUT STYLES */

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	background:url(/images/body_background.png) top repeat-y;
	height:auto !important; /* real browsers */
}

/* New Header Styles */
div#header { 
	position:relative; 
	z-index:5; 
	background:url(/images/header.gif) top center no-repeat; 
	height:107px; 
}

div#header #page_select { 
	position:absolute; 
	top:13px; 
	right:95px; 
}

div#navigation_box { 
	float:left;
	width:916px; /* width of background from navigation_bg */
	margin:75px 0px 0px 41px; /* placement of the navigation links */
	background-color:#F2F7FD;
	height:22px;
}

* html div#navigation_box {
	margin:75px 0px 0px 22px; /* placement of the navigation links for IE 6 */
}

/* End New Header Styles */

div#footer {
	margin: auto;
	background-image:url(/images/footer_background.gif); /* background-image dimensions need to be specified to display the image */
	background-repeat:no-repeat;
	width:1000px; /* width of the background image */
	height:29px; /* height of the background image */
	font-family:Verdana;
	font-size:11px;
	color:#6A8AB8;
}

div#footer_links {
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
}

div#footer_links a:link, #footer_links a:visited, #footer_links a:active {
	color:#6A8AB8;
	text-decoration:none;
	font-weight:normal;
}

div#footer_links a:hover {
	color:#6A8AB8;
	text-decoration:underline;
	font-weight:normal;
}

div.clear_float {
	clear:both; /* clears any styles that uses a float */
}

.socialnetworking * {
	text-decoration: none;
	border: 0px;
}