/*  W3C CSS Validator checked
    last edited 08/31/2005 10:00am 
    last checked 08/31/2005 10:05 AM
    last checked 03/17/2006 3:05 AM
    */
    
    
    
/* 
background-color: #E9ECEF;*/

/******************* TestCode ******************/

 

div#container {
    padding : 0;
    margin : 0 auto;
    height : auto;
  }


div#container #head {
   
    margin:10px 0;
    width:744px;
    clear:both;
  }

/******************* TestCode ******************/

body {
  /*  background-image: url(bgline.gif);*/
   /*  
  revised oct 17 2008 as per instructions 
   background-color:#A97100;*/
   background-color:#FFE6CC;
background-image: url(bgmain.png);
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0px;
  }


ul,ol {
    margin-top: 2px;
    margin-bottom: 6px;
    margin-right:20px;
  }
  
li {
    font-size: 14px;
   font-family: Georgia,"Times New Roman",Times,serif;
    margin-top: 2px;
    margin-bottom: 6px;
    margin-right:20px;
      }

h1,h2 h3, h4, h5,h6 {
    /*font-family: Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;	
  color:  #792800;
/*#FF3BF8; inherit;*/	
  
 
    font-weight:bold;
    margin-bottom: 2px;
    margin-top: 4px;
    background-color: transparent;
  }


h1 { 
  
    
    font-size: 150%;
  }


h2 {
 
    font-size: 140%;
  }


h3 {
    font-size: 130%;
  }


h4 {
    font-size: 120%;
    /*color: #9933FF;*/
  }
h5 {
    font-size: 120%;
    
  }
h6{
   color:#792800;
   font-size: 120%;
}

p {
    font-family: Georgia,"Times New Roman",Times,serif;

    font-size: 14px;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right:20px;
    padding-left: 10px;
    padding-right:10px;
    overflow: hidden;
  }

p:hover { background:#FFFFCC ; }

a {
   font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    /*color: #436976;*/
    padding: 0px;
    text-decoration: none;
  }

a:link {
	 /*color:  #599;#436976*/
	 color: #663399;
	 background-color: transparent;
	 }
/*here*/

a:visited {
	 /*color:  #599;*/
	 color: #FF6633;
	 background-color: inherit;
	  text-decoration: underline;
}
a:hover {
	color: #6666FF ;
	background-color:  white; 
	/*; #599 #FF99FF*/
	text-decoration: underline overline;
	}
/*----------- Menu  Column --------------*/

div#menucolumn {

    left: 7%;
    padding-left: 1px;
    padding-right: 0px;
    vertical-align: top;
    /* disabled due to width prob at 800x600 and lower
    width: 200px;  
    */
    width: 26%;
    position: absolute;
    top: 150px;

    /*position: fixed;
    1eft: 0px;
    old px based settingwidth: 210px;
    old px based setting */ 
    
/* for new menu 
    text-align: left; 
    width: 250px;*/
/* end for new menu */

  }


div#menucolumn a span {

    display: none;
  }


div#menucolumn a:hover span {
    background-color : black;
    
    color : #A597FF;
    display : block;
    font-family : Verdana,sans-serif;
    font-size : 12px;
    left : 0;
    margin-bottom : 10px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 10px;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
    position : absolute;
    text-align : center;
    top : 200px;
    width : 200px;
    z-index : 100;
  }

div#sideBarGraphic {
	
    clear:both;
/* revised oct 17 2008 as instructed 
    background-image:url(2bao2.png);
*/

 background-image:url(tinalac2.png);

/* end oct 17 2008 revision */
    background-repeat: repeat;
  
    position:absolute;  
    border: 1px;
    overflow: hidden;
    color: #000000;
    font-size: 12px;
    text-align: left;
    left:3%;
    width: 10%;
    height:800px;  
    top:175px;
  }
  
