/* ------------------------------------ *
    CSS document: bangkok-city.css
    Create date: 18-07-2006
    Date last changed: 14-08-2006
    Version: 0.0.4
    Copyright: JalaSystems B.V.
 * ------------------------------------ */

body {
  margin : 4px; padding: 0px;
  font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;   font-weight: normal;
  width : auto;
  background-color: #DBDAD2; color: #000000;
}

a {
  color : black;
  font-size: 12px;  font-family: Geneva, Helvetica, Arial, Times, Georgia, Swiss, SunSans-Regular, sans-serif; text-decoration: underline;   font-weight: normal;
}

a:hover {
  color: #FF8000;
  font-weight: normal;
  font-size: 12px;
}
img, img a, img a:hover {
 border : 0px solid #000000;
}
h1 {
  font-size: 14px;
  text-indent:      1px;
  color:            #FFB820;                /* YELLOW */
}
h2 { color: #FFB820;  font-size: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular, sans-serif }
h3 { color: #FFB820; font-size: 11px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular, sans-serif }
h4 { color: #FFB820; font-size: 10px; font-style: normal; font-weight: lighter; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular, sans-serif }

table {
 border  : 0px solid #000000;
 width   : 100%;
 margin  : 0px;
 padding : 0px;
}
td {
  font-size: 12px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
  BACKGROUND-COLOR: white;
  vertical-align: top;
  margin-left:          5px;
}
tr {
  margin  : 0px;
  padding : 0px;
}
.content li, .content li a, .content li a:visited {
   margin-left: 1.2em;
   list-style-type: circle;
   color : #000000;
   text-decoration : none;
}
.sitemap li a:hover {
 text-decoration : underline;
}

.main {
  width   : 795px;
  margin-left: auto; margin-right: auto;
  padding : 0px;
  border-spacing: 0px;
  border : 1px solid #C0C0C0;
}
.header {
 background: url(images/bangkok-city.header.top.jpg) #FFFFFF no-repeat center;
 height: 226px;
}
.header-menu {
  vertical-align: top;
  text-align : right;
}
.menu-header, .menu-header a, .header-menu, .header-menu a {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
}
.footer {
  text-align : left;
}
.footer-top {
 background: url(images/bangkok-city.footer.top.jpg) #FFFFFF no-repeat;
 height : 109px;
 border : 0px solid #000000;
}
.footer-middle {
}
.footer-middle-1 {
 background: url(images/bangkok-city.footer.middle.1.jpg) #FFFFFF no-repeat;
 height : 25px;
 width : 226px;
 color:              #FFFFFF;
 text-decoration:    none;
 text-indent:        5px;
 text-align : center;
}
.footer-middle-1 a, .footer-middle-1 a:link, .footer-middle-1 a:visited {
    color:              #FFB820;
    text-decoration:    none;
    text-indent:        5px;
}

.footer-middle-1 a:hover {
    color:              #FFB820;
    text-decoration:    underline;
    text-indent:        5px;
}

.footer-middle-3 {
 background: url(images/bangkok-city.footer.middle.3.jpg) #FFFFFF no-repeat;
 height : 25px;
 width : 25px;
}
.footer-bottom {
 background: url(images/bangkok-city.footer.bottom.jpg) #DBDAD2 no-repeat;
 height : 8px;

}
.menu-footer {
  vertical-align: middle;
  text-align : center;
}

.copyright  {
 color:              #FFFFFF;
 text-decoration:    none;
 text-indent:        5px;
 text-align : center;
 background: url(images/bangkok-city.footer.middle.2.jpg) #FFFFFF no-repeat;
 height : 25px;
 width : 544px;
}

.copyright a, .copyright a:link, .copyright a:visited {
    color:              #FFB820;
    text-decoration:    none;
    text-indent:        5px;
}

.copyright a:hover {
    color:              #FFB820;
    text-decoration:    underline;
    text-indent:        5px;
}

.sub {

}
.content-left {
  background : url(images/bangkok-city.content.left.jpg) #23201A repeat;
  width : 226px;
  vertical-align: top;
 border  : 0px solid #000000;

}
.content-left-top {
  background : url(images/bangkok-city.header.bottom.jpg) #FFFFFF no-repeat;
  height : 83px;
  width : 226px;
}
.content {
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    border :            0px solid;
    color:              black;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    background:         #FFFFFF;
    margin-right : 10px;
}
.content a {
    color:              #FFB820;
    text-decoration:    none;
    text-indent:        5px;
}

.content a:hover {
    color:              #FFB820;
    text-decoration:    underline;
    text-indent:        5px;
}

.content-right {
  width : 25px;
   vertical-align : top;
   background-color : #FFFFFF;
}
.content-tools, .menu-tools, .menu-tools a {
  vertical-align: bottom;
  background-color : #C000FF;
}
.content-sub {
  padding : 0px;
  margin : 0px;
  background-color : #221F1A;
  border : 0px;
}
.content-tagline {
  background-color : #DEDEDE;

}
.breadcrumb, .breadcrumb a, .breadcrumb a:visited, .breadcrumb a:link {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
}
 .breadcrumb a:hover {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: underline;
}

#menu-vertical {
 width : 201px;
}
#menu-vertical ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu-vertical li{
  margin: 0;
  padding: 0px;
  font-family: verdana;
  width: 100%;
     list-style-type: none;
   margin-left: 0px;
}

.menu-vertical-level1-no, .menu-vertical-level1-no a {
  background-color: #FFB820;
  color: #FFFFFF;   font-weight: normal;
}
.menu-vertical-level1-act, .menu-vertical-level1-act a {
  background-color: #FFB820;
  color: #4D4634;    font-weight: bold;
}
.menu-vertical-level1-cur, .menu-vertical-level1-cur a {
  background-color: #FFB820;
  color: #4D4634;    font-weight: bold;
}
.menu-vertical-level1-actifsub, .menu-vertical-level1-actifsub a {
  background-color: #FFB820;
  color: #4D4634;     font-weight: bold;
}
.menu-vertical-level2-no, .menu-vertical-level2-no a {
  background-color: #4D4634;
  color: #FFFFFF;   font-weight: normal;
}
.menu-vertical-level2-act, .menu-vertical-level2-act a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}
.menu-vertical-level2-cur, .menu-vertical-level2-cur a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}
.menu-vertical-level2-actifsub, .menu-vertical-level2-actifsub a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}

