/*
Made by : Flashdaweb Team flashdaweb.com
License: Creative common.
Date: 01.09.2008
Modified by : Titan Hadiyan
Date: 06.10.2008
*/

/*   general declaration 
----------------------------*/
body {
background-color:#fff;
color:#000000;
font-family:Verdana,sans-serif;
font-size:0.75em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

table {
background-color:#fff;
color:#000000;
font-family:Verdana,sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

* {margin:0px;padding:0px;}

a img {border: none;}

a {color: #0057B1;}

a:link {text-decoration: none;}
a:hover {text-decoration: underline;}


h1{
color:#004FA2;
font-size:1.5em;
font-family: Georgia, "Times New Roman", Times, serif
}

h2{
color:#004FA2;
font-size:1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
}

h3{
color:#004FA2;
font-size:1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
}

ul{ padding-left:20px;list-style:circle;list-style-image:url('images/li.gif');}
    
.clear_left{clear:left;display:block;height:0px; line-height:0;}

input, select{
    font-size:0.9em;
}

textarea {
    font-family:Verdana,sans-serif;
    font-size: 11px;
}
/* template declaration start
----------------------------------*/

#container{margin:0px auto;width:975px; font-size:1.083em;} /* this width is width of whole page */

/* page navigation declaration
----------------------------------*/
#pagenav{
    float: left;
    padding: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.85em;
    width: 975px;
}

#pagenav ul
{
    float:left;
    display:block;
    list-style-type:none;
    list-style-image:none;
    font-size:1em;
    margin:0px auto;
}
#pagenav li
{
    float:left;
    margin: 2px 2px;
}

#pagenav li a
{
    display:block;  
}
#pagenav li a:hover
{
    text-decoration:none;
}

#pagenav_container
{
    height:26px;   
}

/*tope menu declaration start in header 
------------------------------------------*/
#top_menu
{
    background:#F1F4F8  url('images/topmenu_bg.png') repeat-x scroll;
    height:26px;    
    margin-left:535px;  
    position:relative;
    color:#3F598B;
}

#top_menu ul
{
    background:url('images/topmenu_bg_left.png') no-repeat scroll left;
    /*float:left;*/
    height: 26px;
    padding-left:10px;
    display:block;
    list-style-type:none;
    list-style-image:none;
    font-size:1em;
    margin:0px auto;
}
#top_menu li
{
    float:left;
    margin: 3px 5px;
}

#topmenu_container
{
    background:url('images/topmenu_bg_right.png') no-repeat scroll right;
    height:26px;   
}

/*bottom menu declaration start in header 
------------------------------------------*/
#bottom_menu
{
    height:26px;    
    color:#3F598B;
}

#bottom_menu ul
{
    float:left;
    height: 26px;
    padding-left:10px;
    display:block;
    list-style-type:none;
    list-style-image:none;
    font-size:1em;
    margin:0px auto;
    
}
#bottom_menu li
{
    float:left;
    margin: 3px 5px;
}

#bottom_menu li a
{
    color:#fff;
    display:block;
    height: 34px;
    float:left;
}
#bottom_menu li a:hover
{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    
}

#bottommenu_container
{
    height:26px;   
}

#logo
{
    background:#ffffff url('images/logobandung.png') no-repeat;
    width: 412px; height: 100px;
}
#logo span
{
    display:none;
}

#imgheader
{
    float:right;
    width: 561px; height: 100px;
}
#imgheader span
{
    display:none;
}


#primary_menu
{
    background: #ffffff url('images/pmenu_bg.png') no-repeat;
    margin: 0px auto; height: 77px; width: 975px;
}

#pm_main
{
    padding-left:20px;
    height: 38px;
}
#pm_sub ul
{
    list-style-type:none;
    list-style-image:none;
}
#pm_main ul
{
    list-style-type:none;
    list-style-image:none;
}
#pm_main li
{
    float:left;
    margin:2px 10px 0 0;
    background:url('images/pm_sep.png') no-repeat scroll right;
    padding:0px 10px 0 0;
    text-align:center;
    vertical-align:middle;
    height: 34px;
    margin-top:2px;
}

#pm_main li a
{
    color:#fff;
    display:block;
    height: 34px;
    float:left;
    text-decoration:none;
    font-weight:bold;
    font-size:1.1em;
}
#pm_main li a:hover
{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:1.1em;
    background:url('images/tab_bg_active.png') no-repeat scroll right top;
}

#pm_main li a:hover b
{
    background:url('images/tab_bg_active_left.png') no-repeat scroll left top;
}

#pm_main li.active a
{
    background:url('images/tab_bg_active.png') no-repeat scroll right top;
}

#pm_main li.active a b
{
    background:url('images/tab_bg_active_left.png') no-repeat scroll left top;
}

#pm_main li a b
{
    padding:0 10px;
    display:block;
    padding-top: 7px;
}
#pm_sub
{
    float: left;
    margin-right:10px;
}
#pm_sub li
{
    float:left;
    margin:2px 5px;
    font-size:0.9em;
}

#pm_sub li a
{
    color:#E0E7EF;
    font-weight:bold;
    font-size:0.9em;
}

/* meanu declaration end*/


/* content area start 
-----------------------*/
#content
{
    margin:20px 0;
    padding:0px;
    text-align:justify;
}
.left_col
{
    /*float:left;
    */
    width:60%;
    min-height:200px;
    margin-left:0px;
}

.right_col
{
    float:right;
    min-height:200px;
    width:38%;
}

.right_coldark
{
    float:right;
    min-height:200px;
    width:35%;
    background: #01242f;
    padding-left: 6px;
    padding-right: 6px;
}

.center_col
{
    width:100%;
    min-height:200px;
    margin-left:0px;
}

.center_content
{

    width:97%;
    min-height:200px;
    padding: 20px 20px 20px 30px;
}

.center_content ol {
    padding-left:30px;  
}

/* Sub Footer declaration Start */
#subfooter {
    FLOAT: right; 
    BACKGROUND-IMAGE: url("images/bg_subfooter.gif"); 
    WIDTH: 975px; 
    BACKGROUND-REPEAT: no-repeat; 
    HEIGHT: auto; 
    BACKGROUND-COLOR: #01242f;
    margin: 0px auto;
    margin-top: 10px;
}
#subfooter_base {
    FLOAT: left; WIDTH: 975px; HEIGHT: 15px; margin-bottom: 10px;
}
#subfooter_base2 {
    FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 975px; PADDING-TOP: 10px; HEIGHT: auto
}
#subfooter_base2_ {
    FLOAT: left; WIDTH: 975px; HEIGHT: auto
}
#subfooter_bloc1 {
    PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FLOAT: left; WIDTH: 340px; HEIGHT: auto
}
.subfooter_bloc_header {
    MARGIN-TOP: 8px; FLOAT: left; MARGIN-BOTTOM: 8px; WIDTH: 100%; HEIGHT: auto; TEXT-ALIGN: left
}
.subfooter_bloc_content {
    FLOAT: left; WIDTH: 100%; FONT-STYLE: normal; HEIGHT: auto; TEXT-ALIGN: justify
}
.subfooter_bloc_content2 {
    FLOAT: left; WIDTH: 100%; FONT-STYLE: normal; HEIGHT: auto; TEXT-ALIGN: justify
}
.subfooter_bloc2_subfooter {
    BACKGROUND: url("images/bg_subfooter_comments.gif") no-repeat; FLOAT: left; WIDTH: 260px; FONT-STYLE: normal; HEIGHT: 14px; TEXT-ALIGN: justify
}
.subfooter_bloc_content LI {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #ffffff; LINE-HEIGHT: 15px; PADDING-TOP: 3px; BORDER-BOTTOM: #052e3b 1px solid; FONT-STYLE: normal;
}
.subfooter_bloc_content LI:hover {
    BACKGROUND-IMAGE: url("images/recentposts_hover.png"); BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: #01242f
}
.subfooter_bloc_content2 LI {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #01242f; PADDING-TOP: 3px; BORDER-BOTTOM: #57b2e1 1px solid; FONT-STYLE: normal;
}
.subfooter_bloc_content2 LI:hover {
    BACKGROUND-IMAGE: url("images/recentposts_hover.png"); BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: #6dc5f2
}
.subfooter_bloc_content2 LI A:visited {
    COLOR: #ffffff
}
.subfooter_bloc_content LI A {
    COLOR: #bce168
}
.subfooter_bloc_content LI A:visited {
    COLOR: #bce168
}
.subfooter_bloc_content LI A:hover {
    COLOR: #6dc5f2
}
.title A {
    COLOR: #bce168; FONT-STYLE: normal
}
.title A:visited {
    COLOR: #bce168
}
.title A:hover {
    COLOR: #6dc5f2
}
.subfooter_bloc_content UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; list-style: none;
}
.subfooter_bloc_content2 UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; list-style: none;
}
#subfooter_bloc2 {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #6dc5f2; FLOAT: left; WIDTH: 250px; HEIGHT: auto
}
#subfooter_bloc2_ {
    BACKGROUND: #6dc5f2; FLOAT: left; WIDTH: 260px; HEIGHT: auto
}
#subfooter_bloc3 {
    PADDING-LEFT: 30px; BACKGROUND: #01242f; FLOAT: left; WIDTH: 300px; PADDING-TOP: 15px; HEIGHT: 600px
}
.subfooter_ads {
    FLOAT: left; WIDTH: 300px; COLOR: #ffffff; HEIGHT: 600px;
}


