@charset "utf-8";

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #000;
  background: #fff;
}
html, body, p, th, td, li, dd, dt {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
}
h1 { font-size: 14px; }
h2 { font-size: 12px; }
h3 { font-size: 10px ; }
h4 { font-size: 10px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }

a:link {color: #f00;}
a:visited { color: #0f0; }
a:hover { color: #0f0; }
a:active { color: #f0f; }

body {
	text-align:center; /*IE 6 and earlier doesn't properly handle text-align:center it centers everything, not only text */
	min-width:960px;
	min-height:583px;
	color:#333;
	background:url(images/background.gif);
	background-repeat:repeat-x;
	font: normal Verdana, Arial, Helvetica, sans-serif;
	}
#container {
	top:3px;
	width:960px;
	margin:0 auto; /*IE 5.xx and IE 6 don't like auto margins*/
	text-align:left; /* "hack" for IE5.xx and 6 to align the text left */
	}
#prop {
    float:right;
    width:1px;
		height:540px;
  }
#header {
	float:left;
 	width:930px;
	height:30px;
	color: #09c;
	font-size:9px;
	padding-left:30px;
	background: url(images/back-top.gif);
	background-repeat: no-repeat;
}
#main {
	float:left;
	width:960px;
	text-align:left;
	color:#100;
	background: url(images/back-mid.gif);
	background-repeat: repeat-y;
	}
#logo {
  position:relative;
	float:left;
	width:200px;
	height:120px;
	top:20px;
 	left:20px;
	background:url(images/logo.gif);
 	background-repeat:no-repeat;
  }
#menu {
  position:relative;
	width:150px;
  top:20px;
 	left:20px;
	float:left;
	font-size: 11px;
	}
#leftcol {
	float:left;
	width:200px;
}
#content {
	position: relative;
	float:left;
	width:520px;
	left:20px;
}
#tours {
	position:relative;
	float:right;
	width:180px;
	padding-right:20px;
	}
#footer {
	clear:both;
	width:960px;
	height:20px;
	left:1px;
	color: #09c;
	font-size:9px;
	padding-left:30px;
	background: url(images/back-btm.gif);
	background-repeat: no-repeat;
}
	
#content a:link, #content a:active, #content a:visited {
	color: #06f;
	font-size:11px;
	text-decoration:none;
	}
#content a:hover {
	color: #00f;
	font-size:11px;
	text-decoration:underline;
	}

#tours a:link, #tours a:active, #tours a:visited {
	color: #06f;
	font-size:10px;
	text-decoration:none;
	}
#tours a:hover {
	color: #00f;
	font-size:10px;
	text-decoration:underline;
	}
ul#buttons {
  padding: 0 0 0 0;
  margin: 0;
  width: 190px;
	font-size:12px;
}

ul#buttons li {
  list-style: none;
  text-align:center;
  padding: 0 0 5px 0;
  margin: 0;
	font-size:12px;
	font-weight: bold;
}
ul#buttons li a, ul#buttons a:visited, ul#buttons a:active{
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-decoration:none;
	padding-top:15px;
 	padding-left:25px;
	color:#fff;
	font-size:12px;
	height: 35px;
	width: 165px;
	display: block;

}
ul#buttons li a:hover {
  background-image: url(images/button.gif);
  background-repeat: no-repeat;
  background-position: bottom;
	text-decoration:none;
	padding-top:15px;
	padding-left:25px;
  color:#036;
	font-size:12px;
  height: 35px;
  width: 165px;
  display: block;
}
ul#buttons li#current a {
  background-image: url(images/current.gif);
  background-repeat: no-repeat;
	text-decoration:none;
	padding-top:15px;
	padding-left:0px;
  color:#036;
	font-size:12px;
  height: 35px;
  width: 190px;
  display: block;
}
.maintable {
  cellspacing:0px;
	cellpadding:0px;
	border: none 0px;
	width:100%;
	background:#eee;
	}
.photo {
  border:5px solid #ddd;
	}
.textcenter {
  text-align:center;
	}
.textright {
	text-align:right;
	}
td.tour {
	background: url(images/back-tour.gif);
	background-repeat: no-repeat;
 }
.tour-category {
	color:#000;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	letter-spacing:0.3em;
}
.tour-title {
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
 }
.tour-date {
	color:#555;
	font-size:12px;
	text-align:left;
 }
.tour-description {
	color:#333;
	font-size:11px;
	text-align:left;
 }
.tour-price {
	color:#555;
	font-size:11px;
	text-align:center;
 }
.tour-updated {
	color:#888;
	font-size:8px;
	text-align:right;
	font-style:italic;
 }
.tour-list1 {
	color:#000;
	font-size:12px;
	text-align:left;
	background:#f0f090;
	height:20px;
}
.tour-list2 {
	color:#000;
	font-size:12px;
	text-align:left;
	background:#fbfbb3;
	height:20px;
}
.tour-title-home {
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-align:left;
 }
.tour-date-home {
	color:#555;
	font-size:10px;
	text-align:left;
 }
.tour-description-home {
	color:#000;
	font-size:9px;
	text-align:left;
 }
.tour-price-home {
	color:#555;
	font-size:8px;
	text-align:left;
 }
.tour-updated-home {
	color:#888;
	font-size:8px;
	text-align:right;
	font-style:italic;
 }
hr {
	color:#06f;
	background-color:#06f;
	height:1px;
	}
.textcenter {text-align:center;}
.textleft {text-align:left;}
.textright {text-align:right;}
.imageright {float:right; margin 0.5em 0 0.5em 0.5em;}
.imageleft {float:left; margin: 0.5em 0.5em 0.5em 0;}
.imagecenter {display:block; margin-left:auto; margin-right:auto;}