div.separator {
    /*blue background*/
    /*border-bottom-style : ridge;
    border-left-style : ridge;
    border-right-style : ridge;
    border-top-style : ridge;
    */ 
background-color : #E4E4E4;
   color : black;
    font-size : 10px;
    padding-bottom : 2px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top :2px;
/*    top-color : #dedede;
    top-style : solid;
    top-width : 1px;*/

    overflow:hidden;
  }


div.separatorcurrent {
    /*blue background*/ background-color : #DFDFDF;
    /*border-bottom-style : ridge;
    border-left-style : ridge;
    border-right-style : ridge;
    border-top-style : ridge;
    */ color : black;
    font-size : 10px;
    padding-bottom : 2px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 2px;
/*    top-color : #dedede;
    top-style : solid;
    top-width : 1px;*/
    overflow:hidden;
  }


div.separatorsub {
   background-color : #E4E4E4;
    color : black;
    font-size : 10px;
    margin-left : 6px;
    padding-bottom : 2px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 2px;
/*    top-color : #dedede;
    top-style : solid;
    top-width : 1px;*/
    overflow:hidden;
  }


div.separator:first-child {
    border-top: 5px;
  }

/*----------- menu Column --------------*/
/*----------- Contents Column --------------*/

div#contentcolumn {
    /*blue background 
    background-color:#E4E4E4;*/
      background-color:#eaeeee;
    padding-right: 0px;
    vertical-align: top;
    position: absolute;
    /*width: 65% old px based setting;
    left: 210px;
    left: 365px;
    old px based settingtop: 150px;
    old px based setting */ 
    margin-right:0px;
    width: 60%;
    left: 36%;
    top: 150px;
  }


div.content {
    border: 1px;
    overflow: hidden;
    color: #000000;
    font-size: 12px;
    text-align: left;
    width: 100%;
   
  }


div.contentBox {
    /*blue background*/ /*background-image: url(../images/reality/streetChild.jpg);
    background-repeat:no-repeat;
      background-color: #E4E4E4; 
    */

  
  background-color: white;/*#eaeeee;*/
    overflow: hidden;
    width: 90%;
    padding: 5px 10px 5px 10px;
    margin-right:15px;
    margin-left:25px;
  }


div.contentBox-title {
    /*background-image : url(LineBargray.png) #669933;
     
     background-image : url(brochureColor.png);
    background-color: #F0C060 
     ;
         background-repeat:  repeat;
    background-position :  right;
   
     
   background-image : url(lineBarGreen.png);*/
    /*background-image : url(gaddangBox.png);
background-image : url(top.png);*/
/* revised oct 17 2008 as instructed 
 background-color:#BE00BE;*/
background-image: url(menuh.png);
 color:#792800;



   
 /*   border-bottom-color : #8CACBB;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #8CACBB;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #8CACBB;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #8CACBB;
    border-top-style : solid;
    border-top-width : 1px;
    color:  #FFFFCC;
*/

    
/* end oct 17 revision */
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size : 14px;
    font-weight : bold;
    overflow : hidden;
    padding-bottom : 5px;
    padding-left : 0.5em;
    padding-right : 2px;
    padding-top : 5px;
    text-align : left;
    width : 100%;
  }


div.content table {
    font-size: 12px;
/*    vertical-align: center;*/
    left:15px;
    border: 1px solid #436976;
    border-style:solid;
    padding-left: 5px;
    padding-right:5px;
    background-color:white;
  }


div.content td {
    border: 1px solid #436976;
    padding: 10px;
  }


div.contentCenter td {
    border: 1px solid #436976;
    padding: 1px;
    padding-left: 5px;
    padding-right:5px;
    text-align:center;
  }
/*----------- Contents Column --------------*/

 div.box {
    /*blue background*/
    background-color: #E4E4E4;
   
    margin: 4px;
    border: 1px solid #8CACBB;
    overflow: hidden;
    /*width: 200px;
    -*/
    border-top: 1px solid #999;
    border-right: 3px solid #555;
    border-bottom: 5px solid #555;
    border-left: 1px solid #999;
  }


