/* CSS Document */

body {
margin:40px 0;
background :#393A35 url(../images/img1.gif) repeat-x;
background-color:#3F4235;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#BABABA;
}

#container {
margin:0 auto;
width:840px;
border:1px solid #6F6E6E;
background-color:#201F1F;
color:#FFFFFF;
background :url(../images/bg.gif) repeat-y;
}

#header {
height:90px;
background-color:#555947;
}

#intro_r {
float:right; 
width:635px;
height:180px;
background-color:yellow;
border-left:5px solid #000000;
border-bottom:1px solid #000000;
}

#intro {
width: 199px;
height:174px;
background-color:#201F1F;
border-right:1px solid #6F6E6E;
border-bottom:1px solid #6F6E6E;
}

#content_r {
float:right; 
width:629px;
min-height:369px;
background-color:#201F1F;
text-align:justify;
border-left:5px solid #000000;
padding-left:3px;
padding-right:3px;
font-size:12px;
}

#content {
width:169px;
height:335px;
background-color:#393A35;
padding:14px 20px 20px 10px;

}

#content ul {
margin:0;
padding:0;
list-style:none;
}

#content li {
margin:0 0 20px 0;
padding:10px 0 0 0;
border-top:1px dotted #000000;
}

#footer {
clear:both;
height:25px;
background-color:#555947;
border-top:5px solid #000000;
text-align:center;
padding-top:7px;
}

#menu {
width:635px;
float:right;
height:90px;
background-color:#201F1F;
border-left:5px solid #000000;
border-bottom:1px solid #6F6E6E;
}

/*Menu class for Reservation*/

#res_menu {
width:635px;
float:right;
height:90px;
background-color:#201F1F;
border-left:5px solid #000000;
border-bottom:1px solid #6F6E6E;
}

#logo {
width: 199px;
height:89px;
background-color:#393A35;
background-image:url(../images/logo4.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #6F6E6E;
border-right:1px solid #6F6E6E;
background-position:center;
}

/*Menu*/

#flag {
width: 25px;
margin:0px;
margin-left:610px;
margin-top: 4px;
height:30px;
}

.my_menu {

margin:0px;
margin-left:20px;
height:30px;
border-bottom:1px solid gray;
}

.my_menu ul{
height:20px;
padding:0;
margin-left:0;
margin-bottom:0;
font: bold 9px Verdana;
list-style-type: none;
text-align:right; 

}

.my_menu li{
display:inline;
float:right;
}

.my_menu li a{
text-decoration: none;
padding:3px 7px;
margin-right:3px;
border: 1px solid #778;
color:#2d2b2b;
background:white url(../images/shade.gif) top left repeat-x;
zoom:1;
}

.my_menu li.selected a{ 
background-image:url(../images/shadeactive.gif);
border-bottom-color:white;
}

.my_menu li.selected a:hover{ 
text-decoration:none;
}

/* End of Menu */

/* Links */

a:link {
color:#F7F4CB;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
}

a:visited {
color:#F7F4CB;
text-decoration:none;
}

/* End of Links */

.span {
font-size:13px;
font-weight:bold;
color:#FFFFFF;
}

#navlist li
{
display: inline;

}

#navlist
{
width: 199px;
/* to display the list horizontaly */
font-family: sans-serif;
margin: 0 0 0 0em;
padding: 0;
border-bottom:1px #6F6E6E solid;
}

#navlist a
{

display: block;
background-color: #201F1F;
border-bottom: 1px #6F6E6E solid;
text-align: left;
padding: 0.5em 0.3em;
text-decoration: none;
font: 11px Verdana, sans-serif;
color: #FFFFFF;

}

#navlist a:hover { 
background-color:#F7F4CB; 
color:#201F1F;
border-bottom:1px #EFECDC solid;
}

ul#navlist li#active a
{
background-color:#F7F4CB; 
color:#2C2623;
border-bottom:1px #EFECDC solid;
}