/* CSS MAIN */


/* Default Links */
a:link
{
	color: #7B7B7B; 
}
a:visited
{
	color: #7B7B7B;
} 
a:active 
{
	color:#585858;
}

a:hover
{
	color:#1E90FF;
	font-weight:bold;
}




/* 
--------------------------------------------------------------
     *** Body 
--------------------------------------------------------------
*/
body {
 background-color:#b8c6db;
 background-image: url(back02.jpg);
 background-repeat: no-repeat;
 background-position: top center;
 background-attachment: fixed;
 margin-bottom: 2px;
 margin: 0;
 padding: 0;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 0.7em;
}


div#wrapper {
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	top: 80px; 
	width:930px;
  	 
}




/*
----------------------------------------------------------
  Style for main table
 ----------------------------------------------------------   
*/

.MainTable {
width  : 100%;
	height : 100%;
 float  : left;
 background-color : white;	 
}

.MainTableLeftCol {
 width : 300px;
	border-color: #777;
	border-style: solid;
	border-width: 1px;
 vertical-align : top;
}
.MainTableRightCol {
 width : 600px;
 border-color: #777;
	border-style: solid;
	border-width: 1px;
 vertical-align : top;
}

.RightColMenuRow {
 width : 600px;
 background-color : #198DFF;
}

/*************************************************************************/
/*                Class for footer table /*
/*************************************************************************/   
.FooterTable {
width  : 100%;
height : 100%;
float  : left;
background-color : white;	 
}

.FooterTableLeftCol {
width : 300px;
border-color: #777;
border-style: solid;
border-width: 1px;
vertical-align : top;
}
.FooterTableRightCol {
 width : 600px;
 border-color: #777;
 border-style: solid;
 border-width: 1px;
 vertical-align : top;
}

/******************************************************************************/
/*                  styles in footer */
/******************************************************************************/
.Footer {
	margin-left : 50px;
	margin-right : 50px;
	padding-top : 3px;
	font-size:x-small;
	font-weight: bold;
	text-align:center;
	color:gray;
}


#HotelName p{
 background-color : White;
 font-family:Arial, Helvetica, sans-serif;
 font-size :0.9em;
}


#HotelAddress p{
 background-color : White;
 vertical-align : top;
 font-family:Arial, Helvetica, sans-serif;
 font-size :1.0em;
 margin : 0px;
 padding-top : 1px;

}


/*---------------------------------------------------------------------------
  Styles in the main cotent Aera
-----------------------------------------------------------------------------*/

#page_content {
 float:left;
 width:600px;
 margin-left: 0px;
 padding:4px;
 background:#fff;
 height:100%;
 min-height:100%;
}

#para p{
 margin-top:3px;
 margin-bottom:6px;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 line-height:1.3em

}

#para h4 {
 margin-top:0px;
 margin-bottom:10px;
 color:#666666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.3em;
 letter-spacing:0.1em;
 
 border-bottom:1px silver solid;
 line-height:1.5em
}

#para h2 {
 margin-top:0px;
 margin-bottom:10px;
 color:#0F371F;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.3em;
 letter-spacing:0.1em;
 text-align :center; 
 border-bottom:1px silver solid;
 line-height:1.5em
}

#para h1 {
 margin-top:0px;
 padding-top:0px;
 margin-bottom:5px;
 color:#000099;
 font-family:Arial, Helvetica, sans-serif;
 font-size:2.2em;
 letter-spacing:0.2em;
 
}


#para .parainfobanner1 {

 background-color:#ddd;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:100px;
 margin-right:100px;

 color:black;
 border-bottom:2px black solid;
 border-top:2px black solid; 
 text-align:center;
 float:none;
 font-size:0.8em;
}  


#para .parainfobannerhl {

 background-color:orange;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:5px;
 margin-right:5px;
width : 260px;
 font-weight:bold;

 color:black;
 border-bottom:2px black solid;
 border-top:2px black solid; 
 text-align:center;
 float:left;
 font-size:0.9em;
}  