div.box-title {
    /* background-color : #A597FF;
    */ background-image : url(lineBarGreen.png);
    background-repeat: repeat;
    background-position : center;

    color : white;
    font-size : 12px;
    font-weight : bold;
    overflow : hidden;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    text-align : center;
  }

div.box-blueWood {
    /* background-color : #A597FF;
    */ background-image : url(../images/woodbg.jpg);
    background-repeat: repeat;
    background-position : center;

    color : white;
    font-size : 12px;
    font-weight : bold;
    overflow : hidden;
    padding-bottom : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    text-align : center;
  }

div.box-title table {
    width: 100%;
    padding: 5px 10px 5px 0.5em;
  }


div.box-data { 
    overflow: hidden;
    /*blue background 
    background-color: #E4E4E4;*/
    background-color:#eaeeee;
    color: #000000;
    padding: 5px;
    font-size: 12px;
    padding: 5px 10px 5px 0.5em;
  }


div.board {
 text-align: center; 	
    overflow: hidden;
    /*blue background*/ background-color: white;
    color: #000000;
    padding-left: 40px;
    font-size: 12px;
    margin-top:10px;
    margin-bottom:10px;
  }



.linkmenu {
font-family: Georgia,"Times New Roman",Times,serif;

  
    font-size: 10px;
   color : #436976;
    text-decoration: none;
  }


.linkmenu:active {
    font-size: 10px;
    color: #436976;
    text-decoration: none;
  }

/* .linkmenu:hover { font-size: 14px;  color : #1BFF7A; text-decoration: none;} */














.linkmenu:hover {
    font-size: 12px;
    color : #FBFBFB;
    text-decoration: none;
  }


.separator {
    font-size: 12px;
    color : #436976;
    text-decoration: none;
  }


.separator:active {
    font-size: 12px;
    color : #436976;
    text-decoration: none;
  }

/*.separator:hover { font-size: 12px;  color : #436876;  text-decoration: none; }*/










.separator:hover {
    font-size: 12px;
    color : #FBFBFB;
    text-decoration: none;
  }


small {
    font-size: 80%;
  }


cite {
    font-style: italic;
     background-color: inherit; 
     color: blue;
  }


strong {
    font-style:oblique;
   

  }


code {
    font-family: Courier New, Andale Mono, monospace;
    font-size: 100%;
  }


pre {
    text-align: left;
    font-family: Courier New, Andale Mono, monospace;
    font-size: 100%;
    overflow: visible;
    margin-left: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }


.caption {
    font-size: 80%;
  }


.table-header {
    background-color: #C7D0D9;
    border: 1px solid #436976;
    padding: 2px;
  }



div.noborder table {
    border: 0px;
  }


div.noborder td {
    border: 0px;
  }


div.seealso {
    border-top: 1px solid #8CACBB;
    margin-top: 8px;
  }

/*----------- Header --------------*/

div#logoheader {

    padding-left: 0px;
    padding-right: 0px;
    vertical-align: top;
    width: 100%;
    position: absolute;
    top:0px;
    left: 0px;
    float:left;
    background-image:url(logoback.png);
    background-repeat: repeat; 
  }


div.logoHeader {
   position:static;

    vertical-align: top;
    overflow:hidden;
    /* revised 10/17/2008 as per instructions color: #000000; #A97100;*/
    color: #000000;
    padding: 20px;
    font-size: 16px;
    text-align:left;
    width:100%;
    /*march152006 background-image: url(top.png);*/
      /* revised 10/17/2008 as per instructions color: #000000;*/
    /* revised 10/17/2008 as per instructions background-image: url(tinggian3.png); */
 
  background-image:url(logohead2_800.png);
  
    background-repeat: repeat-y; 
  }


