body{
text-align: center;	
margin: 0;
padding: 0;
background: url("images/back.gif");
}

a{
    outline: 0;
    text-decoration: none;
    color: #3F7DA6;
}

img{
    border: 0;
}

#UltimateContainer{
width: 910px;
background: url("images/back_inner.gif") repeat-y;
margin-left: auto;
margin-right: auto;
}

#TheContainer{
width: 900px; 
margin-left: auto;
margin-right: auto;
text-align: left;
/*background: #F3F3F3; */
background: white;
}

#Header{
margin: 0px;
padding: 0px;
border: none;
}


#NavBox{
float: left;
width: 200px;	
/* background: #F3F3F3; */
/*Nav Blue--> background: #000080;*/
}


#TheNavBox{           
color: #3F7DA6;
margin: 0px;
text-align: left;
background: white;
}


#TheNavBox li{
color: #FFB900;	
font: 12px arial;
}

#TheNavBox a{
text-decoration: none;
color: #3F7DA6;
/*color: yellow;*/
}



#ContentBox{
float: left;
width: 700px;	
text-align: justify;
padding: 0px;
margin: 0px;
background: white;	
}

/*use line height to control spaces between lines*/
#ContentBox p{
line-height: 23px;
}

#ContentBox ul{
line-height: 23px;
}

#TheContent{
font: 12px arial;
color: #666666;
background: white;	
margin: 0px;
padding: 0px;
}

#ScrollerBox{
font: 11px arial;
float: left;
width: 350px;	
text-align: justify;
}

#scrollingContainer{
    height: 320px;
    margin: 20px 20px;
}

#scrollingContainer ul{
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

#NavLinks li{
padding: 5px;
}


#Footer{
margin-left: auto;
margin-right: auto;
color: white;
width: 900px;
font: 11px arial;
background: #044795;
}

/**************/
/*The contents*/
/**************/

#default{
margin: 50px 0px 0px 0px;
text-align: center;	
}

#Mainpage{

}


#Background{
margin-top: 20px;
margin-left: 20px;
width: 650px;

text-align: justify;
}

#BOD{
margin-top: 20px;
margin-left: 20px;
width: 650px;
text-align: justify;
}

#Structure{
margin-top: 20px;
margin-left: 20px;
width: 650px;
}

#Vision{
margin-top: 20px;
margin-left: 20px;
width: 650px;
text-align: justify;
}

#Activities{
margin-top: 20px;
margin-left: 20px;
width: 650px;
text-align: justify;
}

#Staffs{
margin-top: 20px;
margin-left: 20px;
width: 650px;
text-align: justify;
}

#News{
margin-top: 20px;
margin-left: 20px;
width: 650px;
text-align: justify;
}

    #News h2{
        font-size: 11px;
    }
    
#Brochures, #Forms{
margin-top: 20px;
margin-left: 20px;
width: 650px;
text-align: justify;
}

    #Forms{
        margin-top: 50px;
        margin-bottom: 30px;
    }

    #Brochures table,  #Forms table{
        border-collapse: collapse;
        width: 500px;
        margin-top: 20px;
        margin-left: 50px;
    }
    
     #Brochures th, #Forms th{
        border: 0;
        padding: 5px;
        text-align: left;
    }
    
    #Brochures td, #Forms td{
        border-bottom: 1px dotted #CCCCCC;
        padding: 5px;
    }
    
    #Brochures td.first_column, #Forms td.first_column{
        background: url(images/bluearrow.gif) 0 50% no-repeat;
        padding-left: 20px;       
    }
    
    #Brochures .bullet-align-top, #Forms td.bullet-align-top{
        background: url(images/bluearrow.gif) 0 5% no-repeat;
    }
    
    .bullet-align-top{
        vertical-align: top;
    }


#Subsidiary{
margin-top: 20px;
margin-left: 20px;
width: 650px;
text-align: justify;
}

#Contact{
margin-top: 20px;
width: 450px;

text-align: justify;
}

#Staffs_table{
border: 1px solid black;
border-collapse: collapse;
}

#Staffs_table td{
border: 1px solid black;
padding: 5px;
}

#bod_table{
	
}

#bod_table td{
padding: 3px 10px 3px 10px;
}

#bod_ajax{


}


#bod_profile{
text-align: justify;
font-family: arial;
font-size: 11px;	
background: white;
}

#LinkTable{
font-family: arial;
font-size: 13px;	
}

#LinkTable td{
width: 200px;
border: 2px solid white;
padding: 5px;
}

#staff_info{
border: none;
}

#staff_info td{
border: none;
padding: 10px;
}


.NavButton{
font-family: arial; 
font-size: 11px;  
height: 30px; 
font-weight: bold;
color: #3F7DA6;
/*color: #000080; */
background: url('images/button_home3.png'); 
padding: 10px 0px 0px 10px;
cursor: pointer;
}