#para h5 {
 margin-top:0px;
 margin-bottom:10px;
 color:white;
 background-color:#888;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.5em;
 border-bottom:1px black solid;
}


.h7 {
 margin-top:0px;
 margin-bottom:10px;
 padding-top:5px;
 padding-bottom:5px;
 color:white;
  font-weight:bolder;
 background-color:red;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.7em;
 border-bottom:1px Red solid;
}


#para h3 {
 padding-left:15px;
 padding-top:5px;
 padding-bottom:5px;
 margin-top:20px;
 margin-bottom:5px;
 margin-right:20px;
 margin-left:20px;
 background-color:#DCDCDC;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 border-bottom:1px black solid;
 clear:both;
}

#para h6 {
 padding-left:10px;
 padding-top:1px;
 padding-bottom:1px;
 margin-top:1px;
 margin-bottom:1px;
 margin-right:1px;
 margin-left:1px;
 background-color:orange;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 border-bottom:1px black solid;
 clear:both;
}


#para h7 {
 padding-left:15px;
 padding-top:5px;
 padding-bottom:5px;
 margin-top:20px;
 margin-bottom:5px;
 margin-right:20px;
 margin-left:20px;
 background-color:#DCDCDC;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 border-bottom:1px black solid;
 text-align:center;
 clear:both;
}

#para .p3 {
 margin-right:25px;
 margin-left:25px;
 font-size:1.2em;
}

/*-----------------------------------------------------------------
  Left banner
------------------------------------------------------------------*/

.ba-580x100 {
  margin: 0px 18px 0px 0px;
  background-color: white;
  width: 580px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;
}





#mastheadLeft1 {
	width: 298px;
}


#mastheadLeft1 p {
  margin: 0px 0px 0px 10px;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1.1em;
}


#mastheadLeft2 {
	width: 298px;
}


#mastheadLeft2 p {
  margin: 0px 0px 0px 10px;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1.1em;
}



/*-----------------------------------------------------------------
  Left banner
------------------------------------------------------------------*/

.LeftBannerPic {
  margin: 0px 8px 0px 0px;
  background-color: white;
  width: 280px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;
}

.LeftBannerPic2 {
  margin: 0px 0px 0px 0px;
  background-color: white;
  width: 280px;
}



/*
  footertable
*/

.footertable{
 background-color:gray; 
 color:black;
 }

.footertable table {
	border:1px solid #aaa;
	border-collapse:collapse;
	font-family:arial, helvetica, sans-serif; 
	font-size:1.0em;
	width:898px;
}
.footertable td,th{
	border:1px solid #000;
	border-collapse:collapse;
	padding-top:3px;
	padding-bottom:3px;
	
}	

footertable fn, dp, ar, to {
 width:92px;
}

footertable fr {width:92px;
}

.footertable caption{

	background:#198DFF;
	font-size:1.6em;
	border:1px solid #000;
	border-bottom:none;
	padding:5px;
	text-align:center;
}
.footertable thead th{
	background:#fff;
}
.footertable tbody th{
	text-align:left;
	background:#69c;
}
.footertable tfoot td{
 padding-left:0px;
	text-align:Left;
	font-size:0.8em;
	font-weight:normal;
	background:#EEE;
}
.footertable tbody td{
	background:#999;	
}

.footertable tbody tr.odd td{
	background:#eee;
	}
.footertable tbody tr.even td{
	background:#ddd;
	}


/* ================================================================ 
   HotelMenu on the left side
=================================================================== */

#hotelmenu {
 margin:0px 0px 0px 0px;
	width: 296px;
	text-align:left;
	font-size:1.0em;
	vertical-align:top;
	background-color: #198DFF;
	font-family:verdana, helvetica, sans-serif
}

.hotelactive {
	background-color: #FFB65B;
}


#hotelmenu ul {
 font-size:1.1em;
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#hotelmenu li {
	display: block;
	border: 1px solid #D8D7CB;
}
#hotelmenu a {
  padding-top:5px;
  padding-bottom:2px;
  padding-left:8px;

	text-decoration: none;
	font-weight:bold;
	color :White;
	display: block;
 /* padding:0px 0px 0px 5px;*/
	margin:0;
	border-bottom: 1px solid #D8D7CB;
}