div.logoHeaderText {
    position:static;

    vertical-align: middle;
    overflow:hidden;
  /* revised 10/17/2008 as per instructions color: #FFFFCC #A97100;#812B00*/
    color:#792800;
/* end revision 10/17/2008*/
    /*#FFDAAA; gold #800000  maroon ;#FFCC33;#CC33FF;*/
    font-family: Georgia, Verdana, "Times New Roman",Times,serif;
    /*font-size: 26px;*/
    font-size: 34px;
    text-shadow : blue;
    /* #000000;
    */padding: 5px;

    position:absolute;
    left: 130px;/*125px;*/
    top: 30px;

    text-align:left;
    width: 80%;
  }
div.logoHeaderSubText {
    font-family: Arial, "Times New Roman",Times,serif;
/*    font-size: 18px;*/

    font-size: 22px;
    position:absolute;
    left:  15px;/*125px;*/
    top: 40px;
  }
/*----------- header --------------*/

/*----------- footer --------------*/

div#footer {
    clear:  both;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:4px;
    vertical-align: bottom;
    width: 100%;
    left: 0px;
    /*top: 95%;
    bottom: 2%;
    */text-align: center;
    overflow: hidden;
    position:  inherit;
  }


div.footerText {
    background-color: transparent;
    vertical-align: bottom;
    overflow:hidden;
    color: black;
    font-size: 10px;
    padding:3px;
  }


div.footerBox {
    /*white background*/background-color: white;
    margin: 4px;
    border: 1px solid #8CACBB;
    overflow: hidden;
    /*padding: 2px;
    width: 200px;
    -*/padding: 5px 10px 5px 0.5em;
  }

/*----------- footer --------------*/

table#cinfo {
    background-color:white;
    border: 0px;
    padding: 2px;
    padding-left: 10px;
    padding-right:10px;
    width:70%;
  }


