/* Basil Thia Style */

/*Author DJC*/

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background:url(images/bg.jpg) repeat-x; background-color:#420000;}


.clear {clear:both;}
p {text-align:justify;}

#wrapper {width:990px; height:auto; margin:0px auto;}
#header {width:990px; height:355px; background:url(images/header.jpg) no-repeat;}
#header .lft {width:300px; height:auto; float:left; margin-left:30px; margin-top:20px;}
#header .nav {width:560px; height:35px; float:right; margin-right:30px; margin-top:29px;}

#header .nav  ul {width:auto; height:35px; list-style:none; margin-bottom:10px;}
#header .nav  li {float:left; margin:0px; padding:0px;}

#header .nav  ul li.nav-about { background:url(images/nav-about.jpg) top no-repeat; height: 35px; width: 161px; margin-right:10px; }
#header .nav  ul li.nav-about a { display: block; height: 35px; width: 161px; text-decoration:none; }
#header .nav  ul li.nav-about a:hover { background:url(images/nav-about-hover.jpg) bottom no-repeat; height: 35px; width: 161px; text-decoration:none;}
#header .nav ul li.selected-about { background:url(images/nav-about-hover.jpg) bottom no-repeat; height: 35px; width: 161px; text-decoration:none;}

#header .nav  ul li.nav-menu { background:url(images/nav-menu.jpg) top no-repeat; height: 35px; width: 161px; margin-right:10px;}
#header .nav  ul li.nav-menu a { display: block; height: 35px; width: 161px; text-decoration:none; }
#header .nav  ul li.nav-menu a:hover { background:url(images/nav-menu-hover.jpg) bottom no-repeat; height: 35px; width: 161px; text-decoration:none;}
#header .nav ul li.selected-menu  { background:url(images/nav-menu-hover.jpg) bottom no-repeat; height: 35px; width: 161px; text-decoration:none;}

#header .nav  ul li.nav-contact { background:url(images/nav-contact.jpg) top no-repeat; height: 35px; width: 161px; }
#header .nav  ul li.nav-contact a { display: block; height: 35px; width: 161px; text-decoration:none; }
#header .nav  ul li.nav-contact a:hover { background:url(images/nav-contact-hover.jpg) bottom no-repeat; height: 35px; width: 161px; text-decoration:none;}
#header .nav ul li.selected-contact { background:url(images/nav-contact-hover.jpg) bottom no-repeat; height: 35px; width: 161px; text-decoration:none;}

#header .flaban {width:533px; height:223px; float:right; margin-right:45px; margin-top:25px;}

#header .nav  ul li a span {visibility:hidden;}

#mainbody {width:990px; height:auto; background:url(images/body.jpg) no-repeat; overflow:auto;}
#leftpanel {width:650px; height:auto; float:left; margin-left:20px; margin-top:10px;}
#rightpanel {width:262px; height:auto; float:right; margin-right:20px;}
#rightpanel .cnt {width:247px; height:auto;}
#rightpanel .top {width:247px; height:59px; background:url(images/rhttop.jpg) no-repeat;}
#rightpanel .bdy {width:247px; height:auto; background:url(images/rhtbody.jpg) repeat-y;}
#rightpanel .txt {width:210px; height:auto; margin:0px auto; color:#fff; padding-bottom:10px;}
#rightpanel .txt img {border:4px solid #660000; margin:0px auto; margin-bottom:10px;}

#menu {width:650px; height:auto;}
#menu .tbl {width:650px; height:auto; border:1px solid #bb5d02; margin-bottom:20px;}
#menu .th {width:auto; height:auto; padding:5px; background-color:#bb5c00; color:#fff;}
#menu .tr {width:auto; height:auto; padding-bottom:10px; overflow:auto; padding:5px; background-color:#360000; border-bottom:1px solid #bb5c00;}
#menu .tr a {color:#fff;}
#menu .th .rht {width:100px; height:auto; float:right;}
#menu .th .rht .td01 {width:50px; height:auto; text-align:center; float:left;}
#menu .td01 {width:520px; height:auto; float:left;}
#menu .td02 {width:50px; height:auto; float:left; text-align:right;}
#menu .td03 {width:50px; height:auto; float:left; text-align:right;}

#contact {width:50px; height:auto; float:left; text-align:right;}

#contactmn {width:500px; height:auto; margin:0px auto; }

#contactmn img {margin-bottom:20px;}

#contactimage {width:600px; height:444px; background:url(images/contact.png) no-repeat; margin:0px auto;}

#location {width:500px; height:500px; background:url(images/map.jpg) no-repeat; margin:0px auto; margin-bottom:20px; border:5px solid #000;}

#footerbg {width:100%; height:87px; background:url(images/footerbg.jpg) repeat-x;}
#footer {width:990px; height:auto; margin:0px auto; padding-top:50px;}
#footer .nav {width:400px; height:auto; float:left; margin-left:10px;}
#footer .nav ul {list-style:none; padding:0px; margin:0px;}
#footer .nav li {float:left;}
#footer .nav li a {display:inline; padding-left:10px; padding-right:10px; text-align:center; color:#fff; text-decoration:none; font-size:11px;}
#footer .nav li a:hover {text-decoration:underline;}

#footer .rht {width:350px; height:auto; float:right; text-align:right; margin-right:10px; font-size:11px;}
#footer .rht a {color:#fff;}