#hotelmenu a:hover {
	color: #000000;
	text-decoration: none;
	border: 1px solid #E76709;
	background-color: #EA8C00;
}


/* ================================================================ 
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:594px; 
  height:26px; 
  font-size:0.85em; 
  position:relative; 
  z-index:100;
  border-right: 1px solid #000;
  }


/* hack to correct IE5.5 faulty box model */
* html .menu {
  width:496px; 
  w\idth:600px;
}

/* 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:99px;}

/* 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:99px;
 position:relative;
 }


/* style the links for the top level */
.menu a, .menu a:visited {
  display:block;
  font-family:verdana, helvetica, sans-serif;
  font-size:1em; /* hh */
  text-decoration:none; 
  color:#fff; /* fff Font color of the main menu not hoover */
  width:94px; 
  height:24px; 
  border:1px solid #000; 
  border-width:1px 0 1px 1px; 
  background:#198dff;  /* xx #758279  */  
  padding-left:4px; 
  line-height:24px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
 width:99px; w\idth:94px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background:#aad5ff url(drop.gif) bottom right no-repeat; /* #d4d8bd background color for 2nd-level that have 3rd-level  */
  }

/* style the second level hover */
.menu ul ul a.drop:hover{
       background:#ff6600 url(drop.gif) bottom right no-repeat; /* #c9ba65 backgorund  hover color for 3rd-level */
       } /* hhh */

.menu ul ul :hover > a.drop {
  background:#ff6600 url(drop.gif) bottom right no-repeat; /* #c9ba65 backgroun hover color for sub menues that have secomd menu*/
  }

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
       background:#daedfe; /* #e2dfa8 3rd-level background */
       }

/* style the third level hover */
.menu ul ul ul a:hover {
  background:#fbc584; /* #e2dfa8 3rd-level background hover */
  }


/* 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:25px;
  left:0; 
  width:99px;
  border-top:1px solid #000;
  }
/* another hack for IE5.5 */
* html .menu ul ul {
  top:24px;
  t\op:25px;
  }

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

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

/* 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:#99ccff;  /* xx #d4d8bd */ 
  color:#000; 
  height:auto; 
  line-height:1.1em; 
  padding:5px 10px; 
  width:78px;
  border-width:0 1px 1px 1px;}
  
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
  width :100px;
  w\idth:78px; /* hhh */
  }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
  color:#000; 
  background:#ff8c00; /* #949e7c NOT SHOWING */
  font-weight:normal;
  }

.menu :hover > a, .menu ul ul :hover > a {
  color:#000;
  background:#ff8c00; /*++ #949e7c */
  }

/* 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;}


/* ================================================================ 
   Room reservation order on the left side
=================================================================== */

.resForm {
  width: 210px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  float: left;
  color: black;
}

.resDiv{
  width: 210px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  height : 25px;
  float:left  
}


.resDropdownSmall {
  width: 49px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  background-color:#EBE7DE
}

.resDropdownWide {
  width: 155px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  background-color:#EBE7DE
}

.resButtoms {
  width: 155px;
  height: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small; 
  color:#62563C;
}

.ordercell {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.7em;
  text-align:center;
  padding-bottom:7px;
  padding-top:7px;
  font-weight:bold;
  letter-spacing:0.2em;
  line-height:1.6em;
  }


.OrderTable{
	background: transparent url(rond.jpg) 100% 0;
 }

.ordercellhb {
  background:white;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.8em;
  text-align:center;
  padding-bottom:7px;
  padding-top:7px;
  font-weight:bold;
  width : 294px;
  
  }
    .


/*=============================================================
  Pricelist table
==============================================================*/

.pricetable{
 background-color:green; 
 
 }


.pricetable table {
	border:1px solid #aaa;
	border-collapse:collapse;
	font-family:verdana, helvetica, sans-serif; 
	font-size:1.0em;
	width:600px;
}
.pricetable td,th{
	border:1px solid #000;
	border-collapse:collapse;
	padding-top:3px;
	padding-bottom:3px;
	
}	

