﻿body { font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Sans-Serif; font-size: 10pt; background-image: url(/images/brown-bg.jpg); background-repeat: repeat; /*background-color: #5f281d /* Dark Brown */; }
div#container { margin: auto; width: 1000px; padding: 0px 5px 5px 5px; background-image: url(/images/yellow-bg-1000.jpg); background-repeat: repeat-y; background-color: #fef5d5 /* Beige */; border: 1px solid gray; }
div#header { margin: 0px 10px; text-align: left; border-bottom: 1px solid gray; }
div#header img { display: block; padding: 5px 0px; }
div#header p.contact { float: right; color: #5f281d /* Dark Brown */; font-size: 12pt; margin-top: 5px; margin-right: 0px; margin-left: 0px; width: 250px; }
div#header .email { text-decoration: underline; color: #5f281d /* Dark Brown */; font-size: 14pt; }
div#featured { height: 250px; margin-top: 20px; }
div#featured img { border: none; display: block; margin: 0px auto; padding: 0px; }
div#featured p { font-size: 11pt; text-align: center; color: white; margin-top: -13px; }
div#featured .panel { width: 210px; height:210px; margin: 10px; padding: 5px; background-color: #d67932 /* Light Brown */; float: left; border: 1px solid black; }
div#featured .alternating_panel { width: 210px; height: 210px; margin: 10px; padding: 5px; background-color: #5f281d /* Dark Brown */; float: left; border: 1px solid black; }
div#main { padding: 10px; } /* Needed to fix inconsistency between FF and IE */
div#sidebar { float: left; width: 300px; color: black; }
div#sidebar a { font-size: 12pt; }
div#sidebar a div:hover { background-color: black; }
div#sidebar .panel { border: 3px double white; margin: 0px 10px 10px 0px; background-color: #d67932 /* Light Brown */; color: white; }
div#sidebar .alternating_panel { border: 3px double white; margin: 0px 10px 10px 0px; background-color: #5f281d /* Dark Brown */; color: white; }
div#sidebar .panel a { color: white; }
div#sidebar .panel hr { margin: 0px 10px 0px 10px; color: white; }
div#sidebar .alternating_panel a { color: aqua; text-decoration: none; font-size: 10pt; }
div#sidebar .alternating_panel a:hover { text-decoration: underline; }
div#sidebar .alternating_panel hr { margin: 0px 10px 0px 10px; color: white; }
div#content { margin: 0px 0px 0px 310px; }
div#content p { margin: 10px 0px; }
div#breadcrumb { padding: 5px; margin-top: 5px; margin-bottom: -10px; width: 658px; border: 1px solid gray; background-color: white; color: gray; font-size: 8pt; }
div#footer { margin: 0px 10px 10px 10px; clear: both; color: gray; font-size: 8pt; text-align: center; }
p { margin: 10px; /* color: gray; */ }
.title { color: #1d3467 /* Dark Blue */; text-transform: uppercase; /*text-decoration: underline; font-variant: small-caps;*/ text-align: center; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 9pt; }
.side_title { color: white; text-transform: uppercase; /*text-decoration: underline; font-variant: small-caps;*/ text-align: center; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 10pt; }
.heading { font-size: 20pt; }
img.portrait { display: block; float: left; margin: 5px 10px 5px 5px; }

div.accordion { background-color: white; margin: 5px 10px 10px 0px; }
div.accordion_header, div.accordion_header_selected { text-align: center; border: 1px solid #d67932 /* Light Brown */; background-color: #5f281d /* Dark Brown */; color: white; }
div.accordion_header:hover { color: white; background-color: #d67932 /* Light Brown */; border: 1px solid #5f281d /* Dark Brown */; }
div.accordion_header_selected { background-color: #d67932 /* Light Brown */; border: 1px solid #5f281d /* Dark Brown */; }
div.accordion_content a { border: 1px solid black; color: #5f281d /* Dark Brown */; text-decoration: none; font-weight: bold; padding: 10px; display: block; }
div.accordion_content a:hover { background-color: black; color: white; }
.category { font-size: 14pt; }
.highslide-html-content { width: 890px; }
.draggable-header .highslide-controls { display: none; }

div#slideshow { margin-bottom: 10px; }
div.entry  { border: 4px solid gray; background-color: white; padding: 10px; min-height: 167px; margin-bottom: 10px; }
div.entry h2 { margin-top: 0px; }
div.entry h2 a { text-decoration: none; }
div.entry hr { margin-bottom: 10px; }
div.entry div.left { width: 400px; float: left; }
div.entry div.left a { text-decoration: none; }
div.entry div.left a:hover { text-decoration: underline; }
div.entry div.left a img { float: left; margin-right: 10px; border: 1px solid black; }
div.entry div.left p { margin-top: 0px; }
div.entry div.right { margin-left: 405px; color: white; background-color: #5f281d /* Dark Brown */; padding: 10px; min-height: 92px; }
div.entry div.right a { color: aqua; text-decoration: none; }
div.entry div.right a:hover { text-decoration: underline; }

div#details { float: right; width: 300px; border: 1px solid black; margin: 10px 0px 10px 10px; background-color: white; font-size: 8pt; }
div#details strong { margin-left: 10px; }
div#details ul { margin-right: 20px; }
div#rates { background-color: lightgoldenrodyellow; }
div#itinerary { background-color: white; }
div#rates, div#itinerary { border: 4px solid gray; padding: 10px 20px; margin: 10px 0px; }
div#rates p, div#itinerary p { margin: 5px 0px; }
div#rates ul, div#itinerary ul { font-size: 8pt; }
div#rates hr, div#itinerary hr{ margin-top: 20px; }
div#rates a img, div#itinerary a img { float: left; margin-right: 15px; margin-bottom: 10px; border: none; }
div#rates div.hotels { float: left; width: 170px; margin: 10px; padding: 5px; border: 2px outset black; background-color: gray; color: white; }
div#rates div.hotels a img { display: block; float: none; margin: 5px auto; border: 1px solid silver; }
.itinerary { display: block; margin-bottom: 5px; text-decoration: none; color: #5f281d /* Dark Brown */; }
.itinerary:hover { text-decoration: underline overline; color: black; }
.link_button { color: white; background-color: #5f281d /* Dark Brown */; padding: 0px 10px; border: 2px outset gray; text-decoration: none; }

/* .form_panel { padding: 20px; background: white url('http://www.myexclusivejourneys.com/images/panel-bg.gif') repeat-x; border: 1px solid gray; }
.form_panel p { margin: 3px; } */
.label { }
.status { color: gray; font-size: 8pt; }
.text_field { width: 280px; }
.button { padding: 15px; float: right; }
.validator { font-size: 8pt; color: red; }