.menu-vertical-level3-no, .menu-vertical-level3-no a {
  background-color: #4D4634;
  color: #FFFFFF;   font-weight: normal;
}
.menu-vertical-level3-act, .menu-vertical-level3-act a {
  background-color: #4D4634;
  color: #FFB820;    font-weight: bold;
}
.menu-vertical-level3-cur, .menu-vertical-level3-cur a {
  background-color: #4D4634;
  color: #FFB820;    font-weight: bold;
}
.menu-vertical-level3-actifsub, .menu-vertical-level3-actifsub a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}

#menu-vertical li a{
  display: block;
  text-decoration: none;
  padding: 4px 5px 4px 5px;
  border-top: 1px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 1px solid #4D4634;
  border-left: 0px solid #FFF;
  font-size: 16px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

#menu-vertical li a:link, #menu-vertical li a:visited{
  font-weight: bold;
}

#menu-vertical li a:hover, #menu-vertical li a:active{
  background: #595240;
  color: #FFB820;
  font-weight: bold;
}

#menu-vertical li li {
  margin: 0;
  padding: 0px;
  font-family: verdana;
  border-top: 0px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;

}
#menu-vertical li li a{
  padding: 4px 5px 4px 20px;
  font-size: 12px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-weight: normal;
}

#menu-vertical li li a:link, #menu-vertical li li a:visited{
/*
  background: #FF8000;
  color: #FFFFFF;
*/
  border-top: 0px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;

   font-weight: normal;
}

#menu-vertical li li a:hover, #menu-vertical li li a:active{
  background: #595240;
  color: #FFB820;
    font-weight: normal;
}

#menu-vertical ul ul{
  margin: 0 0 0 0px;
  border-top: 1px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 1px solid #FEB660;
  border-left: 0px solid #FFF;
}

#menu-vertical li li li {
  margin: 0;
  padding: 0px;
  font-family: verdana;
}
#menu-vertical li li li a{
  padding: 4px 5px 4px 35px;
}

#menu-vertical li li li a:link, #menu-vertical li li li a:visited{

}

#menu-vertical li li li a:hover, #menu-vertical li li li a:active{
  background: #595240;
  color: #FFB820;
}
#menu-vertical ul ul ul{
  margin: 0 0 0 0px;
  border-top: 0px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;

}