body { margin-top: 0px; background-image:  url(images/bgd_gradient.gif); background-repeat: repeat-x; background-position: top; background-color: #444e7e;}

* html img { behavior: url(iepngfix.htc); }

/* ----- PAGE STRUCTURE ----- */
#container { width:877px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; background: url(images/bgd_default.gif) repeat-y left;}
#contentcontainer { width:877px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px;}
#contentleft { width:195px; padding:0px; float:left;}
#contentcenter { width:470px; padding:20px 0px 0px; float:left; border-right: 1px solid #663366; background-color: #999999;}
#contentpage { width:650px; padding:20px 0px 0px; float:left; vertical-align: top;}
body.home #contentpage { width:650px; padding:10px 0px 0px; float:left; vertical-align: top;}
#contentcenterpage { width:450px; padding:20px 5px 0px; float:left; border-right: 1px solid #663366; vertical-align: top;}
#contentright { width:200px; padding:20px 0px 0px; float:left;}
#contentheader { height: 255px; width: 877px;}
#contentheaderpage { height: 176px; width: 877px;}
#contentfooter { height: 30px; width: 877px; margin-right: auto; margin-left: auto;}
h1 { margin:0px 10px 10px 10px;}
h1 { font-size:10pt; padding-top:10px; color: #990000;}
#contentright p { font-size:10px}
.homequicklinkRight { background-image: url(images/rightcol_bgd.gif); background-repeat: repeat-y; background-position: left; padding: 0px 10px 10px; text-align: left;}
.homequicklinkRightGroups { background-image: url(images/rightcol_bgd_groups.gif); background-repeat: repeat-y; background-position: left; padding: 10px; text-align: left;}

/* left menu styles  */

.nav { background-image: url(images/nav_bgd.gif); background-repeat: repeat-y;}
.navred { background-image: url(images/nav_bgd_red.gif); background-repeat: repeat-y;}
.navbeige { background-image: url(images/nav_bgd_beige.gif); background-repeat: repeat-y;}
.nav:hover { background-image: url(images/nav_bgd_over.gif); background-repeat: repeat-y; background-position: left top;}
.navred:hover { background-image: url(images/nav_bgd_red_over.gif); background-repeat: repeat-y; background-position: left top;}
.navbeige:hover { background-image: url(images/nav_bgd_beige_over.gif); background-repeat: repeat-y; background-position: left top;}
a.navlink { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; text-align: left; font-weight: bold; color: #FFFFFF; display: block; padding: 3px 15px 3px 23px; margin: 0px;}
a.navlinkred { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; text-align: left; font-weight: bold; color: #FFFFFF; display: block; padding: 3px 15px 3px 23px; margin: 0px;}
a.navlinkbeige { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; text-align: left; font-weight: bold; color: #810000; display: block; padding: 3px 15px 3px 23px; margin: 0px;}
a.navlink:hover { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFFFFF; display: block; padding: 3px 15px 3px 23px; margin: 0px; background-image: url(images/nav_bgd_over.gif); background-repeat: repeat-y; background-position: left;}
a.navlinkred:hover { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFFFFF; display: block; padding: 3px 15px 3px 23px; margin: 0px; background-image: url(images/nav_bgd_red_over.gif); background-repeat: repeat-y; background-position: left;}
a.navlinkbeige:hover { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold; color: #810000; display: block; padding: 3px 15px 3px 23px; margin: 0px; background-image: url(images/nav_bgd_beige_over.gif); background-repeat: repeat-y; background-position: left;}

/* ----- LEFT MENU (http://css-class.com/articles/ursidae/)----- */

#menu { text-align: left; width: 238px; min-height: 250px; background: transparent url(images/menu_bgd.gif) no-repeat right bottom; z-index: 5;}
ul#navigation{ font: bold 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;}
ul#navigation, ul#navigation ul { padding: 0; margin: 0; list-style: none;}
ul#navigation ul {/*           **** Borders for submenus only **** */
	border-left: 1px solid #CC9999;
	border-top: 1px solid #CC9999;
}
ul#navigation li { line-height : 1.35em; position: relative; float: left;}
ul#navigation li.main { width: 238px; background: transparent url(images/menu_link_bgd.gif) no-repeat right top;}/*      **** style for MAIN LINKS **** */
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
#navigation li.main a, #navigation li a {
	display: block;
	text-decoration: none;
	text-align:left;
	color: #FFFFFF;
	/*width: 6em;           ****CHANGE-MENU if no width li **** */
	padding: 4px 0.5em 4px 0.5em;
	border-bottom: 1px solid #CC9999;/*0.04em*/
	border-right: 1px solid #CC9999;
}
#navigation li.main a.main { color: #FFFFFF; padding: 4px 0.5em 4px 60px; border: none;}
ul#navigation li li a {
	background-color: #880044;
	width: 160px; /*           ****CHANGE-SUBMENU**** */
	text-align:left;
}
ul#navigation li li li a {
	width: 10em; /*           ****CHANGE-SUB-SUBMENU**** */
}
ul#navigation li a:hover, ul#navigation ul li:hover a:hover { /* The hovered style for submenus */
	color: #330000;
	background-color: #FFCCCC;
}
ul#navigation li.main a.main:hover { /* The hovered style for main menus */
	color: #330000;
	background: transparent url(images/menu_link_bgd.gif) no-repeat scroll 100% -100px;
}
ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;bottom:0;
}
#navigation li:active ul ul, #navigation li:active ul ul ul, #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}
/* Allows parent list item to be highlighted */
#navigation li.main:hover a.main, #navigation li.main.sfhover a.main {
	color: #330000;
	background: transparent url(images/menu_link_bgd.gif) no-repeat scroll 100% -100px;
}