.stafftitle{
font-weight: bold;
color: #044795;
}

.italic{
font-style: italic;	
}

.readmore{
color: red;
font-size: 10px;
font-family: arial;
}


.subheader{
color: #044795;
font: 11px arial;
font-weight: bold;	
}

.content_header{
margin-left: -10px;	
margin-bottom: 10px;
}

.links{
text-decoration: none;
color: black;
}

li.bullet_arrow{
list-style-image: url("images/bullet_arrow_small.gif");

}

.blue_cell{
background: #D1E5F0; 	
}

.staff_table{
font-family: arial;
font-size: 12;
width: 200px;
text-align: left;
border-collapse: collapse;
}

.table_column{
padding: 5px;
border: 2px solid white ;	
}

.cell_padding{
padding: 10px;	
}

.bodlinks{
text-decoration: none;	
}

.noborder{
border: none;	
}

.submenu{
margin-left: 0px;	
padding: 0px;
}

.submenu_list{
padding-left: 15px;
list-style-image: url(images/bluearrow.gif);
padding-bottom: 10px;
}   

.graygrid{
border-collapse: collapse;
}

.graygrid td, th{
border:1px solid #CCCCCC;
padding: 5px;
} 

ul.announcement{
    list-style-image: url(images/bluearrow.gif);
}

    ul.announcement li{
       font-size: 12px;
    }

    ul.announcement h4{
       margin: 0;
    }

.form_download a{
    text-decoration: none;
    color: #316683;
}

.form_download ul{
    padding: 0;
    margin: 0;
    margin-left: 20px;
}

.form_download li{
    list-style-image: url(images/bullet_red_arrow.gif);
}

#staff{
    padding-left: 20px;
}

#staff h2{
    margin-bottom: 20px;
}

#staff h3{
    color: #0447A8;
    font-size: 11px;
    margin-top: 40px;
}

#staff .profile_container{
    margin-bottom: 10px;    
}

#staff .profile_container .picture{
    float: left; 
}

#staff .profile_container .picture img{
    border: 5px solid #EEEEEE;
}

#staff .profile_container .description{
    float: left;  
    margin-left: 10px;  
}

.clear{
    clear: both;
}

.sidebar_advertisement{
    text-align: center;
    font-family: arial;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.sidebar_advertisement img{
    box-shadow: 0 0 7px black;
    -moz-box-shadow: 0 0 7px black;
    -webkit-box-shadow: 0 0 7px black;
}

.sidebar_advertisement img.no_style{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.sidebar_advertisement .caption{
    margin-top: 5px;
}

/* Page: BOARD OF DIRECTORS [START] */
#BOD .director_details{
    text-align: center;
    width: 160px;
    height: 350px;
    float: left;
    margin-right: 60px;
}

#BOD .director_details.last{
    margin-right: 0;
}

#BOD .director_details h4,
#BOD .multiple h4{
    height: 50px;
    text-transform: capitalize;
    text-align: center;
}

#BOD .director_details p{
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 16px;
}

#BOD .director_details p.name{
    height: 60px;
    padding: 5px 0;
    color: #3283C2;
    font-weight: bold;
}

#BOD .director_details p.position{
    border-top: 1px dotted black;
    font-size: 10px;
    padding-top: 5px;
    color: #C70607;
}

#BOD img{
    border: 5px solid white; 
    -moz-box-shadow: 0 0 7px gray;  
    -webkit-box-shadow: 0 0 7px gray;  
    -webkit-box-shadow: 0 0 7px gray;   
}

#BOD img.noborder{
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-box-shadow: none;
}

#BOD .single{
    margin: 0 auto;
    width: 160px;
    margin-bottom: 20px;
}

#BOD .multiple{
    margin: 0 auto;
    width: 680px;
}

.two_column_aligner{
    width: 380px;
    margin-left: auto;
    margin-right: auto;
}

.three_column_aligner{
    width: 606px;
    margin-left: auto;
    margin-right: auto;
}
/* Page: BOARD OF DIRECTORS [END] */

/* Carta Organisasi */
#carta-full {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 10px #CCCCCC;
    height: 900px;
    position: relative;
    width: 660px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#governance-structure {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 10px #CCCCCC;
    height: 900px;
    position: relative;
    width: 660px;
    margin-top: 20px;
    margin-bottom: 20px;
}

table#brochure_list{
    border-collapse: collapse;
    width: 330px;
}

table#brochure_list td{
    padding: 5px;
}

table#brochure_list td.title_column{
    background: url(images/bullet_red_arrow.gif) 0 50% no-repeat;
    padding-left: 15px;
}

table#brochure_list td.department_column{
    color: #316683;
}

p.read_more{
    text-align: right;
}

p.read_more a{
    color: #FF0167;
}