@charset "UTF-8";body  {	font: normal 14px/1.4em Helvetica, sans-serif;	color: #000000;}/*NEW BACKGROUND TEST*/img#expando {padding: 0;margin: 0;position: absolute;display: none;z-index: 1;-ms-interpolation-mode: bicubic;} .wide img#expando,.tall img#expando {display: block;} .wide img#expando {width: 100%;height: auto;} .tall img#expando {width: auto;height: 100%;} .ie6fixed {position: absolute;top: expression((ignoreMe = document.documentElement.scrollTop ?document.documentElement.scrollTop : document.body.scrollTop) + 'px');}/*NEW BACKGROUND TEST END*/#wrapper {	text-align: left;	margin: 0px auto;	padding: 0px;	border:0;	width: 950px;}#header {	background:url(images/jonathan-tours-header.jpg) no-repeat;	margin: 0;	height: 216px;	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */}#contact {	margin: 0 auto;	padding: 7px 0 7px 0;	background-color: #000000;	text-align: center;	font: 11px Helvetica, sans-serif;	color:#FFF;	letter-spacing: .3em;	}	#contact a {	margin: 0 auto;	padding: 7px 0 7px 0;	background-color: #000000;	text-align: center;	text-decoration: none;	font: 11px Helvetica, sans-serif;	color:#FFF;	letter-spacing: .3em;	}	#contact a:hover {	margin: 0 auto;	padding: 7px 0 7px 0;	background-color: #000000;	text-align: center;	font: 11px Helvetica, sans-serif;	color: #FF0000;	letter-spacing: .3em;	}.chromestyle{	width: 100%;	font:normal 12px Arial;	z-index:999;}.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden;}.chromestyle ul{	border: 0;	width: 100%;	background:#000; /*THEME CHANGE HERE*/	padding: 10px 0 15px 0;	margin: 0 0 0 0;	text-align: center; /*set value to "left", "center", or "right"*/}.chromestyle ul li{display: inline;}.chromestyle ul li a{color: #fff;padding: 4px 7px;margin: 5px;text-decoration: none;letter-spacing:.11em;border-right: 0;}.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/color: #FF0000;background: #000; /*THEME CHANGE HERE*/}#tours {	width: 950px;	height: 190px;	padding:0;	margin: 0 auto;	padding-bottom: 0;}#toursHome {	width: 950px;	padding:0;	margin: 0 auto;	padding-bottom: 0;}#toursHomeLeft {	width: 660px;	padding:0;	margin: 0;	padding-bottom: 0;	float:left;	}#toursHomeRight {	border-left-style:solid;	border-left-color:#666666;	border-left-width:thin;	width: 270px;	padding:0 0 0 5px;	margin: 0;	padding-bottom: 0;	float:right;	text-indent:0;}#toursTall {	width: 950px;	height: 335px;	padding:20px 0 0 0;	margin: 0 auto;}#banner {	background-image: url(images/jonathan-tours-banner.jpg);	width: 950px;	height: 110px;	padding:0;	margin: 0 auto;	padding-bottom: 0;}p.text {	color:#000;	font: Helvetica, sans-serif;	font-size: 15px;	text-align: left;	line-height: 1.4em;	padding-left: 15px;	}p.textCenter {	color:#000;	font: Helvetica, sans-serif;	font-size: 15px;	text-align: center;	line-height: 1.4em;}p.textItalics {	color:#000;	font: Helvetica, sans-serif;	font-size: 15px;	text-align: left;	line-height: 1.4em;	font-style:italic;	font-weight:bold;	width:100%;}p {	color:#000000;	font: normal 100% Arial, Helvetica, sans-serif;	text-align: left;	line-height:1.3em;	width: 75%;	padding-bottom:10px;	}	.pageTitle {	color:#cc0000;	font:  bold 17px Helvetica, sans-serif;	text-align: left;	text-transform: uppercase;	}	p.pageTitle {	color:#cc0000;	font:  bold 17px Helvetica, sans-serif;	text-align: center;	text-transform: uppercase;	width: 100%;	}.textBold {	color:#000;	font: Helvetica, sans-serif;	font-weight:bold;	font-size: 14px;	text-align: left;	line-height: 1.5em;	padding-left: 15px;}ul {	list-style-type: none;	color:#000;	font: Helvetica, sans-serif;	font-weight:bold;	font-size: 15px;	text-align: left;	line-height: 1.9em;	padding: 0;	margin-left: 1em;}ul.tours {	color:#000000;	font: Helvetica, sans-serif;	font-size:12px;	font-weight:bold;	text-align: left;	line-height: 1.6em;	text-transform: uppercase;	text-decoration: none;}ul.tours a {	color:#000000;	font: Helvetica, sans-serif;	font-size:12px;	font-weight:bold;	text-align: left;	line-height: 1.6em;	text-transform: uppercase;	text-decoration: none;}ul.tours a:hover {	color:#CC0000;	font: Helvetica, sans-serif;	font-size:12px;	font-weight:bold;	text-align: left;	line-height: 1.6em;	text-transform: uppercase;	text-decoration: none;}li.tours {	color:#1f315e;	font: bold 100% Arial, Helvetica, sans-serif;	text-decoration:none;	/*ist-style-image:url(images/mapDot.gif);*/	}.title {	color:#000000;	font: Helvetica, sans-serif;	font-size:14px;	font-weight:bold;	text-align: left;	line-height: 1.5em;	text-transform: uppercase;}.title a {	color:#000000;	font: Helvetica, sans-serif;	font-size:14px;	font-weight:bold;	text-align: left;	line-height: 1.5em;	text-transform: uppercase;	text-decoration:none;}.title a:hover {	color:#CC0000;	font: Helvetica, sans-serif;	font-size:14px;	font-weight:bold;	text-align: left;	line-height: 1em;	text-transform: uppercase;	text-decoration:none;}p.titleTours {	color:#000000;	font: Helvetica, sans-serif;	font-size:12px;	font-weight:bold;	text-align: left;	line-height: 1.5em;	text-transform: uppercase;}p.titleTours a {	color:#000000;	font: Helvetica, sans-serif;	font-size:12px;	font-weight:bold;	text-align: left;	line-height: 1.5em;	text-transform: uppercase;	text-decoration:none;}p.titleTours a:hover {	color:#CC0000;	font: Helvetica, sans-serif;	font-size:12px;	font-weight:bold;	text-align: left;	line-height: 1.5em;	text-transform: uppercase;	text-decoration:none;}.caption {	color:#333;	font: Helvetica, sans-serif;	font-size: 11px;	text-align: left;}img.displayed {    display: block;    margin-left: auto;    margin-right: auto;	 }.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */	float: right;	margin-left: 12px;	clear:both;}.fltlft { /* this class can be used to float an element left in your page */	float: left;	margin-right: 12px;}#side-a {	float: left;	width: 250px;	padding:10px 0 0 5px;	background: #e4d5a7;}#side-b {	float: right;	width: 250px;}#content { 	float: left;	width: 950px;	padding:10px 0 0 0px;	background: #6699cc;}#contentFull { 	width: 950px;	padding:0px 0 10px 0px;	margin:0;	float:left;	/*clear:right;	background: #6699cc;*/}#contentFullClean { 	width: 950px;	padding:0px 0 10px 0px;	float:right;	/*clear:right;*/}#contentCleanLeft { 	float: left;	width: 48%;	padding:10px 0 0 10px;}#contentCleanLeftWidget { 	float: left;	width: 28%;	padding:10px 0 0 20px;}#contentCleanRight { 	float: right;	width: 48%;	padding:10px 0 0 10px;}#left {margin:10px 0 0 0;padding:0;width:300px;float:left;}#mid {margin:10px 0 0 0;padding:0;width:330px;float:left;}#right {margin:10px 0 0 0;padding:0;width:300px;float:left;}#footer {	clear: both;	background: #A2A2A2;}.rentals {	color:#1f315e;	font: bold 100% Arial, Helvetica, sans-serif;	text-align: left;	line-height:1.6em;	width: 75%;	}	h1 {	color:#333333;	font: bold 175% Arial, Helvetica, sans-serif;	text-align: left;	}	h1.blue {	color:#1f315e;	font: bold 175% Arial, Helvetica, sans-serif;	text-align: left;	}	h2 {	color:#1f315e;	font: bold 130% Arial, Helvetica, sans-serif;	text-align: left;	}	h2 a {	color:#1f315e;	font: bold 100% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	}	h2 a:hover {	color:#cc0000;	font: bold 100% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	}	h3 {	color:#1f315e;	font: bold 80% Arial, Helvetica, sans-serif;	text-align: left;	line-height:1.5em;	letter-spacing:0;	padding-top:.5em;	}	h3 a {	color:#1f315e;	font: bold 80% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	line-height:1.5em;	letter-spacing:0;	padding-top:.5em;	}	h3 a:hover {	color:#cc0000;	font: bold 80% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	line-height:1.5em;	letter-spacing:0;	padding-top:.5em;	}	li.newbullet {	color:#1f315e;	font: bold 100% Arial, Helvetica, sans-serif;	text-decoration:none;	/*ist-style-image:url(images/mapDot.gif);*/	}li.newbullet a{	color:#1f315e;	font: bold 100% Arial, Helvetica, sans-serif;	text-decoration:none;	/*ist-style-image:url(images/mapDot.gif);*/	}li.newbullet a:hover{	color:#cc0000;	font: bold 100% Arial, Helvetica, sans-serif;	text-decoration:none;	/*ist-style-image:url(images/mapDot.gif);*/	}#mainContent {	width: 500px;	margin: 0 0 0 255px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */	padding: 0 0 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */}#sidebar1 {	margin: 0;	float: left; /* since this element is floated, a width must be given */	/*clear:right;*/	width: 245px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	background: #e4d5a7; /* the background color will be displayed for the length of the content in the column, but no further */	padding: 1px -50px 0px 10px;}#sidebarRight {	margin: 0 0 0 10px;	float: right; /* since this element is floated, a width must be given */	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */	padding: 0 0 2px 0;	clear:right;} #sidebarHeadLeft {	float: left; /* since this element is floated, a width must be given */	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	height: 175px;	background: #1f315e; /* the background color will be displayed for the length of the content in the column, but no further */	padding: 0px 0px 0px 0px;}#sidebarHeadRight { 	float: right; /* since this element is floated, a width must be given */	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	height: 175px;	background: #1f315e; /* the background color will be displayed for the length of the content in the column, but no further */	padding: 0px 0px 0px 0px;}  #menu {	position: relative;	background: #1f315e;	height: 3em;	padding: 0em 0em 0em 0em;	margin-bottom: 2px;	font-family: Arial, Helvetica, sans-serif; 	font-size: .9em;	letter-spacing: .1em; }html>body #menu{	position: relative;	background: #1f315e;	height: 3em;	padding: 0em 0em 0em 0em;	margin-bottom: 2px;	font-family: Arial, Helvetica, sans-serif; 	font-size: .9em; 	letter-spacing: .1em;}/* non-IE browsers*/#menu ul {	position: relative;	top: .8em;	width: 940px;}#menu ul li {	position: relative;	display: inline;}#menu ul li a {	padding: 0em 2em 0em 0em;	color: #fff;	text-decoration: none;}#menu ul li a:hover {	text-decoration: none; 	color:#e4d5a7;}#info { 	color:#333333;	font: 88% Arial, Helvetica, sans-serif;	text-align: center;	letter-spacing:.02em; 	padding: 0px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	height: 10px;	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */}#info a { 	color:#333333;	font: 88% Arial, Helvetica, sans-serif;	text-align: center;	letter-spacing:.02em; 	padding: 0px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	height: 10px;	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	text-decoration:none;}#info a:hover { 	color:#990000;	font: 88% Arial, Helvetica, sans-serif;	text-align: center;	letter-spacing:.02em; 	padding: 0px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	height: 10px;	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	text-decoration:none;}				#info p {	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */}.infoText {	color:#000000;	font: 71% Arial, Helvetica, sans-serif;	text-align: center;	letter-spacing:0em; }.infoTextCaption {	color:#000000;	font: 61% Arial, Helvetica, sans-serif;	text-align: left;	letter-spacing:.2em; }.note {	color:#ffffff;	font: 77% Arial, Helvetica, sans-serif;	text-align: left;	padding-top:5px;	}.surfCam {	color:#000000;	font: bold 90% Arial, Helvetica, sans-serif;	text-align: left;	line-height: 1.3em;	}.surfCam a {	color:#000000;	font: bold 90% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	line-height: 1.5em;}.surfCam a:hover {	color: #CC0000;	font: bold 90% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	line-height:1.5em;}.locations {	color:#1f315e;	font: bold 100% Arial, Helvetica, sans-serif;	text-align: left;	line-height: 2em;	}.locations a {	color:#1f315e;	font: bold 100% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	line-height: 2em;}.locations a:hover {	color: #CC0000;	font: bold 100% Arial, Helvetica, sans-serif;	text-align: left;	text-decoration:none;	line-height:2em;}#header h1 {	background: url(images/logo.jpg)	margin: 20em; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */	color: #000000;}#sidebarCaption {	font: 30% Arial, Helvetica, sans-serif;	margin: 0 20px 0 0;	float: left; /* since this element is floated, a width must be given */	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	background: #e4d5a7; /* the background color will be displayed for the length of the content in the column, but no further */	padding: 3px 5px 0px 20px;	}#footer { 	width: 950px;	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	background:#000;	/* for IE  filter:alpha(opacity=60);  /* CSS3 standard   opacity:0.6;*/	} #footer p {	font: 11px Helvetica, sans-serif;	color: #FFF;	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */	text-align: center;	letter-spacing:.2em;	margin-left:100px;	line-height:1.7em;  }#footer a {	font: 11px Helvetica, sans-serif;	color: #FFF;	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */	text-align: center;	letter-spacing:.2em;	text-decoration :none;	line-height:1.7em;   }#footer a:hover {	font: 11px Helvetica, sans-serif;	color: #FF0000;	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */	text-align: center;	letter-spacing:.2em;	text-decoration :none;	line-height:1.7em;   }.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}/* *********Style for Registration Page*********** */* { 	margin: 0; padding: 0; }#page-wrap { 	width: 950px;	margin: 0px auto 20px;	overflow: hidden;}.hidden {	position:absolute;	left:-999em;	top:-999em;	width:1%;}.titleReg { 	font-size: 38px;	letter-spacing: -1px;	color: #000000;	margin: 0 0 15px 0; 	}	.titleReg span	{ 		color: #1f8cc5; }h3 { 	font-size: 15px;	font-style: normal; 	letter-spacing: 1px; 	margin: 0 0 5px 0; }.provide { 	font-size: 14px;	font-style: normal; 	letter-spacing: -.5px; 	margin: 0 0 5px 0; }p, label { 	font-family: Arial, Helvetica, sans-serif;	font-style: normal;	font-size: 15px; 	margin: 4px 0;}fieldset {	width: 180px; 	padding: 15px; 	float: left; 	border: none;	margin: 0 10px 0 0; 	}	fieldset#step_1	{ 	background: #5fa2d6;	color: white; 	}	fieldset#step_2	{ 		background: #b2d9e7; 	}	fieldset#step_3 { 		background: #5fa2d6;		color: white;  	}		fieldset#step_4 { 		background: #b2d9e7;		color: white;  	}legend { 	font-weight: normal; 	font-size: 20px; 	background: #ff9900;	-moz-border-radius: 10px; 	-webkit-border-radius: 10px;	padding: 5px 10px; 	letter-spacing: -.5px;}									  	  option { 	padding: 0 5px; }.name_wrap { 	margin: 5px 0; 	}	.name_wrap label { 		font-size: 11px; 		display: block; 		width: 102px; 		float: left; 	}	.push {	margin: 5px 0 0 0; }#special_accommodations_wrap,#company_name_wrap { 	margin: 8px 0 0 0; }#company_name_wrap label,#special_accommodations_wrap label { 	font-size: 12px; }#special_accommodations_wrap textarea { 	width: 100%; height: 100px; }/*divider for registration form*/div.hr {  height: 1px;  widows:100%;  background: #333;  margin-top:0;  margin-bottom:.5em;}div.hrTall {	height: 1px;	widows:100%;	background: #333;	margin-top:1em;	margin-bottom:-1em;}div.hr hr {  display: none;}div.hrTall hr {  display: none;}/* *********Style for Registration Page*********** */* { 	margin: 0; padding: 0; }#page-wrap { 	width: 950px;	margin: 0px auto 20px;	overflow: hidden;}.hidden {	position:absolute;	left:-999em;	top:-999em;	width:1%;}.titleReg {	font-size: 28px;	letter-spacing: -1px;	color: #555;	margin: 0 auto;	text-align:center;	}	.titleReg span	{ 		color: #1f8cc5; }h3 { 	font-size: 15px;	font-style: normal; 	letter-spacing: 1px; 	margin: 0 0 5px 0; }.provide { 	font-size: 14px;	font-style: normal; 	letter-spacing: -.5px; 	margin: 0 0 5px 0; }p, label { 	font-family: Arial, Helvetica, sans-serif;	font-style: normal;	font-size: 13px; 	margin: 4px 0;}fieldset {	width: 180px; 	padding: 15px; 	float: left; 	margin: 0 10px 0 0; 	}	fieldset#step_1	{ 	background:#000;	color: white;	border:0;	opacity: .9;	}		fieldset#step_2	{ 		background: #000;		color: white;		border:0;		opacity: .9; 	}	fieldset#step_3 { 		background: #999;		color: white;		border:0;  	}		fieldset#step_4 { 		background: #000;		color: white;		border:0;		opacity: .9; 		}legend { 	font-weight: normal; 	font-size: 20px; 	background: #CC0000;	-moz-border-radius: 10px; 	-webkit-border-radius: 10px;	padding: 5px 10px; 	letter-spacing: -.5px;}									  	  option { 	padding: 0 5px; }.name_wrap { 	margin: 5px 0; 	}	.name_wrap label { 		font-size: 11px; 		display: block; 		width: 102px; 		float: left; 	}	.push {	margin: 5px 0 0 0; }#special_accommodations_wrap,#company_name_wrap { 	margin: 8px 0 0 0; }#company_name_wrap label,#special_accommodations_wrap label { 	font-size: 12px; }#special_accommodations_wrap textarea { 	width: 100%; height: 100px; }/*  ******style for calendar *******.fc_main { background: #5fa2d6; border: 1px solid #fff; font-family: helvetics; font-size: 10px; }.fc_date { border: 1px solid #fff;  cursor:pointer; font-size: 10px; text-align: center;}.fc_dateHover, TD.fc_date:hover { cursor:pointer; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #b2d9e7; font-size: 10px; text-align: center; }.fc_wk {font-family: helvetica; font-size: 10px; text-align: center;}.fc_wknd { color: #FF0000; font-weight: bold; font-size: 10px; text-align: center;}.fc_head { background: #000066; color: #FFFFFF; font-weight:bold; text-align: left;  font-size: 11px; } */
