@charset "utf-8";
/* CSS Document */

/* ---------
   Common
--------- */

body {
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	color:#797F8F;
	text-align:center;
	line-height:1.3em;
	background-image:url(../Images/header_bg_tile.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

/* ------
   IDs
------ */

/* ----- Main container ----- */

#container {
	width:100%;
	margin:auto;
}

#container p {
	margin-bottom:15px;
}

/* ----- Header ----- */

#header_wrap {
	position:relative;
	width:760px;
	height:77px;
	margin:auto;
	background-image:url(../Images/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap {
	width:760px;
	height:73px;
	margin:auto;
	text-align:left;
	background-image:url(../Images/navbar_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap ul {
	width:508px;
	height:26px;
	list-style-type:none;
}

#topnav_wrap li {
	float:left;
	display:inline;
}

#topnav_wrap li a {
	height:26px;
	float:left;
	display:block;
}



#topnav_wrap li.home a {
	width:53px;
	background-image:url(../Images/btn_home.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.home a:hover {
	background-image:url(../Images/btn_home_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.home_active a {
	background-image:url(../Images/btn_home_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



#topnav_wrap li.about a {
	width:70px;
	background-image:url(../Images/btn_about.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.about a:hover {
	background-image:url(../Images/btn_about_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.about_active a {
	background-image:url(../Images/btn_about_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



#topnav_wrap li.info a {
	width:89px;
	background-image:url(../Images/btn_info.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.info a:hover {
	background-image:url(../Images/btn_info_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.info_active a {
	background-image:url(../Images/btn_info_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



#topnav_wrap li.news a {
	width:51px;
	background-image:url(../Images/btn_news.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.news a:hover {
	background-image:url(../Images/btn_news_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.news_active a {
	background-image:url(../Images/btn_news_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



#topnav_wrap li.responsible a {
	width:123px;
	background-image:url(../Images/btn_responsible.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.responsible a:hover {
	background-image:url(../Images/btn_responsible_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.responsible_active a {
	background-image:url(../Images/btn_responsible_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



#topnav_wrap li.tips a {
	width:79px;
	background-image:url(../Images/btn_tips.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.tips a:hover {
	background-image:url(../Images/btn_tips_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.tips_active a {
	background-image:url(../Images/btn_tips_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



#topnav_wrap li.faq a {
	width:43px;
	background-image:url(../Images/btn_faq.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.faq a:hover {
	background-image:url(../Images/btn_faq_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#topnav_wrap li.faq_active a {
	background-image:url(../Images/btn_faq_mo.gif);
	background-repeat:no-repeat;
	background-position:top left;
}



#textbox_wrap {
	width:760px;
	height:129px;
	margin:auto;
	text-align:justify;
	background-image:url(../Images/textbox_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#textbox_wrap div { /* Refers to the only div tag that is present in the textbox_wrap div */
	width:504px;
	padding-top:14px;
	float:left;
	font-size:0.75em;
	font-weight:bold;
	line-height:19px;
}

#textbox_wrap h1 {
	margin-bottom:8px;
	font-size:16px;
}	

/* ----- Content ----- */

#content_wrap {
	width:760px;
	margin:auto;
	font-size:0.75em;
}

#content_wrap h1, h2, h3 {
	margin-bottom:15px;
	text-align:left;
	letter-spacing:2px;
}

#content_left {
	width:494px;
	margin-top:15px;
	padding-right:20px;
	float:left;
	text-align:justify;
}

#content_left h1 {	
	padding-bottom:15px;
	font-size:14px;
	color:#2B2F3A;
	border-bottom:1px solid #CAD1E4;
}

#content_left h2 {
	font-size:12px;
	color:#2B2F3A;
}

#content_left h3 {
	font-size:12px;
	color:#797F8F;
}

#content_left ul {
	margin-bottom:15px;
	margin-left:15px;
	list-style-type:none;
}

#content_left li {
	margin-bottom:5px;
	padding-left:25px;
	background-image:url(../Images/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
}

#content_left img {
	position:absolute;
	top:8px;
	left:8px;
}

#content_left a:link {
	color:#797F8F;
	text-decoration:underline;
}

#content_left a:visited {
	color:#797F8F;
	text-decoration:underline;
}

#content_left a:hover {
	color:#797F8F;
	text-decoration:none;
	background-color:#ECECEC;
}

#content_left a:active {
	color:#797F8F;
	text-decoration:underline;
}

#tag {
	width:246px;
	height:71px;
	margin-bottom:15px;
	float:right;
	background-image:url(../Images/tag_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

#content_right {
	width:226px;
	padding-left:20px;
	float:right;
	text-align:left;
}

#content_right h1 { /* To be used only on the tours, getaways and training pages */
	padding-bottom:15px;
	font-size:14px;
	color:#2B2F3A;
	border-bottom:1px solid #CAD1E4;
}

#content_right h2 {
	font-size:12px;
	color:#2B2F3A;	
}

#content_right ul.list_right {
	margin-bottom:15px;
	list-style-type:none;
}

#content_right li.list_right_first {
	padding-top:2px;
	padding-bottom:2px;
	background-color:#F8FCFF;
	border-top:1px dashed #CAD1E4;
	border-bottom:1px dashed #CAD1E4;
}

#content_right li.list_right_next {
	padding-top:2px;
	padding-bottom:2px;
	background-color:#FFFFFF;
	border-bottom:1px dashed #CAD1E4;
}

#content_right li.list_right_repeat {
	padding-top:2px;
	padding-bottom:2px;
	background-color:#F8FCFF;
	border-bottom:1px dashed #CAD1E4;
}

#content_right img {
	margin-bottom:15px;
}

#content_right a:link {
	color:#797F8F;
	text-decoration:underline;
}

#content_right a:visited {
	color:#797F8F;
	text-decoration:underline;
}

#content_right a:hover {
	color:#797F8F;
	text-decoration:none;
	background-color:#ECECEC;
}

#content_right a:active {
	color:#797F8F;
	text-decoration:underline;
}

#column_left {
	width:227px;
	padding-right:20px;
	float:left;
}

#column_right {
	width:227px;
	padding-left:20px;
	float:right;
}

/* IE6 adds extra space at the bottom of each of these column divs (over and above the 15px margin that should appear beneath each #content_wrap p). The result is about 30px of space between the last #content_wrap p and #footer_bg */

#sidenav {
	margin-bottom:15px;
	padding:20px;
	background-color:#ECF0FB;
	border:1px solid #CAD1E4;
}

#sidenav ul {
	list-style-type:none;
}

#sidenav a:link {
	color:#797F8F;
	text-decoration:underline;
}

#sidenav a:visited {
	color:#797F8F;
	text-decoration:underline;
}

#sidenav a:hover {
	color:#797F8F;
	text-decoration:none;
	background-color:#ECECEC;
}

#sidenav a:active {
	color:#797F8F;
	text-decoration:underline;
}

/* Footer */

#sponsors {
	width:760px;
	margin:auto;
	clear:both;
	text-align:center;
	border-top:1px solid #CCCCCC;
}

