body{
	margin: 0;
	padding: 0;
	background: #e3ddcb;
}

table td {
	font: 10px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #000;
}
form.contactform {
	margin: 10px 0 0 0;

}




#topsection a {
	background: transparent;
	font: 11px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #00F;
	text-align: right;
	margin: 0px 0 0px 0px;
	position: relative;
	top: 73px;
	left: 876px;
	text-decoration: none;
}

#maincontainer {
	width: 1000px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	margin-top: -17px;
}

#topsection {
	background: url(photos/header.jpg) top left no-repeat;
	height: 150px; /*Height of top section*/
	margin: 20px 0 0 0;
}

#topsection h1 {
	background: transparent;
	font: 23px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #030;
	text-align: left;
	margin: 0px 0 0px 5px;
	letter-spacing: 2px;
}
#topsection h2 {
	background: transparent;
	font: 9px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #333;
	text-align: left;
	margin: 0px 0 0px 5px;
	position: relative;
	top: -31px;
	left: 460px;
}
#topsection h3 {
	background: transparent;
	font: 11px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #FFF;
	text-align: left;
	margin: 0px 0 0px 5px;
	position: relative;
	top: 90px;
	left: 60px;
}

#topsection a {
	background: transparent;
	font: 11px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #00F;
	text-align: right;
	margin: 0px 0 0px 0px;
	position: relative;
	top: 73px;
	left: 876px;
	text-decoration: none;
}
#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin-left: 240px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 240px; /*Width of left column*/
	margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
	background: transparent;
}

#footer{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}
#contentcolumn p.static{
	font: 12px verdana, arial, sans-serif;
	line-height: 18px;
	margin: 0 60px 10px 40px;
}

#testimonial {
	width: 170px;
	background: #FFF;
	margin: 0px 0px 10px 25px;
	padding: 10px;
	font: 11px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #000;
	line-height: 18px;
	border-style: solid;
	border-width: 1px;
	border-color: #333 #FFF #FFF #333 ;
}
.summary_table {
	width: 700px;
	margin: 0;
	padding: 0 0px 0 0;
}
.itinerary_table {
	border-style: solid;
	border-width: 1px;
	border-color: red;
}
.tourtitle {
	font: 12px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: maroon;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 0 20px;
}
.tourid {
	font: 12px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	line-height: 15px;
	font-weight: bold;
	margin: 0 0 0 20px
}
.raised h1 {  /*Page Title*/
	background: transparent;
	font: 20px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #030;
	text-align: center;
	margin: 10px 0 10px 0;
}
.raised h1.index {  /*Page Title*/
	background: #707c0a;
	font: 20px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #FFF;
	text-align: center;
	margin: 0px 0 10px 0;
	padding:20px 0 20px 0;
}

.raised h2 {  /*Tour Overview*/
	background: transparent;
	font: 15px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #030;
	text-align: center;
	margin: 0px 0 10px 0;
}
.raised h3 { /*Price*/
	margin: 0px 0 0 0;
	color: #030;
	font-size: 18px;
	font-family: verdana;
	background: transparent;
	padding: 5px;
	text-align: center;
	border-style: solid;
	border-color: #879215 #FFF #000 #FFF;
	border-width: 0;
}
.raised h4 {  /*Itinerary*/
	background: #FFF url(graphics/itin_bkgnd.png) top left no-repeat;
	font: 15px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #030;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 10px -8px;
	width: 400px;
	padding: 6px 3px 9px 20px;
}
.raised h5 {/*Included Excluded*/
	background: #FFF url(graphics/include_button.png) top left no-repeat;
	font: 13px  trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0px 30px;
	width: 200px;
	padding: 5px 3px 5px 20px;
}
.raised h6 {  /*Footer*/
	background: #707c0a;
	font: 10px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #FFF;
	text-align: right;
	margin: 0;
	width: 736px;
	padding: 6px;
}

.raised li {
	font: 11px verdana, arial, sans-serif;
	margin:  3px;
	padding: 3px 0 3px 10px;
	background: #f8efdc;
	width: 350px;	
	border: 1px dotted #FFF;
	list-style-type: none;
}
.raised ul {
	border: 1px dotted #999;
	width: 368px;
	padding: 0px;
	background: #ccc;
 	margin: 20px;
}

.raised input.image {
	float: right;
	margin: 10px -10px 0 10px;

}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu,  .menu_ie7 {
	z-index: 1000;
	font-size: 90%;
	height: 315px;
	margin: 5px 0 10px 10px; /* this page only */
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 200px;
	position: relative;
	left: 10px; 
	top: 10px;
	background: transparent;
}
.menu_ie7 ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 200px;
	position: relative;
	left: -20px;
}

.menu li {
	position: relative;
	background: transparent;
	height: 26px;
	margin: 3px 0 0 0;
}
.menu_ie7 li {
	position: relative;
	background: transparent;
	height: 26px;
}

* html .menu li {
	margin-left: -16px; 
	margin-lef\t: 0;
}
/* get rid of the table */
.menu table {position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 1em; width: 0; height: 0;}

/* style the links */
.menu a {
	font: 12px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 24px;
	line-height: 25px;
	width: 200px;
	color: #009;
	text-indent: 5px;
	background: transparent url(graphics/menu_off.png);
	text-align: left;
	padding: 1px 0 1px 0;
}

