body{
	margin:0;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(img/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #038A00;
	color: #666;
}
html{ height:100%;}
img{ border:0;}
table{ table-layout:fixed;}

/*-----------------------------  INTRO PAGE ----------------------------- */
#wrapperM{
	height: 580px;
	width: 896px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img/flashIntroBG.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
}
#flashM{}
#flashBGM{}

/*-----------------------------  GENERIC STYLE ----------------------------- */
h1, h2, h3, h4, h5 { margin:0; line-height:100%;}
h1{	font-size:20px;}
h2{	font-size:18px;	font-family: "Trebuchet MS", Arial, Tahoma;}
h3{	font-size:16px;}
h4{	font-size:14px;}
h5{	font-size:12px;}

/*----------------------------- GENERIC NAVIGATIONS ----------------------------- */
a {color: #090; text-decoration: underline;	font-weight: bold;}
a:link, a:visited {	text-decoration: underline;	font-weight: bold;	color: #090;}
a:hover {color: #0C0; text-decoration: underline;	font-weight: bold;}
a:active {color: #030;}

a.lnk01 {font-size: 12px;	font-weight: bold;	color: #630;	text-decoration: none;}
a.lnk01:link, a.lnk01:visited {}
a.lnk01:active {}

a.lnk02 {font-size: 12px;	font-weight: bold;	color: #CCFF00;	text-decoration: none;}
a.lnk02:link, a.lnk02:visited {	text-decoration: underline;	color: #CF0;}
a.lnk02:active {	color: #090;}

/*-----------------------------------  GENERIC DIV --------------------------------- */
.left { float:left;}
.right { float:right;}
.full { width:100%;}
.topSpace{ padding-top:20px;}
img{ border:0;}


/*-----------------------------  LAYOUT STRUCTURE MAIN ----------------------------- */
#wrapper{width:900px;	margin-top: 10px;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;}
#header{width:900px;	background-color: #FFF;	background-image: url(img/header.gif);	background-repeat: repeat-x;	background-position: left top;	height: 105px;}
#flashHeaderM{width:880px;	/*height:360px;*/	clear:both;	padding:10px;	/*float: left;*/	background-color: #FFF;}
#flashHeaderS{width:880px;	padding:10px;	/*height:240px;*/	clear: both;	background-color: #FFF;}
#bodyContent{width:880px; padding: 0 10px 10px 10px;	background-color:#FFF;	float: left;}
#leftPanel{float: left;	width: 220px;padding-right:10px;}
#rightPanel{float: left;}
#bottomDock{width:880px; height:150px;	background-color:#FFF;	float: left;	margin-bottom: 10px;	padding:10px;}
#footer{clear:both;	width:900px;	height:50px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: normal;	color: #CF9;}
#printer {background-color:#FFF;width:890px;padding-right:10px;}

/*----------------------------  SUB CONTENTS STRUCTURES --------------------------- */
#logo{	width: 160px;	float: left;	height: 105px;}
#searchBar{	float: right;	height: 55px;	width: 720px;	text-align: right;	padding-top: 20px;	padding-right: 20px;}


/*--------------------------  HORIZONTAL NAVIGATION MENU --------------------------- */
.horNavi{	width: 100%;	overflow: hidden;	float: right;}

.horNavi ul{	margin: 0;	padding: 0;	list-style-type: none;	font-family: "Trebuchet MS", Arial, Tahoma;	font-size: 13px;	font-weight: bold;	float: right;}
.horNavi li{display: inline; margin: 0;}
.horNavi li a, .horNavi li a:visited{	float: left;	display: block;	text-decoration: none;	margin: 0;	color: #060;	padding:5px 20px;	text-align: center;	height: 20px;	background-image: url(img/hornavsep.gif);	background-repeat: no-repeat;	background-position: left top;	width: auto;}
.horNavi li a:hover, .horNavi li.selected a{	background-image: url(img/horNav.png);	background-repeat: repeat-x;	background-position: left top;	color: #FFF;	text-decoration: none;}
.horNavi li a:active{ color:#0F0;}
.horNav{	clear: right;	float: right;	height: 30px;	width: 740px;	text-align: right;}


/*-----------------------------  VERTICAL NAVIGATION MENU  ------------------------- */
.verNavHead{	/*height: 25px;*/	width: 186px;	margin: 0px;	font-family: "Trebuchet MS", Arial, Tahoma;	font-size: 18px;	background-color: #FFF;	background-image: url(img/verNavHead.png);	background-repeat: no-repeat;	background-position: left top;	font-weight: bold;	color: #9C0;	padding:5px 0 0 34px;	line-height: 100%;}
ul {	list-style: none;	margin: 0;	padding: 0;	}
#menu {	width: 220px;	border-color: #94AA74;	border-width: 1px;	clear: left;	margin-bottom: 20px;	}
#menu li a {	/*height: 32px;	height: 32px;*/	text-decoration: none;	}
#menu li a:link, #menu li a:visited {	color: #090;	display: block;	background-image: url(img/vernav.gif);	background-repeat: no-repeat;	background-position: left top;	padding-right: 10px;	padding-left: 20px;	min-height: 25px; /*height: 25px;*/	padding-top: 7px;}
#menu li a:hover {	color: #FFFFFF;	background-image: url(img/vernav.gif);	background-position: center top;	background-color: #039A00;}
#menu li a:active {	color: #99FF00;	background-image: url(img/vernav.gif);	background-position: right top;	}


/*---------------------------------  WMS CONTENTS  ----------------------------------*/
.contents{width: 640px;}


/*-----------------------------  LAYOUT STRUCTURE :: RIGHT COLUMN -------------------*/



/*--------------------------------------  NEWS BOX  -------------------------------- */
.newsHead{	height: 25px;	width: 186px;	margin: 0px;	font-family: "Trebuchet MS", Arial, Tahoma;	font-size: 18px;	background-color: #FFF;	background-image: url(img/newsHeading.png);	background-repeat: no-repeat;	background-position: left top;	font-weight: bold;	color: #9C0;	padding:5px 0 0 34px;	line-height: 100%;}
.newsBox{	border-bottom: solid 1px #F0F0F0;	line-height: 130%;	margin: 0px;	clear: left;	text-align: justify;	width: 220px;}
.newsBox a {	color: #666;}
.newsBox a:link, .newsBox a:visited {	font-weight: normal;	color: #666;	text-decoration: none;	display: block;	padding-top: 10px;	padding-bottom: 10px;}
.newsBox a:hover {	color: #690;	text-decoration: none;}
.newsBoxB{	text-align: right;	width: 220px;	padding-top: 10px;	padding-bottom: 10px;}


/*-----------------------------------  TEXT STYLING -------------------------------- */
.txtGreen1{color: #090;}
.txtGreen2{color: #6C0;}
.txtGreen3{
	color: #390;
}
.txtBlue1{color: #33C;}
.txtBlue2{color: #0CF;}
.txtRed{color:#F00;}
.txtWhite{color:#FFF;}
.txtBlack{color:#000;}
.txtGrey1{color:#333;}
.txtGrey2{color:#666;}
.txtGrey3{color:#999;}
.txt18{	font-size: 18px;}
.txt16{	font-size: 16px;}
.txt14{	font-size: 14px;}
.font1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.font2{
	font-family: "Times New Roman", Times, serif;
}



/*--------------------------------  NAVIGATION STYLING ----------------------------- */

.opacity{-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); opacity:.50; }

/*--------------------------- PAGES CONTENT - FORM QUEST -------------------------- */
.searchInput{	border: 1px solid #CCC;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: normal;	color: #666;	text-decoration: none;	height: 18px;	margin: 0px;	padding: 0px;	float: right;	background-color: #F8F8F8;}
.searchBtn{	float: right;	height: 20px;	width: 28px;}


/*--------------------------- PAGES CONTENT - TOURISM PAGES ------------------------ */
.reservation{
	float: left;
	height: 105px;
	width: 280px;
	background-image: url(../imghtml/t.onlinereserv.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.reservation a{}
.reservation a:link, .reservation a:visited{}
.reservation a:hover{}

.packages{
	float: right;
	height: 105px;
	width: 280px;
	background-image: url(../imghtml/t.packages.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.packages a{}
.packages a:link, .packages a:visited{}
.packages a:hover{}

/*----------------------------------- BREADCRUMB ---------------------------------- */
.breadCrumb{	/*float: left;*/	width: 100%;	padding-bottom: 10px;	color: #999;	height: 20px;}
.breadCrumb a{	color: #999;	line-height: 100%;}
.breadCrumb a:link, .breadCrumb a:visited{	color: #999;	text-decoration: none;}
.breadCrumb a:hover{	color: #090;	text-decoration: underline;}

/*----------------------------------- LIBRARY ------------------------------------*/
.width100 { width: 100%; }
.Left { float: left; }
.Right { float: right; }
.clearB { clear:both;}
.clearL { clear:left;}
.clearR { clear:right;}
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.w300 { width:300px;}