/* CSS Document */
-->
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	background-image: url(../../images/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	scrollbar-face-color:#705B1A;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #705B1A;
	scrollbar-darkshadow-color: #705B1A;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	overflow:auto;	
}

.trcolor1 {background-color: #CEA935;}
.trcolor2 {background-color: #E9DBA1;}
.trcolor3{	background-color: #D0D1B1;}


.border1 {
	background-image: url(../../images/bg1.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #ffffff;
}

.border2 {
	background-image: url(../../images/bataviahotel_13.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #ffffff;
}

.border3 {
	background-image: url(../../images/bg3.png);
	background-repeat: no-repeat;
	background-position: left 12px;
	color: #ffffff;
}

.border4 {
	 background-color: #E8E9C5; 
	background-repeat: no-repeat;
	background-position: left 12px;
	color: #393522;font-size: 12px;
}

.border5 {
	background-image: url(../../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #ffffff;
}

.border6 {
	background-image: url(../../images/bg4.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #292609;
	height:30px;
	font-weight: bold;
	line-height: 30px;
}

.border7 {
	background-image: url(../../images/bg5.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #292609;
}


.border7 a:link, .border7 a:visited{color:#5B511F; text-decoration: none;font-weight:bold;}
.border7 a:hover {color: #BC8604;text-decoration: none;font-weight:bold;}

.border8 {
	background-image: url(../../images/bg6.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #292609;
	height:25;
	line-height: 25px;
}
.border8 a:link, .border8 a:visited{color:#5B511F; text-decoration: none;font-weight:bold;}
.border8 a:hover {color: #BC8604;text-decoration: none;font-weight:bold;}

.border9 {
	background-image: url(../../images/bg7.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #292609;
	height:45px;
	font-weight: bold;
	font-size: 13px;
	
}

.border10 {
background-image: url(../../images/bg9b.png);
background-repeat: repeat-y;
background-position: left bottom;
}


.border11 {
	background-image: url(../../images/profilebg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #ffffff;
}

.border12 {
	background-image: url(../../images/bg10.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #292609;
	height:41px;
	font-weight: bold;
	line-height: 25px;
}

.border13 {
	background-image: url(../../images/bg6d.png);
	background-repeat: no-repeat;
	background-position: center center;
		height:80px;
}

.font_link {color: #BC8604;font-weight: bold;}
.font_usual {color: #393522;font-size: 12px;}
.font_usual2 {color: #393522;font-size: 11px;}
.font_titleu {color: #393522;font-size: 12px;font-weight: bold;text-decoration: underline;}
.font_title {color: #393522;font-size: 12px;font-weight: bold;}
.font_title2 {color: #393522;font-size: 11px;font-weight: bold;}
.font_title3 {color: #393522;font-size: 17px;font-weight: bold;text-decoration: none;}
.font_title4 {color: #7D6023;font-size: 17px;font-weight: bold;text-decoration: none;}
.font_title5 {color: #7D6023;font-size: 15px;font-weight: bold;}
.fontorangebig {color: #FBE163;font-size: 13px;font-weight: bold;}
.fontguest {color: #CEA935;font-size: 12px;font-weight: bold;}
.fontwhitebold {color: #ffffff;font-size: 12px;font-weight: bold;}



td.menuon {background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;color: #FFffff;font-weight:bold;cursor: pointer ;font-size: 13px;  }
td.menuoff {background-image: url(../../images/bataviahotel_06.gif);  background-repeat: repeat-x; background-position: left top; background-color:#9E8122;color: #38300B;font-weight:bold;font-size: 13px; }
td.menuoff2 {background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;color: #FBE163;font-weight:bold;font-size: 13px; }

td.menuon3 { background-image: url(../../images/bg6c.png); background-repeat: no-repeat; background-position: left center;color: #A48B34;cursor: pointer ; font-weight:bold; height:25px; }
td.menuoff3 { background-image: url(../../images/bg6b.png); background-repeat: no-repeat; background-position: left center;color: #726D59;height:25px;font-weight:bold; }
td.menuoff4{ background-image: url(../../images/bg6c.png); background-repeat: no-repeat; background-position: left center;color: #705B1A; font-weight:bold; height:25px; }


td.menuon5 {background-color: #EDE9D0;color: #705B1A;font-size: 11px;cursor: pointer ;}
td.menuoff5 {  color: #746D6D;cursor: pointer ;font-size: 11px;  }
td.menuoff6 {background-color: #EDE9D0;color: #705B1A;font-weight:bold;font-size: 11px;}
td.menuoff7 {background-color: #D1D1D1; color: #E87C10;font-weight:bold;font-size: 10px; }
td.menuoff8 {background-color: #D1D1D1; color: #E87C10;font-weight:bold;font-size: 13px; }
td.menuoff9 {background-color: #EAAF74; color: #ffffff; font-weight:bold;font-size: 13px; }


#bottomlink:link, #bottomlink:visited {color: #5B511F;text-decoration: none;}
#bottomlink:hover {color:#BC8604;text-decoration: underline;}

#usuallink:link, #usuallink:visited {color: #BC8604;;text-decoration: underline;}
#usuallink:hover {color:#5B511F; text-decoration: underline;}

#usuallink2:link, #usuallink2:visited {color: #BC8604;font-size: 11px;text-decoration: underline; }
#usuallink2:hover {color:#5B511f;font-size: 11px;text-decoration: underline; }

#usuallink3:link, #usuallink3:visited {color: #DBC040;;text-decoration: underline;}
#usuallink3:hover {color:#ffffff; text-decoration: underline;}

.cont {color: #5B511F;}
.cnt {color: #5B511F;}
.cnt a:link, .cnt a:visited{color:#5B511F; text-decoration: underline;font-weight:bold;}
.cnt a:hover {color: #BC8604;text-decoration: underline;font-weight:bold;}

.imglnk{}
.imglnk a:link , .imglnk a:visited {color:#5B511F; text-decoration: underline;font-size: 11px;}
.imglnk a:hover  {color: #BC8604;text-decoration: underline;font-size: 11px;}
.imglnk a:link img, .imglnk a:visited img{border:1px solid #85762E;}
.imglnk a:hover img {border:1px solid #ccc;	-moz-opacity:0.70;filter:alpha(opacity=70);}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}
	
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	font-size:15px;
    font-family:sans-serif;
    text-decoration:none;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px;
	top:0px;
	z-index:2;
	background-image: url(../../images/sepa3.gif);
	background-repeat: repeat-x;
	}

/* each TR.item is one menu item */
.transMenu .item {
	color: #746D6D;
	font-size:12px;
	text-decoration:none;
	border: none;
	cursor:pointer;
	cursor:hand;
	}

.transMenu .top.items {
	border-top: none;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background-position: left 3px;
	background-image: url(../../images/sepa2.gif);
	-moz-opacity:0.90;
	filter:alpha(opacity=90);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	color:#A38200;
	background-color:#DFD9B3;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:15px;
	background-image: url(../../images/back2.gif);
 	background-repeat: no-repeat;
	background-position: right center;
	}

.transMenu .item.hover img{
	background-image: url(../../images/back1.gif);
 	background-repeat: no-repeat;
	background-position: right center;
	}
	
#menu1 {width:100px;color: #38300B;padding:7px 0px;}
#menu1 a {color: #38300B;padding:7px 19px;text-decoration:none;}
#menu1 a.hover {color:#Ffffff;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}
#menu1 span {display:none;}

#menu1b {width:100px;color: #38300B;padding:7px 0px;}
#menu1b a {padding:7px 19px;text-decoration:none;;color: #FBE163;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}
#menu1b span {display:none;}
	
#menu2 {width:160px;color: #38300B;padding:7px 0px;}
#menu2 a { color: #38300B;padding:7px 19px; text-decoration:none;}	
#menu2 a.hover {color:#FFffff;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}
#menu2 span {display:none;}

#menu2b {width:160px;color: #38300B;padding:7px 0px;}
#menu2b a {padding:7px 19px;text-decoration:none;;color: #FBE163;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}	
#menu2b span {display:none;}

#menu3 {width:90px;color: #38300B;padding:7px 0px;}
#menu3 a { color: #38300B;padding:7px 12px; text-decoration:none;}	
#menu3 a.hover {color:#FFffff;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}
#menu3 span {display:none;}

#menu3b {width:90px;color: #38300B;padding:7px 0px;}
#menu3b a {padding:7px 12px;text-decoration:none;;color: #FBE163;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}	
#menu3b span {display:none;}

#menu4 {width:150px;color: #38300B;padding:7px 0px;}
#menu4 a { color: #38300B;padding:7px 22px; text-decoration:none;}	
#menu4 a.hover {color:#FFffff;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}
#menu4 span {display:none;}

#menu4 {width:150px;color: #38300B;padding:7px 0px;}
#menu4b a {padding:7px 22px;text-decoration:none;;color: #FBE163;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}	
#menu4b span {display:none;}

#menu5 {width:160px;color: #38300B;padding:7px 0px;}
#menu5 a { color: #38300B;padding:7px 23px; text-decoration:none;}	
#menu5 a.hover {color:#FFffff;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}
#menu5 span {display:none;}

#menu5b {width:160px;color: #38300B;padding:7px 0px;}
#menu5b a {padding:7px 23px;text-decoration:none;;color: #FBE163;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}	
#menu5b span {display:none;}

#menu6 {width:126px;color: #38300B;padding:7px 0px;}
#menu6 a { color: #38300B;padding:7px 29px; text-decoration:none;}	
#menu6 a.hover {color:#FFffff;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}
#menu6 span {display:none;}

#menu6b {width:126px;color: #38300B;padding:7px 0px;}
#menu6b a {padding:7px 29px;text-decoration:none;;color: #FBE163;background-image: url(../../images/bataviahotel_06b.gif);  background-repeat: repeat-x; background-position: left top; background-color:#705B1A;}	
#menu6b span {display:none;}