/***BASIC LAYOUT FOR BANTAN TEMPLATE***/
body {
	SCROLLBAR-FACE-COLOR: #FFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFF;
	SCROLLBAR-SHADOW-COLOR: #FFF;
	SCROLLBAR-3DLIGHT-COLOR: #CACACA;
	SCROLLBAR-ARROW-COLOR: #CACACA;
	SCROLLBAR-TRACK-COLOR: #F2F2F2;
	SCROLLBAR-DARKSHADOW-COLOR: #CACACA;
	}
#bantan {
     /*background: #eee transparent url(../images/bg.gif) ;*/
     margin: 0;
     background: #FFF;
 }
 #top{
  width: 850px !important ;
  height: 33 px ;
  background: transparent url(../images/top.png) repeat-x top center ;
 }
#bg_top{
  /*background: transparent url(../images/bg_top.png) repeat-x top center ;*/
background: #DDE7F5;
  }
  #latestnews_bg{
  background: transparent url(../images/bg01_03.png) repeat-x top center ;
  }
  #latest_bg{
  width: 500 px !important ;
  background: transparent url(../images/bg01_05.png) repeat-y top center ;
  }
#menu{
  width: 850px !important ;
  height: 39 px ;
  background: transparent url(../images/menu.png) no-repeat top center ;
}
#allcontent {
   width: 900px !important ;
   position: center;
   background: url(../images/all_bg.gif) repeat-y top center;
}
.banner {
   max-width: 850px !important ;
   height: 110 px ; 
}
.top_menu {
   max-width: 850px !important ;
   height: 20 px ;
   background: url(../images/search_bg.gif) no-repeat top center;  
}
#left_col {
   height: auto ;
   margin: 0px ;  
   padding-right : 0px ;
   overflow: hidden ;
   background: url(../images/menubg_left.png) repeat-y top center; 
   
}
.left_mod {
 width: 160 px !important ;
 height: auto ;
 margin: 0px ;  
 padding-left : 5px ;
 text-align: left;
 padding-right : 5px ;
 overflow: hidden ;
 
 }
#right_col {
   height: auto ;
   margin: 0px ;  
   padding-right : 0px ;
   overflow: hidden ;
   background: url(../images/menubg_right.png) repeat-y top center; 
   
   }
#right_mod {
 width: 160 px !important ;
 height: auto ;
 margin: 0px ;  
 padding-left : 5px ;
 padding-right : 5px ;
 overflow: hidden ;
}
#rotater {
width: 450 px !important ;
 height: 80 px ;
 margin: 0px ;  
 overflow: hidden ;
}
#content {
   position: middle;
   width: 520px !important ;
   margin-left: 5px;
   margin-right: 5px ;
   margin-top: 0px ;
  overflow: hidden ;
   word-wrap:break-word;
   }
#footer {
   /*background: transparent url(../images/footer.gif) no-repeat top center ;*/
   background: #006699;
   max-width: 850px ;
   height: 80 px ;
   overflow: hidden ;
   margin: 0px ;
}
/***** CSS FOR MAMBO/JOOMLA ******/
.pathway {
	padding-left    : 5px;
	border: 0;
	color: #313131;
	font-family: Arial;
	
}

