@charset "UTF-8";

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #1B407D url(images/bg_top_target_tours.jpg) no-repeat center top;
}

/*
* html body { /* exploits a bug in IE, enables us to send an IE-only rule */
	/* font-size: x-small; /* for IE5/Win */
	/* f\ont-size: x-small; /* for other IE versions */
/* } */

/* page tag styles */

/* link styles */
a { 
	color: #1A3F7E;
}

a:visited {
	color: #1A3F7E;
}

a:hover .rollover {
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}

p {
	line-height: 18px;
	/* text-indent: 10px; */
	padding: 0px;
} 

/* page structural styles */

/* overall surrounding style */
#container {
	font-size: 105%; /* changed from 95% */
	width: 760px;
	margin: 0 auto;
	display: block;
	padding: 0;
	text-align: left;
	color: #444; /* overall, default text color */	 /* background: #FFF; white, scalable background */
}

#social { 
	width:60px;
	height:350px;
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
}

/* header styles */

#header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	color: #FFF;
	line-height: 16px;
}

#header a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
}

#header .logo {
	float: left;
	margin: 0px 0px 0px 10px;
}

#header .newsletter {
	float: left;
	text-align: left;
	width: 150px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#header .newsletter .link {
	padding: 5px 0px 5px 60px;
} 

#header .contact {
	float: left;
	text-align: right;
	clear: right;
	width: 220px;
	margin: 30px 0px 0px 20px;
}

#header .contact h1 { 
	font-size: 120%;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

/* subnavigation styles */

#subnav
{
	clear: both;
	text-align: left;
	height: 40px;
	background: url(images/bg_subnav_target_tours.jpg) repeat-x bottom;
	padding-left: 8px; /* forces tabbed navigation to indent */
}

/* content-area background styles  */

#lead_background {
	background: #FFF url(images/bg_sub_target_tours.jpg) no-repeat left top;
	float: left;
	padding: 0px 0px 30px 0px;
	width: 760px;
}

#sub_background {
	background: #FFF url(images/bg_sub_target_tours.jpg) no-repeat left top;
	float: left;
	padding: 0px 0px 30px 0px;
	width: 760px;
}

#footer	
{
	clear: both; /* IMPORTANT: clears above columns */
	text-align: left;
	margin: 0px;
	/* margin-left: 200px; */
	padding: 5px 0 40px 10px;
	font-size: 100%;
}

/* main navigation styles */
/* navigation elements: suckerfish */

/* nav is the original menu coding; mainnav is the revised version */

/* main navigation style */
#mainnav
{
	width: 760px;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 53px;
	float: left;
	clear: left; /* puts element on its own line */
	list-style: none;
}

#nav {
	float: left;
	clear: left;  /* puts element on its own line */
	width: 100%;
	margin: 0;
	padding: 0; /* indents the tabs */
	list-style: none;
	/* background: url(images/bg_nav_main.gif) repeat-x bottom left;  background color */
	/* next element will need a clear: left property */
}
	
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: outside;
}

#mainnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: outside;
}

#mainnav li { /* all list items */
	float: left;
	padding: 0px;
	margin: 0px;
}

#nav li { /* all list items */
	float: left;
	width: 107px; /* need to specify width */
	/* text-align: center; */
	font-weight: 400;
}

#nav a:hover, #nav .current { 
	background: url(images/bg_nav_highlight.gif) no-repeat right bottom;
}

/* revised to account for change from nav to mainnav */

#mainnav li ul { /* second-level lists */
	position: absolute; /* COMMENTED OUT FOR MENU OVERLAY */
	background: #8EA0BD;
	width: 137px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:90;
	padding: 0px;
	margin: -5px 0px 0px 0px;
}

#mainnav li ul a { /* second-level links */
	display: block; /* makes the entire tab clickable */
	padding: 9px 10px 9px 8px;
	color: #1B407D; /* target tours color */
	font-size: 12px;
	background: none;
}

#mainnav li ul a:hover {
	background: url(images/bg_nav_highlight.gif) repeat-x bottom left;
}