.menu_ie7 a {
	font: 12px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 24px;
	line-height: 25px;
	width: 200px;
	color: #009;
	text-indent: 5px;
	background: transparent url(graphics/menu_off.png);
	text-align: left;
	padding: 1px 0 1px 0;
}
.menu a.special {
	font: 12px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 24px;
	line-height: 25px;
	width: 200px;
	color: #009;
	text-indent: 5px;
	background: transparent url(graphics/menu_special.png);
	text-align: left;
	padding: 1px 0 1px 0;
}
.menu a:visited{
	color: #900;
}
/* style the link hover IE*/
* html .menu a:hover {
	color: #000; 
	background: #EEE;
}
/*Seems to be for IE7*/
.menu :hover > a {
	color: #000; 
	background: url(graphics/menu_over.gif);
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 150px;		
	border-style: solid;
	border-width: 1px;
	border-color: #FFF #333 #333 #FFF;
	background: #e4e7cf url(graphics/submenu.jpg) repeat-y;
	padding: 10px 3px 10px 3px;
}
.menu_ie7 ul ul {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 150px;		
	border-style: solid;
	border-width: 1px;
	border-color: #FFF #333 #333 #FFF;
	background: #e4e7cf url(graphics/submenu.jpg) repeat-y;
	padding: 10px 3px 10px 3px;
}

.menu ul li:hover,
.menu ul a:hover {
	background: transparent url(graphics/menu_on.png);

}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility: visible;
	width: 400px;
	position: relative;
	left: 170px;
	top: -22px;
	z-index: 2000;
	text-align: left;
}
.menu_ie7 ul li:hover ul,
.menu_ie7 ul a:hover ul {
	visibility: visible;
	width: 400px;
	position: relative;
	left: 170px;
	top: -22px;
	z-index: 2000;
	text-align: left;
}

.menu ul li:hover ul li,
.menu ul a:hover ul li{
	background: transparent;
	margin: 0 0 -5px 0;
}

/* width of sub level link */
.menu ul li:hover ul a,
.menu ul a:hover ul a {
	width: 390px;
	background: transparent;
	margin: 0px 0 0 0;
padding: 0 0 0 10px;
}

.menu ul li:hover ul a:hover,
.menu ul a:hover ul a:hover {
	background: #FFF;
	color: #00F;
}

.menu ul li:hover ul li:hover,
.menu ul a:hover ul a:visited {
	color: #900;
}

/*CONTENT AREA*/
.raised {
  background: transparent; 
  width: 750px ;
  margin: 5px 0 0 0px;
  }
.raised p {
	font: 11px verdana, arial, helvetica, sans-serif;
	margin: 0 50px 0px 40px ;
	line-height: 16px;
  }
 .raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display: block; 
  overflow: hidden;
  font-size: 1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2b{
  background: #707c0a; 
  border-left: 1px solid #546f37; 
  border-right: 1px solid #546f37;
  }
.raised .b3b{
  background: #707c0a; 
  border-left: 1px solid #546f37; 
  border-right: 1px solid #546f37;
  }
.raised .b4b{
  background: #707c0a; 
  border-left: 1px solid #546f37; 
  border-right: 1px solid #546f37;
  }
 .raised .b4 {
  background: #939e1d; 
  border-left: 1px solid #939e1d; 
  border-right: 1px solid #939e1d;
  }
.raised .b3 {
  background: #c8ce61; 
  border-left: 1px solid #c8ce61; 
  border-right: 1px solid #c8ce61;
  }
.raised .b2 {
  background: #d9dd86; 
  border-left: 1px solid #d9dd86; 
  border-right: 1px solid #d9dd86;
  }  
  .raised .b1{/*top line*/
  margin: 0 5px; 
  background: #e5e8a6;
  }
 .raised .b1b{/*bottom  line*/
  margin: 0 5px; 
  background: #707c0a;
  }
.raised .b2, .raised .b2b {
  margin: 0 3px; 
  border-width: 0 2px;
  }
.raised .b3, .raised .b3b {
  margin: 0 2px;
  }
.raised .b4, .raised .b4b {
  height: 2px; 
  margin: 0 1px;
  }
.raised .boxcontent {
	text-align: left;
 	 display: block;  
 	 border-left: 1px solid #546f37; 
  	border-right:1px solid #546f37;
	background:  #FFF url('graphics/body_bkgnd.png') repeat-x;
background-position: left 26px;
  }


/*Thumbnail*/
.thumbnail {
	position: relative;
	z-index: 0;
	text-decoration: none;
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 950;
}
.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #CCC;
	padding: 5px;
	left: -1000px;
	border: solid black;
	border-width: 0 1px 1px 0;
	visibility: hidden;
	color: black;
	text-decoration: none;	
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000;
}
.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -200px;
	left: 80px; /*position where enlarged image should offset horizontally */
}

/*ThumbnailAbout*/
.thumbnailabout {
	position: relative;
	z-index: 0;
	text-decoration: none;
}
.thumbnailabout:hover {
	background-color: transparent;
	z-index: 950;
}
.thumbnailabout span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #CCC;
	padding: 5px;
	left: -1000px;
	border: solid black;
	border-width: 0 1px 1px 0;
	visibility: hidden;
	color: black;
	text-decoration: none;	
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000;
}
.thumbnailabout span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnailabout:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -300px;
	left: -180px; /*position where enlarged image should offset horizontally */
}

.thumbnail_table {
	background: #e3ddcb;
	border: 1px solid #AAA;
	padding: 3px;

}