td#contactData {
    padding-left: 20px;
    padding-right:20px;
  }

 tr:hover { background: #FCF; }
abbr, acronym, .help {
    border-bottom: 1px dashed #333;
    cursor: help;
  }

/*----------- Inline buttons --------------*/
.inline-button {
    width:12em;
    font-size: 10px;

    margin: 0 0.2em;
    padding: 0.1em 0;
    padding:0;
    border: 1px solid black;
    white-space:nowrap;
    text-decoration: none;
    vertical-align:middle;
    background: #ccc;
    color: black;
  }

.inline-button {
   width:12em;
   font-size:10px;

   margin: 0 0.2em; 
   padding: 0.1em 0; 
   padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
   
.inline-button em {
    width:1em;
    font-size: 10px;
    font-style: normal;
    margin:0;
    padding: 0.1em 0.5em;
    background: white;
    color: black;
  }


.inline-button span {
    width:1em;
    margin:0;
    padding: 0.1em 0.5em 0.1em 0.3em;
  }


.inline-button:hover {
    background: #666;
    color: white;
  }


.inline-button:hover em {
    background: black;
    color: white;
  }


.orange {
    background:  #FF9900;
    color: black;
  }


.orange em {
    background: white;
    color: #c60;
  }


.blue {
    background: #06c;
    color: white;
  }


.blue em {
    background: white;
    color: #06c;
  }


.green {
    background: green;
    color: white;
  }


.green em {
    background: white;
    color: green;
  }

/*----------- Inline buttons --------------*/
/*----------- floats --------------*/

.floatleft {
    float: left;
   /* width:  300px;*/
 background-color :#FFFFCC ;
    padding: 10px;
    padding-right:15px;
    margin-right:20px;
    border-top: 1px solid #999;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-left: 1px solid #999;
    clear: left;
  }


div.floatleft img {
    background-color :#FFFFFF ;
    border-top: 2px solid #555;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 2px solid #555;
    clear: left;
 
  }
  
p.floatleft {
    background-color :#FFFFCC ;
   width:300px;
    font-size: 12px;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left:20px;
   margin-right:20px;
    padding-left: 10px;
    padding-right:10px;
    clear: left;
  }



.floatright {
    background-color :#FFFFCC ;

    float : right;

    
    margin-bottom : 10px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 0;
    padding-bottom : 10px;
    padding-left : 15px;
    padding-right : 10px;
    padding-top : 10px;
     border-top: 1px solid #999;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    border-left: 1px solid #999;
    width : 300px;
    clear: right;
  }
  
div.floatright img {
    background-color :#FFFFCC ;
    border-top: 2px solid #555;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 2px solid #555;
 
  }
  
p.floatright {
    background-color :#FFFFCC ;
    font-size:12px;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 15px;
    padding-right:15px;
    clear: right;
  }

.floatNone {
    background-color :#FFFFCC ;
    
    float :  none;
    margin-bottom : 10px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 0;
    padding-bottom : 10px;
    padding-left : 15px;
    padding-right : 10px;
    padding-top : 10px;
    width : auto;
  }
  
div.floatright img {
    background-color :#FFFFCC ;
    border-top: 2px solid #555;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 2px solid #555;
    width:auto;
    height:auto;
 
  }
  
  
  
.showElement{
  display:block;
}    
.hideElement{
  display:none;
}  

/*----------- floats buttons --------------*/

.hilite{
  color: blue;
}

/*-------------------- Menu Style Elements---------------------*/


.LeftMNav {
z-index : 1000; 

} 

.LeftMNav ul {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
width : 100%; 
color : #ffffff; 
padding-top : 0; 
background-color : #bacee0; 

} 
/*#LeftMNav ul a {height: 1em;}
*/
.LeftMNav li {

font-size : 14px; 
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
list-style-type : none; 
width: 100%;
} 

.LeftMNav a {
font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;	
font-size: 14px;

border-right : 1px solid #c3c8cb; 
padding-right : 0; 
background-position : 100% 50%;
border-top : 0px solid #fefefe; 
display : block; 
padding-left : 2px; 
font-weight : normal; 
padding-bottom : 5px; 
border-left : 1px solid #fefefe; 
padding-top : 5px; 
border-bottom : 1px solid #c3c8cb; 
background-color: #eaeeee; 
/*color : #048; 
font-family : Ms Sans Serif, Times New Roman; 
text-decoration :  <<; */
} 

.LeftMNav a:hover {
border-left-color : #fefefe;
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color: #f8fafc;
border-left : 15px solid #99CC33; /*#E65B00;*/ 
border-right : 5px solid #99CC33; 
font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;	
font-size: 16px;
color : #993399; /*#126CDA; light green #99CC33; #ff3e3e; red */
font-family : Ms Sans Serif, Times New Roman; 
text-decoration :  none;

} 


.LeftMNav a:active {
border-left-color : #fefefe; 
border-bottom-color : #c3c8cb; 
border-top-color : #fefefe; 
background-color : #999999;
/*#f8fafc; */
border-right-color : #c3c8cb; 
border-right:14px;
font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;	
font-size: 14px;
color : #999900;
/*#048; */
text-decoration : none; 
} 

.LeftMNav a:visited {
font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;	
font-size: 14px;
background-color : #eaeeee;
text-decoration : none; 
color:   #FF6633;
/*#f8fafc; */

} 

.menuheader {
font-family :  Georgia,verdana,arial,helvetica,sans-serif; 
font-size : 18px; 
text-align : left; 
font-weight : 900; 
/*color : #FFFFCC; */
/*#BE00BE;*/
/*background-image : url(gaddangBox.png);
background-image : url(top.png);*/
/*background-image : url(bg_body.png);*/
 /* background-color:#A97100;*/

 /*  revised oct 17 2008 as per instructions
background-color:#BE00BE;
*/

background-image: url(menuh.png);
 color:#792800;
  

/* color: #FBFF09;

end oct 17 revision*/

    background-repeat:  repeat;
    background-position : center;
/*background: #6898d0 url(arrow_orange.gif) no-repeat center left; */
padding-top : 10px; 
padding-bottom : 14px; 
padding-left : 14px; 

border-bottom : 1px solid #3a6081; 
border-right : none;/*1px solid #3a6081; 
border-top : 1px solid #f1f5fa;*/ 
display : block; 
width:auto;
} 
/********************************* End Menu Style Elements *******************/