#mainnav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* box model hack 
#headlinelead {
	\width: 620px;
	w\idth: 760px;
}
*/

/* subnav styles */

#subnav div 
{
	float: left;
	text-align: center;
	width: 145px;
	/* text-transform: uppercase; */
	font-size: 95%;
	line-height: 40px;
	height: 40px; /* IMPORTANT: ensures the type scales properly  */	
}

#subnav a
{
	color: #5172A0;
	text-decoration: none;
}
		
#subnav a:hover
{
	color: #1A3C73;
	text-decoration: underline;
	/*
	display: block;
	background-image: url(images/submenu_tab.gif);
	background-repeat: no-repeat;
	background-position: top;
	*/
}
	
#subnav .current
{ 
	display:block;
	background: url(images/subnav_tab.gif) no-repeat top;
}
	
#subnav .current a
{ 
	color: #1A3C73;
	text-decoration: none;
}

/* footer navigation */

#footer_nav {
	float: left;
	clear: left;  /* puts element on its own line */
	width: 100%;
	margin: 0;
	padding: 0; /* indents the tabs */
	list-style: none;
}
	
#footer_nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: outside;
}

#footer_nav a {
	display: block; /* makes the entire tab clickable */
	font-size: 12px;
	padding: 8px 27px 12px 27px;
	color: #FFF; /* target tours color */
	/* text-decoration: none; */
}

#footer_nav li { /* all list items */
	float: left;
	/* width: 120px; need to specify width */
	/* text-align: center; */
	font-weight: 400;
}

#footer_nav a:hover, #nav .current { 
	/* background: url(images/bg_nav_highlight.gif) no-repeat right bottom; */
}

/* close main navigation styles */

/* headline area on leadpage */
#sliderlead {
	/* clear: both; */
	clear: left;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

/* headline area on leadpage */
#headlinelead {
	/* clear: both; */
	clear: left;
	float: left;
	width: 490px;
	padding: 0px 0px 10px 20px;
	margin: 20px 0px 0px 0px;
}

/* headline styles */
/* larger headline */
#headlinelead h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight: 100;
	margin: 0;
	color: #1A3F7E;
	line-height: 35px;
	padding: 0px 10px 5px 0px;
}

#headlinelead p {
	line-height: 140%;
	padding: 0px 10px 5px 0px;
}

/* medium headline */
#headlinelead h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: 100;
	margin: 0;
	color:  #444;
	line-height: 22px;
	padding: 10px 270px 15px 20px;
}

/* columns on leadpage */
.colsingle {
	float: left;
	width: 30%;
	padding: 0;
	margin: 15px 5px 0px 20px;
	font-size: 100%;
}

.colsingle .destination {
	font-size: 120%;
	padding: 20px 0px 10px 0px;
}

/* column for displaying testimonials */
.testimonial {
	float: left;
	width: 25%;
	padding: 0;
	margin: 15px 10px 0 20px;
	font-size: 100%;
}

/* headings */
h2 { /* main tour titles */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 300;
	font-size: 175%;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #1A3F7E;
	text-align: left;
}

h3 { /* tour dates and details */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 300;
	font-size: 150%;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #1A3F7E;
	text-align: left;
}