#footer {
	width:760px;
	margin:auto;
	padding-top:15px;
	clear:both;
	text-align:center;
	border-top:1px solid #CCCCCC;
}

#footer a:link {
	color:#797F8F;
	text-decoration:underline;
}

#footer a:visited {
	color:#797F8F;
	text-decoration:underline;
}

#footer a:hover {
	color:#797F8F;
	text-decoration:none;
	background-color:#ECECEC;
}

#footer a:active {
	color:#797F8F;
	text-decoration:underline;
}

/* ----------
   Classes
---------- */

li.contact {
	margin-top:15px;
	font-weight:bold;
}




div.textbox_1 {
	margin-bottom:15px;
	padding:10px;
	padding-top:15px;
	padding-bottom:0px;
	text-align:center;
	background-color:#FBF6EA;
	border:1px dashed #CAD1E4;
}

div.image_landscape {
	position:relative;
	width:196px;
	height:136px;
	border:1px solid #ECECEC;
}

div.spacing_1 {
	margin-bottom:15px;
	margin-left:15px;
}

div.image_landscape_left {
	position:relative;
	width:196px;
	height:136px;
	margin-right:20px;
	float:left;
	border:1px solid #ECECEC;
}

div.image_landscape_right {
	position:relative;
	width:196px;
	height:136px;
	margin-left:20px;
	float:right;
	border:1px solid #ECECEC;
}

