body{ background:#c9e5fc;}
div#page-wrap{ background: #fff url(../images/mgt_bg.gif) repeat-y; width: 964px; margin: 0px auto;}
div#page-content{ background: #fff; width: 960px;  margin: 0px auto;}



p{background:#FFFFFF; color:#3f4c6b; margin:4px;}
h2{ color:#2562a1; margin-left: 4px!important;}
h3{ color:#FFFFFF; font: 14px Tahoma, Arial, Helvetica, sans-serif; margin: 2px 8px!important; padding: 0px;}
h4{ color:#4f789f; font: bold 14px Arial, Helvetica, sans-serif!important; margin: 2px 8px!important; padding: 0px;}
h5{ color:#FFFFFF; font: 14px Tahoma, Arial, Helvetica, sans-serif!important; margin: 4px 8px!important; padding: 4px 0px 0 0;}
div#welcome h1{ color:#2562a1; margin-left: 4px!important;}
div#travelguide h1{ color:#ffffff; margin-left: 4px; font: 11px Tahoma, Arial, Helvetica, sans-serif; margin-top:3px;}
div#header{ width:auto; height: 100px; border-bottom: 2px #c9e5fc solid;}
div#header div#langbar{ width:auto; height:23px; background:#4f789f;}
div#header div#header-section{ width:auto; height: 77px; background:#fff;}
div#header div#header-section div#logo{ float: left; background:#fff; width: 250px; height: 77px;}
div#header div#header-section div#banner-top{ float: left; background: #fff; width: 470px; height:77px;}
div#header div#header-section div#search{ float: right; background: #fff; width: 240px; height:77px;}

div#main{ margin-top: 9px;}
div#main div#left-sidebar{ width:180px; background:#fff; float:left; margin-left: 7px; display:inline;}
div#main div#main-content{ width: 955px; background: #fff; float:left; margin-left: 7px; margin-bottom: 10px;}



div#main div#main-content div#slideshow{ width: 594px; height:323px; background: #fff; margin:0; padding: 0; margin-bottom: 10px;}
div#main div#main-content div#slideshow div#flash{width: 429px; height:323px; margin:0; padding: 0; }
div#main div#main-content div#slideshow div#islandlist{width: 165px; height:323px; float:right; margin:0; padding: 0; background:url(../images/sidemenu_title.jpg) repeat-y top left;}
div#main div#main-content div#slideshow div#islandlist h4{ width: 165px; height: 28px; margin:0 0 0 0!important; padding:0px 0px 0px 0px; text-indent: 10px; position:relative; top: 5px; left: 1px;}
div#main div#main-content div#slideshow div#islandlist ul{ width: 165px;}
div#main div#main-content div#slideshow div#islandlist ul li{height: 53px;margin-bottom: 1px;}

div#main div#main-content div#slideshow div#islandlist ul li a{height: 53px; background: url(../images/sidemenu_off.jpg) no-repeat; display:block; text-decoration:none;}
div#main div#main-content div#slideshow div#islandlist ul li a:hover{background: url(../images/sidemenu_on.jpg) no-repeat;}
div#main div#main-content div#slideshow div#islandlist ul li .whitetext-link {font: bold 11px Tahoma, Arial, Helvetica, sans-serif; background:none; color:#FFFFFF!important; margin:0px; padding:0; text-decoration:none!important; position:relative; top: 20px; left: 15px;}
div#main div#main-content div#slideshow div#islandlist ul li .mini-image{ display:inline; float:right; margin-right:7px; position:relative; top: -8px;}


.subbox{ width: 293px; height: 100px; background:#c9e5fc; margin-bottom: 9px;}
.subbox-image{ border: 1px #FFFFFF solid; margin: 5px 0px; position:relative; top: 5px; left: 7px;}
.subbox-info{ width: 175px; margin: 0; padding: 0; position:relative; top: 5px;}
.subbox-info p{ width: 170px; color:#3f4c6b; background:none; margin: 0px; padding: 0; display:block; font: 11px/1.2 Tahoma, Arial, Helvetica, sans-serif;}
.subbox-info a{ font-size: 14px; color:#356aa0; text-decoration:none!important; border-bottom: 1px #356aa0 dashed; font-weight:700;}










div#main div#main-content div#box-container{}
div#main div#right-sidebar{ width:160px; height: 800px; background:#fff; float:left; margin-left: 6px;}


div#footer{ width:auto; height:33px; background:#4f789f; border-bottom: 1px #84a1bc dashed;}






.navbox{ margin-bottom: 7px;}
.navbox-green{ background:#85c329 url(../images/navbox-green_bg.gif) no-repeat top right; border-bottom:3px #699921 solid;}
.navbox-orange{ background:#ff933c url(../images/navbox-orange_bg.gif) no-repeat top right; border-bottom:3px #cb6e24 solid;}
.navbox-blue{ background:#4096ee url(../images/navbox-blue_bg.gif) no-repeat top right; border-bottom:3px #2562a1 solid;}
.navbox-yellow{ background:#ffbf23 url(../images/navbox-yellow_bg.gif) no-repeat top right; border-bottom:3px #c79810 solid;}











div#main div#left-sidebar .navbox ul { list-style-type:none!important; width: 178px; padding: 7px 0px 5px 0px; margin:0;}
div#main div#left-sidebar .navbox ul li{ background:url(../images/separator.gif) top repeat-x; display: block; margin:0!important; padding: 0px 0px;}

div#main div#left-sidebar .navbox ul li a{color:#FFFFFF; text-decoration:none;font: 12px Arial, Helvetica, sans-serif; margin: 0px 5px; padding:2px 0px; width: 170px; display:block; background:url(../images/bullet.gif) no-repeat left; text-indent: 10px;}

div#main div#left-sidebar .navbox-green ul li a:hover{ background:#699921; color: #fff; width: 180px; margin: 0px; text-indent: 20px; padding:1px 0px 2px 0px; border-top: 1px #587d20 solid;}
div#main div#left-sidebar .navbox-orange ul li a:hover{ background:#cb6e24; color: #fff; width: 180px; margin: 0px; text-indent: 20px; padding:1px 0px 2px 0px; border-top: 1px #b5692d solid;}
div#main div#left-sidebar .navbox-blue ul li a:hover{ background:#2562a1; color: #fff; width: 180px; margin: 0px; text-indent: 20px; padding:1px 0px 2px 0px; border-top: 1px #24588d solid;}
div#main div#left-sidebar .navbox-yellow ul li a:hover{ background:#c79810; color: #fff; width: 180px; margin: 0px; text-indent: 20px; padding:1px 0px 2px 0px; border-top: 1px #b58d18 solid;}











.boxinfo{ background:#4096ee url(../images/box-blue_bg.gif) no-repeat top right; width: 293px; height:283px; display:inline; margin: 5px 0px 5px 0px; position:relative;}
.boxinfo-text{
	color:#36393d;
	margin:0px;
	padding:0px 0px;
	position: absolute;
	bottom:-1px;
	z-index:11;
	width:293px;
	overflow:hidden;
	text-align:left;
	left: 0px;
}
.boxinfo-text p{ font:12px/1.5 Tahoma, Arial, Helvetica, sans-serif; background:#c9e5fc; color:#36393d; padding: 5px 7px; display:block; margin:0; }
.boxinfo-image{ display:block; margin:0; padding:0; position:absolute; top: 25px; left: 0px; z-index: 10;}






/* header position classes*/
div#langnav{ height: 23px; width: auto}
div#langbar div#langnav ul { list-style-type: none; display:inline; margin:0px; padding: 0px; background:none;}
div#langbar div#langnav ul li{ list-style-type: none; display:inline;float:left; margin:3px 0px 0px 0px; padding: 0px; position:relative;}
div#langbar div#langnav ul li a{margin:1px 0px 0px 4px; padding:0px; display:inline; float:left; position:relative; top: 2px;}
div#langbar div#langnav ul li .whitetext{ font: 10px Tahoma, Arial, Helvetica, sans-serif; background:#4f789f; color:#FFFFFF; margin:2px 2px 3px 11px; padding:0;}

div#accessibility{ height: 23px; width: 250px;}
div#langbar div#accessibility ul { list-style-type: none; display:inline; margin:0px; padding: 0px; background: none;}
div#langbar div#accessibility ul li{ list-style-type: none; display:inline; margin:3px 5px 0px 0px; padding: 0px; position:relative;}
div#langbar div#accessibility ul li a{margin:0px 0px 0px 0px; padding:0px; display:inline;  position:relative; top: 3px; text-decoration:none;}
div#langbar div#accessibility ul li a img{margin:0px 3px 0px 0px;position:relative; top: 3px;}
div#langbar div#accessibility ul li .whitetext{margin:0px 0px 0px 0px; padding:0px; display:inline; position:relative; top: 0px;  border-bottom: 1px #a3b9cd dashed;}


.logo{ margin: 20px 0px 0px 9px;}
.banner-top{ margin: 9px 0px 0px 0px;}




.sep-border{background:url(../images/sep-border.gif) repeat-x; width:594px; height: 1px;}

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.whitetext{font: 11px Tahoma, Arial, Helvetica, sans-serif; background:none; color:#FFFFFF; margin:0px; padding:0;}





.search-area{padding: 25px 0px; margin-right: 7px; display:inline;}
.search-area .textintut{cursor: auto;}
.formbutton{cursor:pointer;background: url(../images/search_btn_off.gif) no-repeat; width: 80px; height: 26px; border: none; text-indent: -9999px!important; overflow:hidden; position:relative; top: 3px;}
.formbutton:hover{cursor:pointer;background: url(../images/search_btn_on.gif) no-repeat; width: 80px; height: 26px; border: none; text-indent: -9999px; overflow:hidden;}





.footerimage{ position:relative; top: 4px; left: 7px;display:block;}
div#footer ul { list-style-type: none; display:inline; margin:0 0 0 20px; padding: 0px; background: none;}
div#footer ul li{ list-style-type: none; display:inline; margin:9px 0px 0px 3px; padding: 0px; position:relative; top: 6px; color:#FFFFFF;}
div#footer ul li a{margin:0px 0px 0px 0px; padding:0px; display:inline;  position:relative; top: 3px; text-decoration:none; color:#FFFFFF;}
div#footer ul li .separator-link{position:relative; top: 2px;color:#fff; margin:0; padding:0;}










/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:960px; height:32px; font-size:10px; font-weight:bold; position:relative; z-index:10000;border-right:1px solid #85c329; background-color:#85c329}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px; w\idth:960px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:126px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:126px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none!important; color:#FFFFFF!important; width:115px; height:30px; border:1px solid #4096ee; border-width:1px 0 1px 1px; background:#4096ee; padding-left:10px; line-height:29px;}
.menu a.twolines, .menu a:visited.twolines {line-height:13px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:126px; w\idth:115px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#65AFDC ;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#0099FF ;}
.menu ul ul :hover > a.drop {background::#0099FF ;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:126px;border-top:1px solid #4096ee;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

div.menu ul ul.endstop {
left:-53px;
}

/* position the third level flyout menu */
.menu ul ul ul{left:96px; top:-1px; width:96px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-96px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ff933c; color:#000; height:auto; line-height:14px; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#ff933c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#ff933c;}
.menu a.active, .menu ul ul a.active{color:#fff; background:#ff933c;}

/* 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; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu ul,.menu ul li,.menu ul li a,.menu table,.menu tr,.menu td{z-index:100;}

.menu iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;border:none;}
.menu li.one:hover iframe.one {left:0; top:35px; width:150px; height:150px;}
.menu li.one2:hover iframe.one2 {left:0; top:35px; width:150px; height:178px;}
.menu :hover iframe.two {left:0; top:35px; width:150px; height:190px;}
.menu :hover iframe.three {left:-52px; top:35px; width:150px; height:160px;}
.menu :hover iframe.two {left:0; top:35px; width:150px; height:90px;}