h4 { /* headings in page columns */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 300;
	font-size: 125%;
	color: #1A3F7E;
	text-align: left;
	clear: both;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h4.news { 
	font-family: Helvetica, Arial, sans-serif;
	padding: 20px 0px 2px 0px;
}
	
.highlight { 
	color: #1A3F7E;
	font-size: 110%;
}	

/* style for date and place details */
.dateplace {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 300;
	font-size: 95%;
	color: #1A3F7E;
	padding: 0 0 2px 0;	
}

/* main text content of site */
#contents 
{
	clear: left; /* puts element on its own line */
	/* margin: 0px 230px 0px 0px; */
	float: left;
	width: 510px;
	padding: 15px 0 220px 20px;
	line-height: 165%;
	font-size: 100%;
	color: #444;
}

.additional_description {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 500;
	font-size: 130%;
	color: #1A3F7E;	
	clear: right;
}

.gallery_description { /* links to gallery related to tour */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 500;
	font-size: 110%;
	margin-left: 25px;
	color: #1A3F7E;	
	clear: right;
}

.tour_description { /* paragraph describing the tour location and activities */
	font-size: 110%;
	padding: 10px 0px 10px 0px;
	/* height: 365px; coded height */
	height: 100%;
	clear: both;
}

.tour_paragraph img {
	padding-bottom: 10px;
	height: 265px;
}

.tour_paragraph {
	height: 100%;
	clear: right;
}

.form_description { /* paragraph describing interactive form */
	font-size: 110%;
	padding: 20px 0px 10px 0px;
}

.more { /* 'read more...' link */
	clear: both;
	width: 40%;
	float: right;
	padding: 5px 10px 0 0;
}

.return { /* return to a full listing */
	float: right;
	padding: 5px 10px 0 0;
	width: 30%;
}

.coldetails { 
	clear: left;
	background: url(images/bg_tour_description.jpg) no-repeat left top;
	padding-top: 50px;
} 

/* columns on destination page */
.coldestination {
	float: left;
	width: 45%;
	padding: 0px;
	margin: 0px 20px 0 5px;
	font-size: 100%;
}

#contents img, .colsingle img  {
	padding: 5px 20px 20px 0px;
	clear: right;
}

#contents .column1
{
	float: left;
	width: 250px;
	height: 40px;
	margin: 0px 20px 0px 0px;
	line-height: 18px;	
}

#contents .column2
{
	width: 190px;
	height: 40px;
	margin-left: 260px;
	margin-bottom: 20px;
	clear: right;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
}

/* unordered list styles */

.colsingle ul, .coldestination ul {
	padding: 0px;
	line-height: 20px;
	list-style-image: url(images/bullet.gif);	
}

.coldestination td { 
	padding: 4px;
}

/*  contents */

#sidebar {
	float: left;
	width: 170px;
	margin: 340px 20px 0px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar_tour {
	float: left;
	width: 170px;
	margin: 380px 20px 0px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar_lead {
	float: right;
	width: 170px;
	margin: 345px 20px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar p { 
	font-size: 105%;
}

/* staff profile styles */

.staff_quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 500;
	font-size: 110%;
	color: #1A3F7E;	
	clear: right;
	line-height: 130%;
}

/* gallery styles */

.photo_gallery {
	text-align: center;
	float: left;
	width: 210px;
}

.video_gallery {
	text-align: center;
	float: left;
	width: 230px;
}

/* download itinerary styles */
.acrobat_itinerary {
	padding: 4px 35px 5px 0px;
	background: url(images/button_itinerary_acrobat.jpg) no-repeat top;
	font-size: 12px;
	line-height:145%;
}

/* testimonial styles */

.quote { /* quote attributions */
	padding: 5px 0 10px 0;
	font-style: italic;
	font-size: 95%;
	color: #1A3F7E;
	line-height:110%;
}

.lgquote_open { /* style to create large quotation mark */
	font-size: 400%;
	padding: 10px 5px 0 0;
	float: left;
	color: #1A3F7E;
	height: 25px;
}

.lgquote_close { 
	font-size: 400%;
	float: right;
	color: #1A3F7E;
	height: 25px;
}

/* news navigation elements  */
.news_nav {
	width: 100%;
}

.news_nav_button {
	float: left;
	width: 33%;
	padding: 0px 0px 0px 0px;
}

.news_nav_button img { 
	padding: 0px;
} 

.news_nav_articles img { 
	padding: 0px;
} 


/* for positioning the content slider */
.clear {
	clear: both;
}

/* tour packages */

.package1 {
	color: #D1313D; /* red */
}

.package2 {
	color: #59937B; /* green */	
}

/* form styles */

.wufoo_form {
	width: 400px;
}