/* Footer declaration Start */
#footer
{
    float:left;
    background:#fff url('images/pfooter_bg.png') no-repeat scroll right top;
    color:#FFFFFF;
    width:100%;
    min-height:100px;
    margin-bottom:50px; 
}
#copyright
{
    float:right;
    font-size:0.9em;
    margin-top:5px;
    margin-right:10px;
}
#designby
{
    clear:both;
    float:right;
    font-size:0.9em;
    margin-top:5px;
    margin-right:10px;
}


/* design boxes declaration start 
-----------------------------------*/

* Design box #1 */
.db1
{
    position:relative;
}
.db1_title
{
    font-family: Georgia, "Times New Roman", Times, serif;
}

.db1 .db1_title
{
    float:none;
    background:#fff url('images/db1_title_bg.png') repeat-x;
    border-right:1px solid #E8E8E8;
    height:44px;
    
}

.db1 .db1_title h3
{
    height:27px;
    background:url('images/db1_title_bg_left.png') no-repeat scroll top left;
    display:block;
    padding-top: 7px; 
    padding-left: 20px; 
    color:#004FA2;
}

.db1_subtitle 
{
    font-size: 0.9em;
    color:#496e24;
    margin: 0 0 20px 0;
}

.db1 .db1_content
{
    background:#fff url('images/db1_content_bg.png') no-repeat scroll top right;
}
.db1 .db1_container 
{
    background: url('images/db1_content_bg.png') no-repeat scroll top left;
    padding: 10px;
    position:relative;
    font-size: 0.9em;
}

