/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(images/bg.JPG) no-repeat fixed right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
a
{
	text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
#main_in
{
width:700px;
float:left;
margin-left:18px;
line-height:20px;
}
#main{
	line-height:20px;
	color:#333;
	padding-top:10px;
	font-size:11px !important;
	}

.normalbold {
font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; 
}
.normal {
font-size: 11px; font-family:Arial, Helvetica, sans-serif;
}
.whitebold {
font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; 
color: #FFFFFF
}
.bold {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.grcolor {
font-family:Arial, Helvetica, sans-serif; font-size: 11px;
color: #DCF9FC
}
.lbutton 
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #052A52;
	font-weight: bold;
}
A.lbutton:visited 
{
	font-family:Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	color: #19416c;
	font-weight: bold;
	font-size: 11px;
}
A.lbutton:link {
	font-family:Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	color: #052A52;
	font-weight: bold;
	font-size: 11px;
}
A.lbutton:hover {
	font-famil:Arial, Helvetica, sans-serif;
	color: White;
	TEXT-DECORATION: none;
	font-weight: bold;
	font-size: 11px;
}
h1
{
font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FFF; margin:0px; padding:0px;
}
h2
{
font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FFF; margin:0px; padding:0px;
}
h3
{
font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#060;
}
h4
{
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003300;
}
h5
{
font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#060;
}
.graycolor{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#DFE2E2;}

/* layout */
#leftcolumn {
	float: left;
	width: 200px;
}
#leftcolumn h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #444; 		
}
#leftcolumn h2 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 14px 'Trebuchet MS', Tahoma, Sans-serif;
	color: #728D26; 		
}

#leftcolumn ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 4px 8px 0; padding: 0;
	text-decoration: none;		
	background: url(dots.jpg) repeat-x left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#leftcolumn ul.sidemenu li {
	list-style: none;
	background: url(images/dots.jpg) repeat-x left bottom;
	padding: 2px 0 2px 5px;
	margin: 0 2px;	
	color: #68774A;	
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#leftcolumn ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #666666;
	display:block;
	padding:3px 5px
}
#leftcolumn ul.sidemenu li a:hover {
	background:#090;
	color: #FFF;	
}
#leftcolumn ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#leftcolumn ul.sidemenu ul li { background: none; }

