body { margin: 0; padding: 0; font-size: 13px; background: #e5dbbd url(/images/bg_map.jpg) top center no-repeat; font-family:Verdana,Arial,Helvetica,sans-serif; }

img { margin: 3px; }

strong { font-size: 12px; }

p { margin: 15px 0; }
a { color:#404041; text-decoration: underline; }
	a:hover { text-decoration:underline; }
	a img { border: 0; }
	
.underline { text-decoration: underline; }

input { color: #404041; }
label { color: #555; font-weight: bold; font-size: 11px; }
input.button { font-family: Arial, Helvetica, sans-serif; background: url(/images/btn.png) 0 0 no-repeat; display: block; width: 87px; height: 37px; padding: 0; border: 0; text-align: center; margin-top: 5px; font-size: 11px; cursor: pointer; }
a.button { font-family: Arial, Helvetica, sans-serif; background: url(/images/btn.png) 0 0 no-repeat; display: inline-block; width: 87px; height: 18px; padding: 12px 0 5px; text-decoration: none; text-align: center; margin-top: 5px; font-size: 11px; cursor: pointer; }
input.button_lg { background: url(/images/btn_lg.png); width: 120px; }
a.button_lg { background: url(/images/btn_lg.png); width: 120px; }
input.button:hover, a.button:hover { background-image: url(/images/btn_on.png); color: #ccc; }
input.button_lg:hover, a.button_lg:hover { background-image: url(/images/btn_on_lg.png); color: #ccc; }

span.tip { color: #444; font-size: 11px; }
div.clear { clear: both; height: 0.1em; font-size: 0; }

a.recipe_link { text-decoration: underline; }

/* ERRORS */

#errorExplanation, div#warning, div#condition_warning { color: #701e11; padding: 20px; border: 2px solid #999; margin-top: 10px; background: #eaddca; }
	#errorExplanation h2, div#warning h2 { font-size: 14px; margin: 0; }
	
#message { color: #701e11; padding: 20px; border: 2px solid #999; margin-top: 10px; background: #eaddca; }

div#container { margin: 0 auto; width: 832px; color: #303030; }
	div#container h6 { font-size: 12px; text-decoration: underline; font-weight: normal; margin: 10px 0 0; }
	div#container h5 { color: #701e11; font-size: 15px; } /* "results" */
		div#container h5.results { font-weight: normal; font-size: 20px; margin: 15px 0 0; }
	div#container h4 { color: #403a3a; border-bottom: 1px solid #403a3a; } /* trip name */
	
		div#container h4 a, div#container h5 a { float: right; font-size: 11px; font-weight: normal; }
		
		div#recipes h4 { border: none; }
	
		div#recipes h4 a { float: none; font-weight: bold; font-size: 14px; }
	
	div#container h3 { color: #701e11; font-size: 24px; font-weight: normal; letter-spacing: -1px; } /* content headers */
	div#container p { font-size:13px; line-height:17px; }
	
	div#header { width: 832px; background: url(/images/top_masthead_bg.png) no-repeat; height: 125px; }
		div#header h1 { text-indent: -9999px; margin: 0; padding: 0; }
			div#header h1 a { background: url(/images/logo.png) no-repeat; width: 220px; height: 75px; display: block; float: left; margin: 15px 0 0 30px; }
			
		div#header div#top_right { font-size: 14px; color: #701e11; text-align: right; padding: 15px 40px 0 0; }
			div#header div#top_right a { color: #701e11; margin-left: 15px; text-decoration: none; }
				div#header div#top_right a:hover { text-decoration: underline; }
				
		div#header div#top_nav { width: 507px; overflow: hidden; margin-top: 23px; padding-left: 30px; }
			div#header div#top_nav ul { padding: 0; margin: 1px 0 0 2px; height: 52px; width: 520px; background: url(/images/top_nav_ul_bg.png) repeat-x; }
			* html div#header div#top_nav ul { margin-top: 2px; }
				div#header div#top_nav ul li { margin-right: 1px; display: block; float: left; list-style: none; background: url(/images/top_nav_li_bg.png) repeat-x; }
					div#header div#top_nav ul li a { height: 28px; margin-left: 1px; text-decoration: none; color: #404041; font-size: 14px; display: block; float: left; padding: 13px 13px 11px; }
						div#header div#top_nav ul li a:hover,
						body.home div#header div#top_nav ul li.home a,
						body.about div#header div#top_nav ul li.about a,
						body.recipes div#header div#top_nav ul li.recipes a,
						body.contact div#header div#top_nav ul li.contact a  { color: #701e11; background: url(/images/top_nav_hover_bg.png) bottom center no-repeat; }
		
			
			div#header div#top_nav ul li.nav ul.sub { list-style: none; visibility: hidden; padding: 5px; position: absolute; height: auto; width: auto; top: 105px; background: #fff8ef; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); z-index: 9999; }
				div#header div#top_nav ul li.nav ul.sub li { margin: 0; float: none; background: none; }
					
					div#header div#top_nav ul li.nav ul.sub li a, div#header div#top_nav ul li.selected ul.sub li a { color: #404041; background: none; height: auto; float: none; padding: 2px 10px; font-size: 13px; }
						div#header div#top_nav ul li.nav ul.sub li a:hover, div#header div#top_nav ul li.selected ul.sub li a:hover { color: #701e11; background: none; }
			div#header div#top_nav ul li.nav:hover ul.sub { visibility: visible; }
			
      div.masthead { position: relative; top: 25px; left: 23px; z-index: 7; width: 785px; height: 241px; float: left; background-repeat: no-repeat; }
      body.home div.masthead { height: 331px; left: 23px; }
			
			div.masthead div.overlay { background: url(/images/mastheads/overlay.png) no-repeat; position: absolute; z-index: 9999; width: 822px; height: 283px; top: -21px; left: -19px; }
			body.home div.masthead div.overlay { background: url(/images/mastheads/home_overlay.png) no-repeat; height: 380px; left: -19px; top: -23px; }
			
			
		div#sub_nav { position: none; float: left; margin-top: 15px; }	
		div#sub_nav ul { height: 50px; padding: 0 0 0 50px; width: 100%; }
			div#sub_nav ul li { list-style: none; display: block; float: left; margin: 0 0 0 -4px; text-align: center; position: relative; }
				div#sub_nav ul li a { font-size: 16px; text-decoration: none; width: 119px; background: url(/images/sub_nav_bg.png) no-repeat; float: left; display: block; padding: 10px 0; }
	
		div#content { padding: 0 40px; width: 500px; float: left; clear: both; }
		
		div#gallery a img, div.gallery a img { display: none; }
		
		div#trips div.trip_summary { position: relative; background: url(/images/trip_summary_top_bg.gif) center top no-repeat; width: 532px; }
			div#trips div.trip_summary div.inner { overflow-y: hidden; background: url(/images/trip_summary_bottom_bg.gif) center bottom no-repeat; padding: 15px; }
			div#trips div.trip_summary div.inner h3 { color: #404041; margin: 10px 0 5px; font-size: 20px; }
			div#trips div.trip_summary div.inner h1 { font-weight: normal; font-size: 30px; line-height: 45px; text-align: center; }
				div#trips div.trip_summary div.photo { margin: 3px 10px 3px 3px; float: left; padding: 0; width: 195px; position: relative; height: 230px; }
					div#trips div.trip_summary div.photo div.tl { background: url(/images/trip_photo_tl.gif) top left no-repeat; z-index: 7; width: 195px; height: 230px; }
					div#trips div.trip_summary div.photo div.tr { float: right; background: url(/images/trip_photo_tr.gif) top right no-repeat; z-index: 7; width: 22px; height: 22px; }
					div#trips div.trip_summary div.photo div.br { float: right; background: url(/images/trip_photo_br.gif) bottom right no-repeat; z-index: 7; width: 195px; height: 208px; position: relative; }
					div#trips div.trip_summary div.photo div.bl { background: url(/images/trip_photo_bl.gif) bottom left no-repeat; z-index: 7; width: 22px; height: 22px; position: absolute; bottom: 0; }
					div#trips div.trip_summary div.photo img { margin: 0; }
				div#trips div.trip_summary div.detail { float: left; width: 280px; }
					div#trips div.trip_summary div.detail div.buttons { width: 280px; position: absolute; bottom: 15px; text-align: center; }
						div#trips div.trip_summary div.detail div.buttons a.button { margin-top: 0; }
		div#recipes div.recipe { margin-top: 10px; }
		div#recipes h3 { font-size: 20px; }
			div#recipes div.recipe h4 { color: #701e11; margin-bottom: 0; }
			div#recipes div.recipe span.byline { font-size: 11px; }
					
		div.recipe_areas { font-size: 14px; margin: 10px 0; }
		
		form div#account_info label { color: #600; }
		
		form div#account_info div.left_col, 
		form div#account_info div.left_col, 
		form#login_form div.left_col { float: left; clear: both; width: 45%; margin-right: 20px; margin-top: 5px; }
		
		form div#account_info div.right_col, 
		form#login_form div.right_col { float: left; width: 45%; margin-top: 5px; }
		
		form#login_form div.left_col { width: 80px; margin-right: 0; }
		form#login_form input.button { float: right; }
		form#login_form div.fields { margin: 30px; width: 260px; }

		form div#account_info input, 
		form#login_form div.right_col input { border:1px solid #999; color:#444; font-size:14px; height:19px; padding:3px 3px 2px 4px; width:165px; }
		
		form div#personal_info { margin: 10px 0; }
			form div#personal_info input, form.styled div.field input { border:1px solid #999; color:#444; font-size:14px; height:19px; padding:3px 3px 2px 4px; }
			form div#personal_info select { font-size: 12px; }
		
		div#email_form { margin-top: 20px; }
			div#email_form label { display: block; }
		
		form#new_user label, form.edit_user label, form#login_form label, form.styled div.field label { display: block; font-weight: bold; font-size: 11px; color: #555; margin-top: 3px; }
		form#new_user select#user_country, form.edit_user select#user_country, form.styled div.field select { width: 200px; }
					form#new_user select#user_country option, form.edit_user select#user_country option, form.styled div.field select option { width: 170px; }
		form#new_user input#user_submit, form.edit_user input#user_submit, input#passenger_submit { margin: 10px 0; }
		form#new_user div#notify, form.edit_user div#notify { margin: 10px 0; }
			form#new_user div#notify label, form.edit_user div#notify label { display: inline; }
			
		form#new_trip label { display: block; font-weight: bold; font-size: 11px; color: #555; }
	
		form#new_user_trip { margin: 20px 0; }
			form#new_user_trip div.buttons input { float: left; }
		
		div.errors { color: #900; font-weight: bold; margin: 10px 0; }
		
			div#excursion_options strong { font-size: 11px; }
			div#excursion_options div { margin: 10px; }
			
		div#excursions div.excursion { margin: 10px 0; }
		div#excursions div.excursion p { margin: 5px 0; }
		
			form#new_passenger strong, form.edit_passenger strong { font-size: 11px; }
			form#new_passenger .field label, form.edit_passenger .field label { font-weight: bold; font-size: 11px; display: block; }
		
		div#user_trips div.user_trip { margin: 10px 0; }
		
		table#dates_prices { width: 350px; border-top: 1px solid #555; border-left: 1px solid #555; }
			table#dates_prices td { border-right: 1px solid #555; border-bottom: 1px solid #555; margin: 0; padding: 3px 5px; }
	
		div#right { width: 200px; float: left; }
			div#right h3 { color: #404041; }
			div#right input.button { float: right; }
			
			form#search_vacations select { display: block; margin-top: 8px; font-size: 11px; }
			
		form#reserve_trip a { text-decoration: underline; }
		
		
	div#footer { clear: both; margin: 10px 0; padding: 10px 0; color: #404041; font-size: 11px; text-align: center; }
	
	input.hasDatepicker { width: 140px; float: left; }
	img.ui-datepicker-trigger {
		cursor: pointer;
		float: left;
		width: 16px;
		height: 16px;
		padding: 0;
		margin: 5px 3px 0;
		display: block;
		text-indent: -2000px;
		overflow: hidden;
		background: url(/images/calendar.png) no-repeat;
	}