div.image_portrait_left {
	position:relative;
	width:136px;
	height:196px;
	margin-right:20px;
	float:left;
	border:1px solid #ECECEC;
}

div.image_portrait_right {
	position:relative;
	width:136px;
	height:196px;
	margin-left:20px;
	float:right;
	border:1px solid #ECECEC;
}

div.image_panoramic {
	position:relative;
	width:492px;
	height:166px;
	margin-bottom:15px;
	border:1px solid #ECECEC;
}

div.image_gallery {
	position:relative;
	width:196px;
	height:136px;
	float:left;
}

div.merchandise_container {
	height:151px;
}

div.tours_container {
	height:151px;
}

a.heading_home {
	position:absolute;
	top:21px;
	left:0px;
	width:140px;
	height:36px;
	display:block;
	background-image:url(../Images/heading_home.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

a.readmore {
	width:80px;
	height:15px;
	display:block;
	background-image:url(../Images/icon_readmore.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

a.readmore:hover {
	width:80px;
	height:15px;
	display:block;
	background-image:url(../Images/icon_readmore_mo.gif);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
}

a.readmoreabouttour {
	width:170px;
	height:15px;
	display:block;
	background-image:url(../Images/icon_readmoreabouttour.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

a.readmoreabouttour:hover {
	width:170px;
	height:15px;
	display:block;
	background-image:url(../Images/icon_readmoreabouttour_mo.gif);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
}

a.routemap {
	width:80px;
	height:15px;
	display:block;
	background-image:url(../Images/icon_routemap.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

a.routemap:hover {
	width:80px;
	height:15px;
	display:block;
	background-image:url(../Images/icon_routemap_mo.gif);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
}



/****************************/

div.image_links {
	position:relative;
	width:150px;
	height:60px;
	display:block;
	margin-left:-8px;
	margin-top:-8px;
	margin-bottom:25px;
}





/* --- */



/* --- */

p.textformat_1 { /* Used to format text appearing in textbox_1 on the tours, getaways and training pages */
	font-weight:bold;
}

p.textformat_2 { /* Used to format Navigators copyright and update information appearing in footer */
	color:#C0C0C0;
	font-size:10px;
	font-weight:bold;
}

p.textformat_3 { /* Used to format the names of people who's testimonials are published on the site */
	padding-top:15px;
	color:#C0C0C0;
	font-size:14px;
	font-weight:bold;
	text-align:right
}

span.textformat_4 {
	font-size:12px;
	font-weight:bold;
	color:#797F8F;
	letter-spacing:2px;
}

/* --- */

table.table_tours {
	width:494px;
}

/* --- */

table.table_tours td {
	padding-bottom:15px;
}

td.tour_image {
	width:196px;
}

td.tour_desc {
	padding-left:20px;
	vertical-align:top;
}

/* --- */

p.nav_bottom {
	font-size:0.75em;
}




div.postit_tourupdate {
	width:226px;
	height:226px;
	margin-top:20px;
	margin-bottom:15px;
	background-image:url(../Images/postit_tourupdate.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.postit_newsflash {
	width:226px;
	height:226px;
	margin-top:20px;
	margin-bottom:15px;
	background-image:url(../Images/postit_newsflash.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.postit_reminder {
	width:226px;
	height:226px;
	margin-top:20px;
	margin-bottom:15px;
	background-image:url(../Images/postit_reminder.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

p.quotation {
	position:relative;
	margin-top:30px;
	font-size:0.9em;
	font-style:italic;
	text-indent:40px;
}

span.quotes {
	position:absolute;
	top:-12px;
	left:0px;
	width:32px;
	height:31px;
	background-image:url(../Images/iconQuotationMark.png);
}

p.quoted {
	font-size:0.9em;
	color:#b52b2b;
	text-align:right;
}

p.quoted_next {
	padding-bottom:5px;
}

p.divider {
	border-bottom:1px dashed #CAD1E4;
}













.bold {
	font-weight:bold;
}