#rightcolumn {
	float: right;
	width: 200px;
	margin-top: 0px;
	/*background-color:#FFCCFF;*/
}
#rightcolumn h1, #sidebar h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #444; 		
}
.three-col #main {
	/*background: url(images/box.jpg) no-repeat;*/
	padding-left:6px;
	padding-right:6px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 0px;
	margin-right: 205px;
	margin-bottom: 0;
	margin-left: 205px;	
}
.three-col #main22 {
	/*background: url(images/box.jpg) no-repeat;*/
	float:left;
	width:710px;
	margin-left:10px;
}
.whitenormal{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
.testimonalsCol{background:#EEE; border:1px solid #BBB; padding:10px; margin-bottom:10px;}
.form_app{
	background:#EEE; 
	border:1px solid #BBB;
	padding:10px;
	float:left;
	margin-bottom:10px;
	}
.village{
	border:1px solid #CCC;
	background:#EEE;
	float:left;
	margin-bottom:10px;
	padding-left:10px;}
.villageTitle{}
.village ul{
	margin:0;
	padding:0;
	}

.village ul li{
	width:49%;
	float:left;
	list-style:none;
	}

.village ul li a{
	color:#333;
	display:block;
	padding:5px 10px;

	}
.village ul li a:hover{
	background:#090;
	color:#FFF;
	text-decoration:none;}
.comright{
	float:right;
	margin:5px 10px;}
.feaImg{
	background:#eee;
	border:1px solid #CCC;
	padding:4px;
	margin-bottom:7px;}
.lefttitle{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px; 
	font-weight:bold; 
	margin:5px 0 0 0; 
	padding:0px;
}
.titleRel{
	width:250px;
	position:relative;
	float:left;
	}
.titleRel h1 a{
	color:#FFF;
	
	}
.titleAbs{
	top:10px;
	left:50px;
	line-height:25px;
	position:absolute;
	
	}
.reviewRel{
	width:250px;
	position:relative;
	float:right;
	}
.reviewRel a{
	color:#333;
	font-size:12px;}
.reviewAbs{
	top:10px;
	right:50px;
	line-height:25px;
	position:absolute;
	background:#FFF;
	padding:5px 10px;
	
	}
#slogan{
	font-size:12px;}
.teams{
	width:168px;
	border:1px solid #CCC;
	background:#EEE;
	float:left;
	text-align:center;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	}
.innerpage{
	width:497px;
	padding:5px;
	float:left;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	line-height:19px;
	border-bottom:1px solid #CCC;
	margin-left:10px;
	}
.innerpage strong{
	color:#090;
	}
.special2{
	border:dashed 1px #CCC;
	padding:10px;
	background:#F7F7F7;}
.nav{
	width:930px !important;
	float:left;
	background:#090;
	padding:5px 0;
	}
#menu a{font-family:Verdana, Geneva, sans-serif; font-size:12px;}
ul.menu {list-style:none; margin:0; padding:0; position:relative; z-index:10; }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#FFF; text-decoration:none; z-index:0; font-size:11px;}
ul.menu li {position:relative; float:left; margin-right:2px;z-index:1000;}
ul.menu ul {position:absolute; top:26px; left:0; background:#f6f6f6; display:none; opacity:0; list-style:none;z-index:0;}
ul.menu ul li {position:relative; border-top:none; width:190px; margin:0}
ul.menu ul li a {
	display:block;
padding:6px 7px 6px 10px;
background-color:#090;
border-top:1px solid #008000;
border-bottom:1px solid #00AE00;}

ul.menu ul li a:hover {color:#FFF;}
ul.menu ul ul {left:183px; top:-1px;z-index:0;}
ul.menu .menulink { padding:5px 12px ; font-weight:bold;  width:auto; color:#333; }
ul.menu .menulink:hover, ul.menu .menuhover {background: none; }
ul.menu .sub {background:#1194d4 url(../images/arrow.gif) 126px 8px no-repeat;z-index:1;}
ul.menu .topline {border-top:1px solid #aaa}


.column	{
	width: 230px;
	float: left;
	line-height:15px;
}
/**************************
logo
**************************/
.scLogo	{
	width: 150px;
	height: 70px;
	position: relative;
	margin: 0 0 0 10px;
}
/*IE only*/
#ie .scLogo	{
	top: 27px;
}

/* Slideshow 1
=====================================================================*/
#slideshow1 .ft-title {
	display:none;
}
#wrapslideshow1 {
	width:975px;
	height:576px;
	position:relative;
	margin:0px 0 0 0;
}
#slideshow1 {
	width:975px;
	height:576px;
}
#corner {
	width:975px;
	height:576px;
	position:absolute;
	z-index:20;
	background:url(../images/corner12.png) no-repeat;
	left:0;
	top:0;
}
.menuleft{
	float:left;
	}
.concern{
	width:210px;
	float:left;
	margin-bottom:10px;
	}
/* header-photo */

#header-photo {

	position: relative;

	clear: both;

	margin: 0px auto;

	height: 280px;

	width: 930px;

	background: #fff url(images/vilallagehome.jpg) no-repeat center center;

}

#header-photo h1#logo-text a {

	position: absolute;

	margin: 0; padding: 0;

	font: bold 26px 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -1px;

	color: #FFFFFF;

	text-transform: none;

	text-decoration: none;

	border: none;

	

	/* change the values of top and left to adjust the position of the logo*/

	top: 9px; left: 18px;	

}



#header-photo h2#slogan {

	position: absolute;

	margin: 0; padding: 0;

	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;

	text-transform: none;

	color: #112C69;

	

	/* change the values of top and left to adjust the position of the slogan*/

	top: 45px; left: 21px;		

}

.chromestyle{

width: 100%;

font-weight: bold;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:13px;

color:#FFFFFF;

}



.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.chromestyle ul{

border: 0px solid #BBB;

width: 100%;

/*background-color:#003300;*/

background: url(images/butbk.gif) center center repeat-x; /*THEME CHANGE HERE*/

padding: 6px 0;

margin: 0;

text-align: center; /*set value to "left", "center", or "right"*/

}



.chromestyle ul li{

display: inline;

}



.chromestyle ul li a{

color: #FFFFFF;

padding: 4px 12px;

margin: 0;

text-decoration: none;

border-right: 0px solid #DADADA;

}



.chromestyle ul li a:hover{

background: url(images/menu-over.gif) center center repeat-x; /*THEME CHANGE HERE*/

}



.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

content: "";

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/

}





/* ######### Style for Drop Down Menu ######### */



.dropmenudiv{

position:absolute;

top: 0;

border: 1px solid #BBB; /*THEME CHANGE HERE*/

border-bottom-width: 0;

font:normal 11px Verdana;

line-height:18px;

z-index:100;

background-color: #E7FFE7;

width: 200px;

visibility: hidden;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/

}





.dropmenudiv a{

width: auto;

display: block;

text-indent: 3px;

border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/

padding: 2px 0;

text-decoration: none;

font-weight: bold;

color: black;

}