/* ONLINE BOOKING STYLES  */
#onlinebook { width: 670px; float:left; padding: 0px; MARGIN: 0px;}
#onlinebookcontent { width: 670px; float:left; background: transparent url(images/onlinebook_header.gif) no-repeat scroll center top; color: #000033; text-align: left; padding: 0px; MARGIN: 0px; font: 8pt Verdana, Helvetica, sans-serif;}
#onlinebookfooter { width: 670px; float:left; height: 20px; background: transparent url(images/onlinebook_footer.gif) no-repeat scroll center top; padding: 0px;}
#onlinebookleft { width: 465px; float:left;}
#onlinebookright { width: 205px; float:left; padding:40px 0px 0px 0px;}
ul#onlinebooklist { padding: 0; margin:40px 0px 10px 15px; list-style: none;}
ul#onlinebooklist li { display:inline; margin:0; padding:0;}
ul#onlinebooklist li a span { visibility: hidden;}
ul#onlinebooklist li a { text-decoration: none;}
ul#onlinebooklist li a { float:left; width: 143px; height: 108px; margin: 0px 0px 3px 3px; padding: 0;}
ul#onlinebooklist li.car a { background: transparent url(images/booking_car.jpg) no-repeat left top;}
ul#onlinebooklist li.hotels a { background: transparent url(images/booking_hotels.jpg) no-repeat left top;}
ul#onlinebooklist li.insurance a { background: transparent url(images/booking_insurance.jpg) no-repeat left top;}
ul#onlinebooklist li.boat a { background: transparent url(images/booking_boat.jpg) no-repeat left top;}
ul#onlinebooklist li.tours a { background: transparent url(images/booking_tours.jpg) no-repeat left top;}
ul#onlinebooklist li.chateaux a { background: transparent url(images/booking_chateaux.jpg) no-repeat left top;}
ul#onlinebooklist li.car a:hover { background: transparent url(images/booking_car.jpg) no-repeat left 100%;}
ul#onlinebooklist li.hotels a:hover { background: transparent url(images/booking_hotels.jpg) no-repeat left 100%;}
ul#onlinebooklist li.insurance a:hover { background: transparent url(images/booking_insurance.jpg) no-repeat left 100%;}
ul#onlinebooklist li.boat a:hover { background: transparent url(images/booking_boat.jpg) no-repeat left 100%;}
ul#onlinebooklist li.tours a:hover { background: transparent url(images/booking_tours.jpg) no-repeat left 100%;}
ul#onlinebooklist li.chateaux a:hover { background: transparent url(images/booking_chateaux.jpg) no-repeat left 100%;}

/* other styles  */

.maintext { font: 8pt Verdana, Helvetica, sans-serif; text-align: left; padding: 10px; vertical-align: top;}
body.home .maintext { font: 8pt Verdana, Helvetica, sans-serif; text-align: left; padding: 0px 10px 10px 10px; vertical-align: top;}
HR { width: 95%; border-top: 1px none #663366; border-right: 1px none #663366; border-bottom: 1px solid #663366; border-left: 1px none #663366;}

/*     PRODUCT TABLE STYLES    */
.tablepass { border: 1px solid #D1D1D1;}
.titlecellred01 { font-weight: bold; color: #FFFFFF; background: #990000;}
.titlecellred02 {
	font-weight: bold;
	color: #FFFFFF;
	background: #CC0000;
	width:220px;
	padding: 0px 20px;
}
table.tablepass .lastcell { border-top: 1px solid #D1D1D1; border-left: 1px solid #D1D1D1; background: #FFFFFF;}
.tablepass .cell { border-top: 1px solid #D1D1D1; background: #FFFFFF; border-right: none; border-bottom: none; border-left: none;}


a.olg { color: #FFFFFF;	text-decoration: none; font-weight: normal;}
#olg { height: 20px; text-align: right; }
a.olg:hover { color: #FFFFFF; text-decoration: underline; font-weight: normal;}
.footerText { color: #FFFFFF; vertical-align: bottom; padding-left: 20px; font: 9px verdana;}
.footerText #links a { color: #1D1D38; font: 9px verdana; text-decoration: underline;}