/*---------------------------------------

CSS code by: Cheyne Gallarde
coded: June 2009

-------------------------------------------*/


/*----------------------------------------
These are the universal controls (titles, body text, etc.)
-------------------------------------------*/

body {
	font: normal 16px Verdana; margin: 0; padding:0;
	color: #FFF; background-attachment: scroll; background-color: #CC3300; background-position: left top; background-image:url(images/background.jpg); background-repeat: no-repeat;
}

a {color: #CC3300;}

div#header{position:relative;}
div#header h1{height:80px;line-height:80px;margin:0; padding-left:10px;background: #EEE;color: #79B30B}
div#header a{float: left;}
div#container{text-align:left;}
div#content p{line-height:1.4}
div#navigation{background:#FFF;}
div#extra{border-left: 2px dotted #CC9966; margin-top: 20px;}
div#footer{background: #003366;color: #FFF}
div#footer p{margin:0;padding:5px 10px; font-size: 10px;}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:727px;margin-left:100px; background-color: #CCCC99; background-image: url(images/bg_cream.gif);}
@media only screen and (max-device-width: 800px) {
div#container{width:727px;margin-left:100;}
}
div#content{float:left;width:519px; margin:0; padding: 0;}
div#extra{float:right;clear:right;width:205px;}
div#extra-top{float:right;clear:right;width:207px; height: 200px;margin-top: 154px;}
div#footer{clear:both;width:100%}

#container2 {
	 width: 750px; margin:1em auto; border: 0px; top: 0px; text-align:left; max-width: 960px;
}

#navbar {width: 100%; padding:0px; border: 0;float: left; margin:0px;left:68px;top:-3px; z-index: 1; position: absolute;}

#flower {position: absolute; z-index: 2; padding:0; border: 0;left: 44px;top: 290px;}

.slides {margin-top: 155px;}

#gallery {margin: 0 10px; padding: 5px; text-align: center;}

#gallery img {border: 2px solid #FFF; margin: 10px; }

#gallery img:hover {border: 2px solid #FF3300;}


/*----------------------------------------
This is for the sidebar
-------------------------------------------*/

.sidetext {
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #333;margin: 30px;padding: 0px;
}

.sidenav {
	font-family: Arial, Helvetica, sans-serif;font-size: 12px; line-height: 18px; list-style: none; padding: 34px 0 0 0; margin:5px 0; color: #333; text-align: center;
}

.sidenav2 {
	font-family: Arial, Helvetica, sans-serif;font-size: 12px; line-height: 18px; list-style: none; padding: 50px 0 0 0; margin:5px 0; color: #333; text-align: center; height: 162px;
}

ul.sidenav li a, ul.sidenav2 li a {
text-decoration:none;font-size: 1spx; border-bottom: 1px dotted #FFF; padding:5px 0; margin: 0;width:100%;background: #669933;color:#FFF;float:left; text-align:center;
}

ul.sidenav li a:hover, ul.sidenav2 li a:hover {
background-color: #003366;
color:#FFF;
}

.sidelist {
	font-family: Arial, Helvetica, sans-serif;font-size: 12px; line-height: 18px; list-style: square;padding: 25px; margin:0; color: #333;
}

.sidetit {
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold; line-height: 18px;color: #CC3300;margin: 15px 0 0 10px;padding: 0px;
}


/*----------------------------------------
This is for the body text
-------------------------------------------*/

.headline {font-weight: bold;font-size: 18px; color: #CC3300; margin: 25px 20px 5px 20px;}

.headline2 {font-weight: bold;font-size: 13px; color: #CC6600; margin: 5px 10px 0px 20px;}

#content .bodytext {
	margin: 0 15px 10px 20px;
	font-family: arial;font-size: 13px;
	line-height: 18px;
	width: 480px;
	color: #333;
}

#content li {
	font-family: arial;font-size: 13px;
	line-height: 20px;
	color: #333333;
	margin-left: 20px;
}

.bodytext li{
	font-size: 10px;
	line-height: 13px;
	list-style: square;
	margin: 10px 50px 10px 0px;
}

.bodyheader {
	font-size: 14px;
	font-weight: bolder;
	color: #FF3300;
}

.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	margin: 80px 10px 60px 80px;
	padding: 0px;
	width: 400px;
	z-index: 55;
}

.inlinePic {position: relative; float: right; margin: 10px;}

.bioPic {position: relative; float: left; margin: 10px; border: 3px solid #CC6600;}

.menuText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	margin: 10px;
}


.thumbText li{
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}

.bodySub {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336092;
	font-size: 12px;
	line-height: 14px;
}


#TourInfo {
      width: 100%;
      margin:1em auto;
      border: 0; padding: 0;
      text-align:left;
      max-width: 1024px;
      }
	  
#sidebar {
      width: 100%; height: 500px;
	  background-color: #FFCC66;
      margin: 0; padding: 0;
	  display: block;
}

#sidebar-green {
      width: 100%; height: 660px;
	  background-color: #CCFF66;
      margin: 0; padding: 0;
	  display: block;
}


#sidebar-blue {
      width: 100%; height: 660px;
	  background-color: #99CCCC;
      margin: 0; padding: 0;
	  display: block;
}

#sidebar-blue .content {
	padding: 15px;
	display: block;
	width: 250px;
}

#sidebar .content, #sidebar-green .content {
	margin: 0; padding: 5px;
	display: block;
	width: 250px;
	height: 100px;
	border-bottom: 1px dotted #ffcc33;
	color: #000000;
}

.sidebanner {margin: 8px 0;}

.sidebanner2 {margin: 0 0 8px 0; }

#tour {
      float: left;
      width: 70%; height:300px;
	  position: relative;
      margin:0; padding:0;
}
	  
#tour-content {
	float: left;
	position: absolute;
	width: 500px;
    font-size: 90%;
	line-height:20px;
}