a.pathway:link, a.pathway:visited {
	color: #313131;
	font-size: 11px;
	line-height: 18px;
	font-family: Arial;
}
a.pathway:hover {
	color: #313131;
	font-family: Arial;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
.pagenav
{
	font-size:12px;
	font-weight:normal;
}
.componentheading
{
	height: 14px;
	margin-left:2px;
	padding-left:0px;
	color: #666;
	text-align: left;
	white-space: wrap;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}

a.toclink:link, a.toclink:visited
{
	line-height:normal;
	font-size:11px;
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}

a.toclink:hover
{
	text-decoration: none;
}

table.contenttoc {
	border: 1px solid #666;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}


table.contenttoc th {
	background: #0099FF;
	color: #fff;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}
  /** latest news module css **/
   .latestnews  {
	font-size        : 12px;
	text-align       : left;
}
.latestnews ul
{
	margin: 5;
	padding-top: 0;
	list-style: none;
}
.latestnews li
{
	line-height: 15px;
	padding-left: 30px;
	padding-top: 3px;
	background-image: url(../images/latestnews.gif) ;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	}

	/**botton**/
.button {
    margin: 0px ;
	background-color: #F0F0F0;
    border:1px solid #CACACA;
	color: #666;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 11px;
}

.sectiontableheader {
	background: #F0F0F0;
	height: 20 px;
    padding-left: 10px;
	padding-right: 10px;
	font-weight :bold;
}
table.contentpane td.contentdescription {
    font-size:12px;
	line-height:18px;
}

table.contentpane td.componentheading{

	background: #0099FF;
	height: 20px;
	padding-left:3px;
	border: 1px solid #000000;
	color:  #FFF ;
	text-align: left;
	padding-bottom:3px;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}

table.contentpane td{

	padding-top:1px;
	padding-bottom:2px;
	font-size:13px;
}

a:link, a:visited {
	font-family:arial;
	color: #666;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
    color: #0066FF;
}	

table.contentpaneopen{
	width: 100%;
}

table.contentpaneopen td
{
	line-height:18px;
	font-size:13px;
    color: #666;
    font-family:Verdana,Tahoma, Arial, Helvetica, sans-serif;
}

table.contentpaneopen td.contentheading
{
	height: 0px;
	color: FF0000;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:13px;
	font-weight:bold;
	/*background:   url(../images/itembg.gif)   repeat-x top left ;*/
	
}


a.sublevel:link, a.sublevel:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: underline;
	vertical-align:middle;
	
}

a.sublevel:hover {
	text-decoration: none;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	text-align: left;
	padding-right: 0px;
	padding-top: 0px;
	height: 16px;
	width:160px; 
	text-decoration: none;
	color: #666;
}
a.mainlevel:hover {
	text-decoration: none ;
	color: #0066FF;
    height: 16px;
	width:166px
    font-weight: bold;
}

table.moduletable {
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
table.moduletable th {
	color:  #33CC00;
	/*background:  transparent url(../images/itembg.gif) repeat-x scroll left top;*/
	text-align: left;
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px
	height: 20px;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;	
}

table.moduletable td {
	margin-top:12px;
	padding-left: 0px;
	font-size: 12px;
	margin: 5px;
	font-weight: normal;
}
td{
	font-family:Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #313131 ;
}
.inputbox {
	font-size:12px;
	font-family:verdana;
	border:solid 1px  #CACACA ;
	background-color: #FFF;
}
#sgf {
	font-family: Arial, Verdana, Helvetica;
	font-size:10px;
  	font-weight:bold;	
	color: #336699;
	text-decoration: none;	
}
#sgf a.sgfooter {
	font-family: Arial, Verdana, Helvetica;
	color: #336699;
  	font-weight:bold;	
	text-decoration: none;
	font-size:10px;
}
#sgf a.sgfooter:hover {
	font-family: Arial, Verdana, Helvetica;
	color: #336699;
  	font-weight:bold;	
	text-decoration: none;
	font-size:10px;
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
	color			: #000;
	font-size		: 11px;
	font-family: Arial;
	text-decoration:none;
}
a.sgfooter:hover {
	color			: #000;
	font-family: Arial;
	text-decoration:none;
}
.sgf {
font-size: 14px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333;
text-decoration:none;
}
.sgf1 {
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333;
text-align:left;
}

a.sglink:link, a.sglink:visited {
	color			: #333;
	font-size		: 11px;
	font-family: Arial;
	text-decoration:none;
}
a.sglink:hover {
	color			: #333;
	font-family: Arial;
	text-decoration:none;
}