.fn,.dp,.ar,.to {
 width:90px;
}

.fr {width:200px;
}

.pricetable caption{
	background:#FF9933;
	font-size:1.6em;
	border:1px solid #000;
	border-bottom:none;
	padding:5px;
	text-align:left;
}
.pricetable thead th{
	background:#FFC488;
}
.pricetable tbody th{
	text-align:left;
	background:#69c;
}
.pricetable tfoot td{
  padding-left:10px;
	text-align:Left;
	font-size:0.8em;
	font-weight:normal;
	background:#EEE;
}
.pricetable tbody td{
	background:#999;	
}
.pricetable tbody tr.odd td{
	background:#C7DFF8;
	}
.pricetable tbody tr.even td{
	background:#FFF;
	}

/**   **/

.mc-leftpic {
  margin: 0px 10px 10px 20px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;
  

}

.mc-leftpicM0 {
  margin: 0px 10px 10px 0px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em; 
}

.mc-leftpic280 {
  margin: 0px 10px 0px 20px;
  background-color: white;
  width: 280px;
  height: 250px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}

.mc-leftpich_h280 {
  margin: 0px 10px 0px 20px;
  background-color: white;
  width: 175px;
  height: 280px;
  float:left;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}

.mc-rightpic {
  margin: 0px 20px 0px 10px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}

.mc-rightpicM0 {
  margin: 0px 0px 0px 10px;
  background-color: white;
  width: 175px;
  height: 165px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;

}


.mc-rightpic280 {
  margin: 0px 20px 0px 10px;
  background-color: white;
  width: 300px;
  height: 413px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;
}

.mc-rightpic280C {
  margin: 0px 0px 0px 20px;
  background-color: white;
  width: 300px;
  height: 291px;
  float:right;
  color:black;
  font-family:"Times New Roman", Times, serif;
  font-size:1em;
  border-bottom:1px silver solid;
  font-style:italic;
  letter-spacing:0.2em;
}





/**********************************************************************************/
/* Frames the roadnumber in texts */
/**********************************************************************************/

.RoadFrame {
 background-color :Yellow;
	border-style: solid;
	border-width: 1px;
	border-color: #777;
	font-size : 0.8em;
 padding-right : 3px;
 padding-left : 3px;
 font-weight : bolder;
 
}

.rcPicture p { 
 margin-top:1px;
 margin-bottom:25px;
 color:black;
 font-family:"Times New Roman", Times, serif;
 font-size:0.8em;
 border-bottom:1px silver solid;
 font-style:italic;
}  

.roadsigns {
  width : 140px;
}

/*********************************************************************************************/
/*                                 New in version 3 of the web                               */
/*********************************************************************************************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowgreen{
	width: 285px; /*width of menu*/
	margin-left : 5px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(arrowblue.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #305478;
}

.arrowgreen li a:hover{
	color: #0a2c37;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #0a2037;
	background-position: 100% -64px;
}




/*******************************************************************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 1px; /*offset of first tab relative to page left edge*/
padding: 0;
 height:32px;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

/*******************************************************************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#cfnavbar{
margin: 0;
padding: 0;
}

#cfnavbar ul{
background: url(bgblue2.gif) bottom center repeat-x;
padding-left: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}

* html #cfnavbar ul{ /*IE only rule. Add extra margin-bottom*/
margin-bottom: 1em;
}

#cfnavbar ul li{
display: inline;
}


#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 7px 13px 8px 6px;
text-decoration: none;
background: url(dividerblue2.gif) bottom right no-repeat;
}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}


#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(leftcornerblue2.gif) bottom left no-repeat;
}

#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(rightcornerblue2.gif) bottom right no-repeat;
}

#cfnavbar ul li a:hover{
text-decoration: underline;
}


/*******************************************************************/


.tabsline{
clear: both;
padding: 0;
width: 500;
height: 2px;
line-height: 2px;
background: navy;
border-top: 0px solid #fff; /*Remove this to remove border between bar and tabs*/
}