.db1 li a
{
    font-weight:bold;
    text-decoration:none;   
}
.db1 li a:hover
{
    font-weight:bold;
    text-decoration:underline;
}

/* design box 2*/

.db2
{
    margin:10px 0;

} 
/**/
.db2_content
{
    position:relative;
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

.db2_content_container
{
    padding: 0px 10px 0px 10px;
    position:relative;
}

.db2_subtitle 
{
    font-size: 0.8em;
    color:#496e24;
}

.db2_content h3
{
border-bottom:1px solid #E0E1E1;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
}

.bd2_top
{
    background:url('images/db2_bg_right.png') no-repeat scroll right top;
    height:10px;
    line-height:0;
    font-size:1px;
}
.bd2_top_content
{
    background:url('images/db2_bg_left.png') no-repeat scroll left top;
    height:10px;
    line-height:0;
    font-size:0px;
}
.bd2_bot
{
    background:url('images/db2_bg_right.png') no-repeat scroll right bottom;
    height:10px;font-size:1px;
}

.bd2_bot_content
{
    background:url('images/db2_bg_left.png') no-repeat scroll left bottom;
    height:10px;font-size:1px;
    line-height:0;
}


/* design box 3*/

.db3
{
    margin:10px 0;
}
.db3_content
{
    background:#ebf3fa;
    border-left:1px solid #b1c9d9;
    border-right:1px solid #b1c9d9;
    padding: 0px 10px;
}

.db3_content h3
{
border-bottom:1px solid #b1c9d9;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.db3_subtitle 
{
    font-size: 0.8em;
    color:#496e24;
}
.bd3_top
{
    background:url('images/db3_bg_right.gif') no-repeat scroll right top;
    height:10px;
    line-height:0;
    font-size:1px
}
.bd3_top_content
{
    background:url('images/db3_bg_left.gif') no-repeat scroll left top;
    height:10px;
    line-height:0;
    font-size:1px
}
.bd3_bot
{
    background:url('images/db3_bg_right.gif') no-repeat scroll right bottom;
    height:10px;font-size:1px
}

.bd3_bot_content
{
    background:url('images/db3_bg_left.gif') no-repeat scroll left bottom;
    height:10px;font-size:1px
}

.db3_content
{
    background:#ebf3fa;
    border-left:1px solid #b1c9d9;
    border-right:1px solid #b1c9d9;
    padding: 0px 10px;
}

.db3_content h3
{
border-bottom:1px solid #b1c9d9;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
}


.bd3_top
{
    background:url('images/db3_bg_right.gif') no-repeat scroll right top;
    height:10px;
    line-height:0;
    font-size:1px;
}
.bd3_top_content
{
    background:url('images/db3_bg_left.gif') no-repeat scroll left top;
    height:10px;
    line-height:0;
    font-size:1px;
}
.bd3_bot
{
    background:url('images/db3_bg_right.gif') no-repeat scroll right bottom;
    height:10px;font-size:1px;  line-height:0;
}

.bd3_bot_content
{
    background:url('images/db3_bg_left.gif') no-repeat scroll left bottom;
    height:10px;font-size:1px;  line-height:0;
}

/* design box 4*/

.db4
{
    margin:10px 0;
} 
.db4_content
{
    background:#FAFAFA;
    border-left:1px solid #E0E1E1;
    border-right:1px solid #E0E1E1;
    
    padding: 0px 10px;
}

.db4_content h3
{
border-bottom:1px solid #E0E1E1;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
}

.bd4_top
{
    background:url('images/db4_bg_right.png') no-repeat scroll right top;
    height:10px;
    line-height:0;
    font-size:1px;
}
.bd4_top_content
{
    background:url('images/db4_bg_left.png') no-repeat scroll left top;
    height:10px;
    line-height:0;
    font-size:1px;
}
.bd4_bot
{
    background:url('images/db4_bg_right.png') no-repeat scroll right bottom;
    height:10px;font-size:1px;  line-height:0;
}

.bd4_bot_content
{
    background:url('images/db4_bg_left.png') no-repeat scroll left bottom;
    height:10px;font-size:1px;
}

/* Sub Menu */
.submenu {
    width:100%;
    height:auto;
    background-color: #01242f;
    background-image: url(images/icon.gif);
    background-repeat: no-repeat;
    }
.submenu_line1 {
    width:auto;
    height:auto;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    margin-left:25px;
    letter-spacing:normal;
    }
.submenu_line2 {
    width:auto;
    height:auto;
    color:#6dc5f2;
    font-size:11px;
    margin-left:25px;
    }
.submenu2 {
    width:100%;
    height:auto;
    background-color: #6dc5f2;
    background-image: url(images/icon2.gif);
    background-repeat: no-repeat;
    }
.submenu2_line1 {
    width:auto;
    height:auto;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    margin-left:25px;
    letter-spacing:normal;
    }
.submenu2_line2 {
    width:auto;
    height:auto;
    color:#01242f;
    font-size:11px;
    margin-left:25px;
}

.parpol
{
        width:63%;
        background: #01242f;
	border: 0px solid #f2f2f2;
	font-size: 100%;	
        padding: 5px;
	margin-right: 10px;
	margin-left: 5px;

}

.support
{
    background:#ebf3fa;
    border-left:0px solid #b1c9d9;
    border-right:0px solid #b1c9d9;
    
}