﻿@charset "utf-8";

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #AFD5D6 url(images/bg01.jpg) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D3C3C;
}

h1, h2 {
	margin-top: 0px;
	font-weight: normal;
	color:#4D3C3C;
}

h1 {
}

h2 {
	font-size: 25px;
	font-weight:bold;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	color:#4D3C3C;
}

p, ol, ul {
	margin: 0px 0px 20px 0px;
	line-height: 150%;
	text-align: left;
	font-size:medium;
}

p.disclaimer {font-size:9px;
color:#666666;
}

p.form {
	margin: 0px 0px 0px 0px;
	text-align: justify;
	font-size:medium;
	}

ul {
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	list-style: none;
}

ul li {
	padding-left: 13px;
	background: url(images/homepage05.gif) no-repeat left center;
	
}


ul.small {
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	list-style: none;
	font-size:madium;
}



a {
	color:#4D3C3C;
}

a:hover {
	text-decoration: none;
}

a.more {
	padding-left: 13px;
	background: url(images/homepage05.gif) no-repeat left center;
}

a img {
	border: none;
}

img.alignleft {
	float: left;
	margin: 5px 20px 0px 0px;
}

img.alignright {
	float: right;
	margin: 5px 0px 0px 20px;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** HEADER */

#header {
	width: 740px;
	height: 176px;
	margin: 0px auto;
	background: url(images/subpage1_01.jpg) no-repeat right top;
}

.home #header {
	background-image: url(images/bg1_01.jpg);
}

/** LOGO */

#logo {
	float: left;
	width: 250px;
	height: 176px;
	background: url(images/homepage01.jpg) no-repeat left top;
}

#logo h1 {
	margin: 0px;
	text-indent: -999em;
}

#logo a {
	display: block;
	height: 176px;
}

.home #logo {
	background-image: url(images/homepage06.jpg);
}


/**Tour Search*/
.search {
	position:absolute;
	left: 761px;
	top: 4px;
	width: 255px;
	height: 44px;
}


/** MENU */

#menu {
	float: left;
}

#menu ul {
	margin: 0px;
	padding: 48px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	font-size:small;
}

#menu li {
	float: left;
	padding: 0px;
	background: none;
}

#menu a {
	float: left;
	height: 35px;
	margin: 0px 10px;
	padding: 65px 8px 0px 8px;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	color: #4D3C3C;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active a {
	padding-top: 65px;
	background: #291705 url(images/homepage02.jpg) repeat-x left bottom;
	border: 2px solid #291705;
	color:#ffffff;
}

/** PAGE */

#page {
	width: 660px;
	margin: 0px auto;
}

/** CONTENT */

#content {
	float: left;
	width: 370px;
	padding: 0px 0px 20px 5px;
}



/** SIDEBAR */

#sidebar {
	float: right;
	width: 230px;
	padding: 0px 5px 20px 0px;
}

/** FOOTER */

#footer {
	width: 660px;
	margin: 0px auto;
	padding: 25px 0px;
	border-top: 1px solid #C7E2E2;
}

#footer p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-align: center;
	text-transform: lowercase;
	color: #6E8585;
}

/** BOX1 */

#box1 {
	width: 740px;
	margin: 0px auto;
}
/** BOX2 */

#box2 {
	padding: 25px 5px 15px 5px;
	border-top: 1px solid #C7E2E2;
}

#box3 {
	padding: 25px 5px 15px 5px;
	border-top: 1px solid #C7E2E2;
}
.button {background-color:#333333; color:#ffffff; font-size: 8pt; ;font-weight: bold}
.dropdownc {background-color: #FFFFFF; color: #000000; font-size: 10pt;font-weight: normal}
.dropdown-members-menu {background-color: #004080; color: #ffffff; font-size: 8pt;font-weight: normal);}

.table-bg {background-color:#E9E9E9; background-image: url('table-bg.jpg')}
.table-bg-header {height=22; background-color:#E9E9E9; background-image: url('table-bg-header.jpg')}
.table-bg-menu {background-color:#E9E9E9; background-image: url('table-bg-menu.jpg')}
.table-bg-footer {background-color:#E9E9E9; background-image: url('table-bg-footer.jpg')}

#logo-bk{padding-left:10px; width:178px; height:84px; background:transparent url(logo-background.png) no-repeat bottom right}

.thumbnail
{
 position:relative;
 margin:0 auto;
 width: 120px;
 height: 130px;
 padding: 4px 4px 8px 4px;
 background-color: #222;
 border: 1px solid #2a2a2a;
 color: #eee;
 float: left;
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 10px;
}
.section
{
 color: #eee;
 margin:0 auto;
 width:640px;
 background: #4F4F55;
 border-top: 1px solid #3d3d33;
 padding: 1.5em 0;
}
.clearfix:after
{
 float: center;
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
* html>body .clearfix
{
 display: inline-block;
 width: 100%;
}
* html .clearfix
{
 /* Hides from IE-mac \*/
 height: 1%;
 /* End hide from IE-mac */
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 2px solid #4D3C3C;
padding: 2px;
background-color: #AFD5D6;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
