/* CSS Document */

body {
	background		: #F0F0F0;
	margin-top		: 20px;
	font-family: verdana; 
	font-size  : 12px; 
	}


h1 {font-size: 12px; margin:0px; text-align:left; line-height:normal; display:inline; font-weight:normal}
h2 {font-size: 10px; margin:0px; text-align:left; border:0px; font-weight:normal; line-height:normal; display:inline}
h3 {font-size: 12px; margin:0px; text-align:left; line-height:normal; display:inline}
h4 {font-size: 12px; margin:0px; text-align:left; line-height:normal; display:inline}
h5 {font-size: 12px; margin:0px; text-align:left; line-height:normal; display:inline}
h6 {font-size: 12px; margin:0px; text-align:left; line-height:normal; display:inline}
.arial { font-family:Arial;  }
.verdana { font-family:Verdana;  }
.ver_09 { font-size: 9px;  }
.ver_10 { font-size: 10px; }
.ver_11 { font-size: 11px; }
.ver_12 { font-size: 12px; }
.ver_13 { font-size: 13px; }
.ver_14 { font-size: 14px; }
.ver_15 { font-size: 15px; }
.ver_17 { font-size: 17px; }
.ver_20 { font-size: 18px; }
.arial_10pt { font-family:Arial; font-size:10pt; }
.TextBlueDark { color: #000080; }
.TextBlue { color: #001485; }
.TextBlueLight { color: #0100fe; }
.TextMerah { color: #ff0000; }
.TextMaroon { color: #990000; }
.TextPutih { color: #ffffff; }
.TextKuning { color: #E8E800; }
.TextYellow { color: #ffff00; }
.TextGreen { color: #009142; }
.TextBrown { color: #999900; }
.TextGrey  { color: #666666; }
.TextGreyLight { color: #666666; }
.TextGreyLight a{ color: #666666; text-decoration:none }
.TextGreyLight a:hover{ color: #666666; text-decoration:underline }
.TextSilver { color:#CCCCCC; }
.TextOrange { color: #FF6600; }
.TextGold { color: #A6A906; }
.TextBlue02 { color:#0000FF; }
.TextBluepastel { color: #7994A2; }
.TextBluepastel02 { color: #E8F0F1; }
.TextHitam { color:#000000;}
.TextBold { font-weight: bold; }
.TextHitamBold { color: #000000; font-weight: bold; }
.TextPutihBold { color: #ffffff; font-weight: bold; }
.TextYellowBold { color: #ffff00; font-weight: bold; }
.TitleError { color: #990000; font-weight: bold; }
.TitleOrange { color: #ff9900; font-weight: bold; }
.TitleYellowBold { color: #ffff00; font-weight: bold; font-size: 18px; }
.italicGrey  { color: #999999; font-style:italic; }
.italicGreen  { color: #808000; font-style:italic; }
.smallfont { font-size: 11px; }
.smallerfont { font-size: 10px; }
.borderAll { border: 1px solid #001485; }
.borderAllBrown { border: 1px solid #d8d89e; }
.borderAllRed { border: 1px solid #990000; }
.borderAllOrange { border: 1px solid #FFCC00; }
.borderAllOrangeOld { border: 1px solid #FF9900; }
.borderAllGreen { border: 1px solid #009142; }
.borderAllBlackLight { border: 1px solid #cccccc; }
.borderNone { border: 0; }
a:link {
	text-decoration: underline;
	color: #333333;
	
}
a:visited {
	text-decoration: none;
	color: #FAF9FA;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
a:active {
	text-decoration: none;
}
a img { border: 0; }
a.ImageBorder img { border: 1px solid #000000; }
.Link1 a { color: #0100fe; }
.Link2 a { color: #ff0000; }
.Link3 a { color: #4b5d9f; }
.Link4 a { color: #ffff00; }
.Link4 a:hover { color: #ffffff; }
.Link6 a { color: #000000; }
.Link7 a { color: #009142; }
.Link8 a { color: #ffffff; }
.Link9 a { color: #FF9900; }
.Link10 a { color: #FF6600; }
.Link11 a { color: #ffffff; }
.Link11 a:hover { color: #ffff00; text-decoration: none; }
.Link12 a { color: #FF00FF; }
.Link13 a { color: #000080; }
.Link14 a { color: #000080; text-decoration:underline; }
.Link14 a:hover { color: #000080; text-decoration:underline; }
.Link15 a { color: #666666; } 
.Link16 a { color: #009900; text-decoration:none; }
.Link16 a.hover { color:#009900; text-decoration:underline }
.Link17 a { color: #000080; text-decoration:none }
.Link17 a:hover { color: #000080; text-decoration:underline }
.Link18 a { color: #000000; text-decoration:none }
.Link18 a:hover { color:#000000; text-decoration:underline; }
.Link19 a { color: #009142; }
.Link19 a:hover { color: #009142; text-decoration: underline;}
.Link20 a { color: #666666; }

.Link20 a:hover { color: #666666; text-decoration:none;}
.Link21 a { color: #666666; }
.Link21 a:hover { color: #666666; text-decoration:underline;}
.Link22 a { color: #ff0000; text-decoration:none }
.Link22 a:hover { color: #ff0000; text-decoration:underline }
.Link23 a { color: #000000; text-decoration:none }
.Link23 a:hover { color:#000000; text-decoration:none; }
.Link24 a { color: #959523; }
.Link24 a:hover { color: #959523; text-decoration: underline;}
.Link25 a { color: #999900; }
.Link25 a:hover { color: #999900; text-decoration: underline;}
.Link26 a { color: #808000; text-decoration:none }
.Link26 a:hover { color:#808000; text-decoration:underline; }
.Link27 a { color: #808080; text-decoration:none }
.Link27 a:hover { color:#808080; text-decoration:underline; }
.Link28 a { color : #333333; text-decoration:underline}
.Link28 a:hover { color : #3973AC; text-decoration:underline}
.Link29 a { color: #CCCCCC; }
.Link29 a:hover { color: #CCCCCC; text-decoration:underline;}
.Link30 a { color: #ffffff; }
.Link30 a:hover { color: #ffffff; text-decoration:underline;}

a.headerLink { color: #ffffff; }
a.headerLink:hover { color: #dddddd; }
a.putihlink { color: #ffffff; font-size: 10px; font-weight: bolder; }
a.redLink { color: #cc3300; font-size: 12px; font-weight: bold;   }
a.top100link { color: #fcff00; font-size: 10px; font-weight: bolder; }
a.topnav { color: #000000; font-weight: bold; }
a.noLink { color: #000000; text-decoration: none; }






#wrapper_page {
	background		: url(../images/bg_inside.jpg);
	padding			: 0px;
	margin			: 0px;
	}

#header {
	background		: #495C9E;
	}

ul {
	margin:0px 0px 0px 15px;
	padding:0;
	list-style-type: square!important;
	list-style-type/**/:/**/square;

}
	
li {
	line-height: 18px;
	padding:0px 0px 0px 5px;
	margin: 0 0 0 15px;
	

}  

.li_more a {text-decoration:none; font-weight:bold; color:#3973AC;}
.li_more a:link {color:#3973AC; text-decoration:none; font-weight:bold; }
.li_more a:visited {color:#3973AC; text-decoration:none; font-weight:bold; }
.li_more a:hover {color:#3973AC; text-decoration:underline;}

.more { color: #ffffff; font-weight: bold; text-decoration:none;}
.more a {text-decoration:underline; font-weight:bold; color:#000000;}
.more a:link {color:#ffffff; text-decoration:underline; font-weight:bold; }
.more a:visited {color:#ffffff; text-decoration:underline; font-weight:bold; }
.more a:hover {color:#0000FF; text-decoration:underline;}


/** unordered list top menu **/
#topmenu {
	background			:#1B2962;
	padding				:0px 0px;
	}
ul#mainlevel-nav
{
	font-family:Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: auto !important;
	font-size: 11px;
	line-height: 23px;
	white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
	width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
	background: #535353;
	text-decoration:none;
	
}

.sublevel a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	display:block;
	background:url(../images/indent1.png) no-repeat;
	padding:8px 0px 5px 23px;
	background-position:2px 0px;
	color:#D9E6FF;	
}
.sublevel a:active {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;
	display:block;
	background:url(../images/indent1.png) no-repeat;
	padding:8px 0px 5px 23px;
	background-position:2px 0px;
	color:#D9E6FF;	
}
.sublevel a:visited {
	color:#D9E6FF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	background:url(../images/indent1.png) no-repeat;
	padding:8px 0px 5px 23px;
	background-position:2px 0px;
}
.sublevel a:hover {
	color:#93B7DB;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;
	display:block;
	padding:8px 0px 5px 23px;
	background-position:2px 0px;
	width:147px;
}

.sub_sublevel a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	display:block;
	background:url(../images/indent1.png) no-repeat;
	padding:8px 0px 5px 30px;
	background-position:10px 0px;
	color:#D9E6FF;	
}
.sub_sublevel a:active {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;
	display:block;
	background:url(../images/indent1.png) no-repeat;
	padding:8px 0px 5px 30px;
	background-position:10px 0px;
	color:#D9E6FF;	
}
.sub_sublevel a:visited {
	color:#D9E6FF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	background:url(../images/indent1.png) no-repeat;
	padding:8px 0px 5px 30px;
	background-position:10px 0px;
}
.sub_sublevel a:hover {
	color:#93B7DB;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;
	display:block;
	padding:8px 0px 5px 30px;
	background-position:10px 0px;
	width:147px;
}




#wrapper_main {
	background			:url(../images/bg_inside.jpg) repeat-y top;
	padding				:0px;
	margin				:0px;

	}
	
/** SIDEBaR MENU START **/
#main_menu {
	display:block;
	height:25px;
	line-height:25px;
	background:url(../images/sidebar-li-bg2.jpg) no-repeat 1px 0px !important;
	background/**/:/**/url(../images/sidebar-li-bg2.jpg) no-repeat;
	font-weight:bold;
	text-decoration:none;
	color:#D9E6FF;
	width:170px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	}
	
#main_menu a {
	display:block;
	font-size:11px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#D9E6FF;
}
	
#main_menu a:link{
	display:block;
	font-size:11px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#D9E6FF;
}
#main_menu a:active,
#main_menu a:visited{
	display:block;
	font-size:11px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#D9E6FF;	
}
#main_menu a:hover{
	display:block;
	height:25px;
	line-height:25px;
	background-color:#465166;
	color:#D9E6FF!important;
	text-decoration:none!important;
	width:160px;
}

.padding {
	display:block;
	padding-left:10px;
	}
/** SIDEBaR MENU end **/

.gap-rightmenu {
	padding-bottom:40px;
	}





.footer {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	line-height: 150%;
	padding-top: 10px;
}

.footersmall {
	font-size: 10px;
}

.footer a {text-decoration:none;}
.footer a:link {color:#666666;}
.footer a:visited {color:#666666;}
.footer a:hover {color:#666666; text-decoration:underline;}

.terms a {text-decoration:underline;}
.terms a:link {color:#000000;}
.terms a:visited {color:#000000;}
.terms a:hover {color:#3973AC;}

.content2 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height: 150%;
	text-align:justify;
}



.content_title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 150%;
	font-weight: bold;
}


/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
	color:#666666;
	text-align:left;
	margin-top:10px;
	letter-spacing: 2px;
	font-size:10px;
	text-decoration:none;
}
a.readon:hover {
	text-decoration:underline;
	color:#3973AC;
	background-color:inherit;
}

.height {
	width : 100%;
	height : 300px;
}