* html .dropmenudiv a{ /*IE only hack*/

width: 100%;

}



.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

background-color: #F0F0F0;

}
.special{
	padding:5px;
	border:1px solid #f3d81e;
	background:#fefae1;}
.tour_packages{
	width:100%;
	border-left:1px solid #fcfcfb;
	border-right:1px solid #fcfcfb;
	border-top:1px solid #fcfcfb;
	border-bottom:1px dashed #fcfcfb;
	padding:5px;
	float:left;
	}
.village22{
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	border-bottom:1px dashed #EEE;
	background:#fcfcfb;
	float:left;
	padding:5px;
	padding-left:10px;}
.boxleft{
	width:500px;
	float:left;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px  dashed #CCC;
	}
.boximg{
	width:150px;
	float:left;
	margin:5px 5px 0 0 ;
	}
.boxright{
	width:500px;
	float:right;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px  dashed #CCC;
	}
.boximgr{
	width:150px;
	float:right;
	margin:5px 0px 0 5px ;
	}
h5 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #060;}

.clear{
	clear:both;}
	
.mainTitle, .mainTitle a{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #060;}
/* ****************************** form style ************************************* */
.inq_box{
	width:100%;
	float:left;
	margin:5px 0;
	}
.left_inq{
	width:163px;
	float:left;
	padding-top:10px;
	font:11px/12px Verdana, Geneva, sans-serif;
	}
.left_inq_message{
	width:100%;
	float:left;
	padding-top:10px;
	font:11px/12px Verdana, Geneva, sans-serif;
	}
	
.right_inq{
	width:300px;
	float:left;
	}
.right_inq input{
	width:295px;
	height:36px;
	padding-left:5px;
	border:0;
	border:1px solid #CCC;
	font:11px/12px Verdana, Geneva, sans-serif;}
.right_inq textarea{
	width:485px;
	border:0;
	height:72px;
	resize:none;
	font:11px/12px Verdana, Geneva, sans-serif;
	border:1px solid #EEE;
	}
.right_inq22 textarea{
	width:485px;
	border:0;
	height:72px;
	resize:none;
	font:11px/12px Verdana, Geneva, sans-serif;
	border:1px solid #CCC;
	margin-top:10px;
	}
.red_hash{
	color:red;}
.Sbuttom{
	border:1px solid #06F;
	background:#CCC !important;
	cursor:pointer;
	width:auto !important;
	padding:5px 15px !important;
	}
.Sbuttom input:hover{
	background:#F60;}
.accomod{
	width:650px;
	float:left;
	}
	.accomod_text{
		width:250px;
		float:left;}
.form1{
	float:left;
	background:#EEE;
	border:1px solid #CCC;
	padding:10px;}
.comleft{
	float:left;
	margin:5px 5px 0 0;
	}
.comright{
	float:left;
	margin:5px 0px 0 5px;
	}
h5{
	margin:0;
	padding:5px 0;}
.price{
	
	
	}
.price a{
	color:#333;background:#edfdce;
	float:left;
	border:1px solid #ab9e26;margin-right:10px;
	padding:5px 15px;
	font-weight:bold;}
.price a:hover{
	background:#dffca8;}
	
	/* new and events */
.onDiv, .offDiv{
border:1px solid #E39622;
padding:0 5px 12px;
margin:8px 0;
clear:both;
}
a.showLink, a.hideLink{
float:left; 
margin:6px 4px 0 4px;
padding: 0 2px;
font-size:10px;
text-decoration:none;
width:16px;
text-align:center;
}
a.showLink{
border:1px dotted #E4E4E4;
background-color:#E39622;
color:#FFF;
}
a.hideLink{
border:1px dotted #e2b947;
color:#e2b947;
}
a.showAll, a.hideAll{
display:inline;
float:left;
width:109px;
border:1px dotted #E39622;
color:#E39622;
padding:8px;
margin:0 5px 12px 0;
text-align:center;
}
a.showLink:hover, a.hideLink:hover{
border:1px dotted #E39622;
}
a.hideLink:hover{
color:#E39622;
}
a.showLink:hover{
color:#FFF;
}
.faqTitle{
font-size:1.2em;
margin:0 12px 11px 35px;
border-bottom:1px dotted #E39622;
cursor:pointer;
}
.onDiv .showLink{
display:none;
}
.offDiv .hideLink{
display:none;
}
.show-hide{
padding:0 0 0 29px;
}
/*------- These links are shown with JS, hidden if JS is off ------ */
a.showLink, a.hideLink, a.hideAll, a.showAll{
display:none;
}
.com-right{
	float: right;
	padding:2px;
	margin:5px;
	}