@charset "utf-8";
/* CSS Document */
body,td,th,input,select,textarea{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#333;}
body{width:100%;min-height:100%;height:auto;margin:0;padding:0;cursor:default;}
h1,h2,h3,h4,h5,h6,p,span,form,div,ul,li,fieldset{margin:0;padding:0;border:none;}
table,td{border:none;}
img{border:none;}
html,body,.wrapper{width:100%;height:auto;min-height:100%;left:0;top:0;position:absolute;}
.wrapper {background:url(../images/page_bkgr.gif) top left repeat-x;}
html>body,html>body .wrapper{height:auto;}
* html .footer{position:absolute;}
* html .main{padding-bottom:70px;}
head:first-child+body div.footer{position:absolute;z-index:0;}
head:first-child+body div.main{padding-bottom:70px;}
@media all and (min-width:0){head~body{height:100%;}
}

.box { float:left; }
.greybkr { background:#738fab; }
.bluebkr { background:#40668d; }
.spacer { border-bottom:1px solid #b2b2b2; float:left; clear:both; position:relative; }
.dotspacer { border-bottom:1px dotted #b2b2b2; float:left; clear:both; position:relative; }

.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.mb15 {margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb10 { margin-bottom:10px; }
.mt20 { margin-top:20px; }
.mr1 {margin-right:1px; }
.mr5 {margin-right:5px; }
.mr10 {margin-right:10px; }

.s180 { width:180px; }
.sp160 { width:160px; padding:10px; }
.s580 { width:580px; }
.s280 { width:280px; }
.s90 { width:90px; }
.leftcol h2 { font-size:16px; color:#ffff00; font-family:"Lucida Sans Unicode"; letter-spacing:-1px; font-weight:bolf; margin-bottom:10px; }
.pt10 { padding-top:10px; }
.ptb20 { padding-top:10px; padding-bottom:10px; }
.fr { float:right; }

.header {width:100%; height:130px; clear:both; position:relative;}
.headercnt {width:980px; height:130px; margin:0px auto; position:relative;}
.leftHead { width:180px; height:130px; float:left; clear:none; position:relative; }
.logo { width:180px; height:130px; float:left; clear:none; position:relative; }
.rightHead { width:800px; height:130px; float:left; clear:none; position:relative; }
.tag { width:300px; height:80px; float:left; clear:none; position:relative; }
.topmenu { width:480px; float:right; clear:none; position:relative; margin-top:25px; text-align:right; }
.topmenu a { color:#666; text-decoration:none; margin-right:15px; }
.topmenu a:hover, .topmenu a.activ { text-decoration:underline; color:#003366; }
.guest{ width:180px; height:70px; float:right; clear:none; position:relative; background:url(../images/sun.png) top left no-repeat; margin-top:20px;}
.rndBkr01 {width:5px; height:5px; float:left; clear:none; position:relative; background:url(../images/rndBkr01.png) bottom left no-repeat; margin-top:26px;}
.rndBkr02 {width:5px; height:5px; float:left; clear:none; position:relative; background:url(../images/rndBkr02.png) bottom right no-repeat; margin-top:26px;}
.guestMenu { width:auto; float:right; clear:none; position:relative; margin-top:39px; }
.guestMenu a { text-decoration:none; float:right; clear:none; background:#fff; border:1px solid #003366; padding:5px 8px; color:#003366; font-size:16px; border-bottom:none; font-family:"Lucida Sans Unicode"; letter-spacing:-1px;}
.guestMenu a:hover, .guestMenu a.activ { background:#003366; color:#fff; }
.mainMenu { width:600px; float:left; clear:none; position:relative; margin-right:20px; margin-top:19px; }
/*.mainMenu a { text-decoration:none; float:left; clear:none; background:#fff; border:1px solid #003366; padding:5px 8px; color:#003366; font-size:16px; border-bottom:none; font-family:"Lucida Sans Unicode"; letter-spacing:-1px; }
.mainMenu a:hover, .mainMenu a.activ { background:#003366; color:#fff; }
*/
.main { width:100%; height:100%; clear:both; position:relative; margin-bottom:20px; }
.maincnt { width:980px; height:100%; margin:0px auto; position:relative; }
/*.maincnt02 { width:980px; float:left; clear:both; position:relative;  background:#003366; padding-top:10px; }
*/.leftcol { width:180px; float:left; clear:none; position:relative;  background:#003366; padding-top:10px;}
.sidecol { width:800px; float:left; clear:none; position:relative;  background:#003366; padding-top:10px; }
.content01 { width:800px; float:left; clear:both; position:relative; background:#738fab; padding-top:10px; }
.content02 { width:760px; float:left; clear:both; position:relative; background:#fff; padding:20px; }

.leftcol .box p { display:block; margin-bottom:5px; color:#fff; font-size:11px; line-height:16px; }
.leftcol .box ul { width:135px; margin-left:25px; color:#fff; font-size:11px; line-height:16px; list-style-type:square; font-weight:bold; margin-bottom:5px; }
.leftcol .box a , .leftcol .box p a, .leftcol .box ul li a { text-decoration:underline; color:#fff; font-size:11px;  }
.leftcol .box a:hover, .leftcol .box p a:hover, .leftcol .box ul li a:hover { text-decoration:none; }

.leftcol .box .awards { width:160px; float:left; clear:both; position:relative; color:#fff; font-size:9px; }
.leftcol .box .awards p { color:#fff; font-size:11px; line-height:12px;  }
.leftcol .box .awards p img { float:left; clear:none; margin-right:10px; }

.weather { width:160px; float:left; clear:both; position:relative; padding:10px; background:#fff; }
.weather h3 { font-size:14px; color:#003366; font-family:"Lucida Sans Unicode"; letter-spacing:-1px; margin-bottom:10px; }
.weather h3 span { font-size:24px; display:block; letter-spacing:-2px; }
.weather a { text-decoration:underline; color:#003366; width:160px; float:left; clear:both;}
.weather a:hover { text-decoration:none; }
.weather .box img { float:left; clear:none; margin-right:10px; }
.weather .box span.cold { color:#00b1ff; }
.weather .box span.hot{ color:#ff7e00; }
.weather .box span strong { font-size:16px; }

.sidecol .sign_up { width:auto; float:right; clear:none; position:relative; color:#fff; margin-right:10px; text-align:right; margin-bottom:10px; }
.sign_up span a { text-decoration:underline; color:#fff; }

.midcol { width:580px; float:left; clear:none; position:relative; }
.rightcol { width:160px; float:left; clear:none; position:relative; }

.sidecol h1 { font-size:24px; color:#003366; font-family:"Lucida Sans Unicode"; letter-spacing:-2px; margin-bottom:10px; font-weight:bolf; }
.sidecol h1 span { font-size:16px; letter-spacing:-1px; }
.sidecol h2, .sidecol h3, .sidecol h4, .sidecol h5 { font-size:16px; color:#003366; font-family:"Lucida Sans Unicode"; letter-spacing:-1px; margin-bottom:10px; font-weight:bold; }

.sidecol .box p {  margin-bottom:10px; line-height:18px; display:block; }
.sidecol .box p a, .sidecol .box a { text-decoration:underline; color:#003366;}
.sidecol .box p a:hover, .sidecol .box a:hover { text-decoration:none; }
.sidecol .box ul { margin-left:25px; color:#333; font-size:11px; line-height:16px; list-style-type:square; margin-bottom:5px; }
.sidecol .box ul li a { text-decoration:underline; color:#003366;}
.sidecol .box ul li a:hover { text-decoration:none; }
.sidecol .box a.title01 { width:280px; font-weight:bold; color:#333; text-decoration:underline; font-size:13px; float:left; clear:both; }
.sidecol .box span.date { width:280px; font-size:11px; float:left; clear:both; }
.sidecol .box a.title02 { width:280px; font-weight:bold; color:#333; text-decoration:underline; font-size:12px; float:left; clear:both; }
.sidecol .box a.title01:hover, .sidecol .box a.title02:hover { text-decoration:none; }
.rightcol .box p { font-size:11px; line-height:16px; }
.rightcol .box fieldset input { float:left; margin-bottom:10px; border:1px solid #8099b3; padding:3px; font-size:9px; color:#656565; }
.rightcol .box fieldset button { color:#003366; float:left; clear:both; font-weight:bold; font-size:11px; margin-bottom:5px; }
.rightcol .box fieldset p { position:relative; margin:0; clear:both; }
.rightcol .box fieldset label {position:absolute; top:2px; left:0px; }
.rightcol .box a, .reviewbot a { width:160px; float:left; clear:both; color:#003366; text-decoration:underline; }
.review { width:160px; float:left; clear:both; position:relative; padding:10px; }
.review .reviewtop {width:160px; float:left; clear:both; position:relative; background:url(../images/reviewBkr01.png) top left no-repeat; margin-bottom:5px; padding-top:25px;}
.review .reviewtop em { font-size:18px; color:#003366; }
.review .reviewbot {width:130px; float:left; clear:both; position:relative;background:url(../images/reviewBkr02.png) top right no-repeat; padding-right:30px;}
.review .reviewbot span { float:left; clear:both; margin-bottom:10px; }
.rightcol h2, .rightcol h3, .rightcol h4, .rightcol h5 { color:#000; }


.footer { width:100%; height:50px; clear:both; bottom:0; left:0; position:absolute; overflow:hidden;  }
.footercnt { width:980px; height:30px; margin:0px auto; position:relative; border-top:1px solid #8099b3; padding:10px 0px; }
.footercnt a { color:#666; text-decoration:none; }
.leftFoot {width:780px; float:left; clear:none; position:relative; font-size:11px; color:#666; }
.rightFoot {width:200px; float:right; clear:none; position:relative; font-size:11px; color:#666; text-align:right; }


/*.mainMenu a { text-decoration:none; float:left; clear:none; background:#fff; border:1px solid #003366; padding:5px 8px; color:#003366; font-size:16px; border-bottom:none; font-family:"Lucida Sans Unicode"; letter-spacing:-1px; }
.mainMenu a:hover, .mainMenu a.activ { background:#003366; color:#fff; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:200; }
ul.dropdown li                      { float: left; zoom: 1; list-style-type:none;  text-decoration:none; color:#fff; float:left; clear:none; background:#fff; border:1px solid #003366; border-bottom:none; }
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 5px 10px; color: #003366; text-decoration:none; font-size:16px; font-family:"Lucida Sans Unicode"; letter-spacing:-1px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover             	{ background: #003366; color:#fff; position: relative; color:#fff; }
ul.dropdown li a.activ              { background: #003366; color:#fff; position: relative; color:#fff; }
ul.dropdown li:hover a              { color:#fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; padding:5px; background:#8099b3; border:5px solid #036;  }
ul.dropdown ul li 					{ font-weight: normal; color: #fff; font-size:12px; border:none; margin:1px 0px; background:#8099b3;
									   border-bottom:1px solid #fff; float: none; }

ul.dropdown ul li.hover,
ul.dropdown ul li:hover             { background: #036; position: relative; }
ul.dropdown ul li:hover a { color:#ffff00; }
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border:none; border-right: none; padding:5px; width: 100%; display: inline-block; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

ul.dropdown li.activ a.activ { background:#fff; }
ul.dropdown li.activ a.activ:hover { background:#333; }
ul.dropdown li.activ:hover a.activ { background:#333; }
ul.dropdown li.activ ul { background:#333; }
ul.dropdown li.activ ul li 					{ font-weight: normal; background: #333; color: #fff; border:none;
									  border-bottom: 1px dotted #444; float: none; }
ul.dropdown li.activ ul li.hover,
ul.dropdown li.activ ul li:hover             { background: #000; color:#fff; position: relative; }
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown li.activ ul li a					{ border:none; border-right: none; width: 100%; display: inline-block; color:#fff; } 
ul.dropdown li.activ ul li a:hover { color:#fff; }

/*contact*/
.box fieldset.c_acc { border-left:3px #ccc solid; margin:20px; }
.box fieldset.c_acc label { color:#333; width:270px; padding:5px 10px; }
.box fieldset.c_acc input, .box fieldset.c_acc select, .box fieldset.c_acc label textarea, fieldset.coresp select, fieldset.coresp input { background:#ff9; border:1px solid #ccc;  padding:5px; color:#000; } 
.box fieldset.c_acc label textarea { background:none; }
.box fieldset.c_acc input:hover, .box fieldset.c_acc select:hover, .box fieldset.c_acc label textarea:hover { border:1px solid #666; }
.box label { float:left; clear:none; margin:0px 10px; font-size:12px;}
.box label input, .box label select { font-size:12px; }


.midcol .pagination{width:560px;height:25px;float:right;clear:none;position:relative;text-align:right; margin:10px 0px;}
.midcol .pagination .prev{color:#000;text-decoration:none;clear:none;margin-right:5px;}
.midcol .pagination .pag{text-decoration:none;color:#696969;padding:2px 5px;border:1px solid #b0b0b0;margin-right:1px;}
.midcol .pagination .pag:hover, .midcol .pagination .pag.activ{border:1px solid #4b4b4b;background:#036; color:#fff;}

.gallery {}
.gallery img { float:left; clear:none; margin-bottom:10px; }

.history { width:auto; float:left; clear:none; position:relative; color:#fff; margin:0px 10px; margin-bottom:10px;font-size:11px; }
.history span a {text-decoration:underline; color:#fff; }
.history span a:hover, .history span a.activ { text-decoration:none; }

.box ul.fs12 { font-size:12px; }
.box input.upload { margin-bottom:15px; display:block; }
.info { width:560px; float:left; clear:both; position:relative; border:1px solid #ccc; background:#eee; padding:5px 10px; }
.info button, .box button.edit {color:#003366; font-size:11px; float:right; clear:none; letter-spacing:1px; }
.info span { float:left; clear:none; margin-top:1px; }
.fs10 { font-size:10px; }
.box button.edit02 { color:#003366; font-size:11px; margin-right:10px; letter-spacing:1px; }
.box em { display:block; line-height:18px; margin-bottom:10px; }


/*booking form*/
.box table.book { width:280px; float:left; clear:both; margin-top:10px;}
.box table.book input, .box table.book select, .box table.book label textarea{ background:#ff9; border:1px solid #ccc; padding:5px; color:#000; }
.box table.book label textarea { background:none; }
.box table.book input:hover, .box table.book select:hover, .box table.book label textarea:hover { border:1px solid #666; }

.box blockquote.comment { width:270px; float:left; clear:both; position:relative; padding:0px; margin:0;}
.box blockquote.comment em span.comTop { width:25px; height:26px; float:left; clear:none; background:url(../images/quote01.gif) top left no-repeat; padding-right:10px; }
.box blockquote.comment em span.comBot { width:25px; height:26px; float:right; clear:none; background:url(../images/quote02.gif) bottom right no-repeat; padding-left:10px; }
.box blockquote.comment em { line-height:18px; margin:0; padding:0; }

.box span.title03 { width:280px; font-weight:bold; color:#333;  font-size:14px; float:left; clear:both; }


.box .date01 { background:#eee; padding:0px 4px; float:left; clear:none; color:#666; line-height:18px; margin-right:5px; margin-bottom:0px; }
.box a.title04 { width:580px; font-weight:bold; color:#333; text-decoration:underline; font-size:13px; float:left; clear:both; margin-bottom:10px; }