/* 
	Original template made by:
	project: internet market
	design: luka cvrk (www.solucija.com) 
	framework: Concept Nova (www.conceptnova.com) 
	Modified for Yanyanning.com by BiruMerah
	Design and template: Adhita AZ
*/
   
body 
{ 
	padding: 0; 
	margin: 0; 
	font: 0.7em Arial, sans-serif; 
	line-height: 1.5em; 
	background: #F0F0F0; 
	color: #454545; 

}

a { 
	color: #0E4D8B; 
	background: inherit; 
}

a:hover { 
	color: #000; 
	background: inherit;
}

a.title { 
	color: #B41A1A; 
	background: #FFF; 
}

h1 { 
	font: bold 2em Arial, Sans-Serif; 
	letter-spacing: -1px; 
	padding: 16px 0 0 8px; 
	margin: 0; 
}

h2 { 
	margin: 0; 
	padding: 0; 
	font: normal 1.6em Arial, Sans-Serif; 
	letter-spacing: -1px; 
	color:#313260;
}

h1 a { 
	color: #FFF; 
	background: inherit; 
}

h1 a, h2 a { 
	text-decoration: none; 
}

h1 a:hover, h2 a:hover { 
	color: #BFE1ED; 
	background: inherit; 
}

h3 { 
	font: 90% Arial, Sans-Serif; 
	margin: 0 0 10px 0; 
	padding: 0; 
	color: #5f5f5f; 
	background: #FFF; 
}

p {	
	margin: 0 0 0px 0; 
	line-height: 1.5em; 
}

form { 
	margin: 0; 
}

/*
input.search { 
	width: 199px; 
	border: none; 
	background: #FFF url("../images/input.gif"); 
	padding: 4px; 
	color: #808080; 
}

input.submit { 
	height: 24px; 
	font-weight: bold; 
	width: 53px; 
	border: none; 
	background: #D96855 url("../images/button.gif"); 
	padding: 3px; 
	color: #FFF; 
}
*/


/* layout
   ------ */

.content { 
	margin: 0px auto;
	width: 768px;
	background: transparent url("big_midd.gif") repeat-y;
	color: #454545;
	
}

*html .content {
	margin-top:-10px;
}

.logo {	
	padding: 18px 0 0 3px; 
}

/* header */
#atas {
	margin: 0px auto;
	width: 768px;
	height:70px;
}

*html #atas {
	padding-left:49px;
}

#bar {
	width:763px;
	margin-left:2px;
	height:15px;
	margin-top:-1px;
	margin-bottom:5px;
	background-color:#B42943;
}

.lengkung {
	padding-top:-10px;
	margin: 0px auto;
	background: url("lengkung.png") no-repeat;
	width:768px;
	height:30px;
}

.search {
	color: black;
	font-weight:bold;
	padding: 50px 0 10px 280px;
}

#banner_atas {
	background:transparent url("banner00.jpg") no-repeat;
	margin: 0px auto;
	width:775px;
	height:140px;
	margin-top:8px;
	margin-bottom:5px;
}

.header_top { 
	background: #FEFEFE url("big_top0.gif") no-repeat; 
	color: #FFF; 
	height: 15px; 
}

.header { 
	padding: 0px 10px 0 10px; 
}

.header_bottom 
{ 
	clear: both; 
	background: #FEFEFE url("big_bott.gif") no-repeat; 
	color: #FFF; 
	height: 15px; 
}

.top_bottom 
{ 
	clear: both; 
	background: #FEFEFE url("big_top0.gif") no-repeat; 
	color: #FFF; 
	height: 15px; 
}
    
/* navigation */
#menu {
	width:765px;
	height:57px;
	margin-left:2px;
	background:#F0F0F0;
}

*html #menu {
	margin-left:2px;
}

#nav1 { 
	margin-left:40px;
	width:100%; 
	float:left; 
}

*html #nav1 {
	margin-left:25px;
}

#nav1 ul { 
	margin:0; 
	list-style:none; 
	padding: 0; 
}

#nav1 a, #nav1 strong, #nav1 span { 
	float:left; 
	display:block; 
	color:#fff; 
	padding: 7px 20px 4px 10px; 
	background: #C43219 url("nav00000.gif") no-repeat 100% 0px; 
	text-decoration:none; 
	font-weight: bold; 
}

#nav1 a { 
	float:none; 
}

#nav1 li { 
	float:left; 
	width:160px;
	color: #FFF; 
	background: #C43219 url("nav00000.gif") no-repeat 0px 0px; 
	margin:0; 
	padding:0 0 0 9px; 
}

#nav1 a:link { 
	color:#BFE1ED; 
	background: #C43219 url("nav00000.gif") no-repeat 100% 0px; 
}

#nav1 a:hover { 
	color:#BFE1ED; 
	background: #C43219 url("nav00000.gif") no-repeat 100% 0px; 
}   
/*
#nav1 a:active { 
	background: #1995C2 url("../images/nav.gif") no-repeat 0 -41px; 
	color: #FFF; 
}

#nav1 a:active{ 
	background: #1995C2 url("../images/nav.gif") no-repeat 100% -41px; 
	padding:7px 20px 4px 11px; 
	color:#FFF; 
}

#active_menu {
	background: #1995C2 url("../images/nav.gif") no-repeat 100% -41px; 
	padding:7px 20px 4px 11px; 
	color:#FFF; 
}
*/


/*#nav1 #active_menu { 
	background: #1995C2 url("../images/nav.gif") no-repeat 0 -41px; 
	color: #FFF; 
}

#nav1 #active_menu a { 
	background: #1995C2 url("../images/nav.gif") no-repeat 100% -41px; 
	padding:7px 20px 4px 11px; 
	color:#FFF; 
}*/

#nav2 { 
	width:100%; 
	float:left; 
}

#nav2 ul { 
	margin:0; 
	list-style:none; 
	padding: 0; 
}

#nav2 a, #nav2 strong, #nav2 span { 
	float:left; 
	display:block; 
	color:#fff; 
	padding: 7px 20px 4px 10px; 
	background: #C43219 url("nav00000.gif") no-repeat 100% 0px; 
	text-decoration:none; 
	font-weight: bold; 
}

#nav2 a { 
	float:none; 
}

#nav2 li { 
	float:left; 
	width:143px;
	color: #FFF; 
	background: #C43219 url("nav00000.gif") no-repeat 0px 0px; 
	margin-top:0px; 
	margin-right:1px;
	margin-bottom:0px;
	margin-left:0px; 
	padding:0 0 0 9px; 
}

*html #nav2 li{
	width:143.5px;
	margin-right:1px;
}

#nav2 a:hover { 
	color:#BFE1ED; 
	background: #C43219 url("nav00000.gif") no-repeat 100% 0px; 
}  
/*
#nav2 a:active { 
	background: #1995C2 url("../images/nav.gif") no-repeat 0 -41px; 
	color: #FFF; 
}

#nav2 a:active { 
	background: #1995C2 url("../images/nav.gif") no-repeat 100% -41px; 
	padding:7px 20px 4px 11px; 
	color:#FFF; 
}
*/
/*modified*/
ol, ul, li{
list-style: none;
}

#atas {
	margin: 0px auto;
	width: 768px;
	height:70px;
}

*html #atas {
	padding-left:49px;
}

.syndicate{
width:180px;
}

.syndicate a{
background:transparent;
}

.syndicate a:hover{
background:transparent;
}

a.back_button {
color:#329920;
font-size:11px;
font-family:Verdana;
font-weight:bold;
text-decoration:none;
}
a.back_button:hover
{
color:#0099FF;
background-color:#F8F9DF;
text-decoration:underline;
} 

.latesnews{
width:180px;
}

.latestnews li{
margin: 0px 0px 0px -20px;
}

.latestnews a{
padding-left:0px;
text-transform:capitalize;
background:transparent;
font-family:Verdana;
color:#828282;
letter-spacing:0.3px;
}

.latestnews a:hover{
padding-left:0px;
text-transform:capitalize;
background:transparent;
color:#828282;
font-weight:bold;
}

.mostread{
width:180px;
}

.mostread li{
margin: 0px 0px 0px -20px;
}

.mostread a{
padding-left:0px;
text-transform:capitalize;
background:transparent;
font-family:Verdana;
color:#828282;
letter-spacing:0.3px;
}

.mostread a:hover{
padding-left:0px;
text-transform:capitalize;
background:transparent;
color:#828282;
font-weight:bold;
}
/*end modified*/
.sf_left {
	float: left;
	width: 210px;
	height: 157px;
	background: url("banner00.jpg") 50% 0% no-repeat; 
	color: #FFF;
	padding: 0px 0 0px 0px;
}

.sf_right {
	width: 537px;
	float: right;
}

.subheader {
	padding: 8px;
	background: #f0f0f0;
	color: #808080;
}

/* left side
   --------- */

.left {
	float: left;
	width: 595px;
	margin: 0 0 10px 0;
}

*html .left{
}

.box_top {
	background: #F0F0F0 url("leftbox_.gif") no-repeat;
	color: #808080;
	height: 40px;
	width: 159px;
}

.box_top h2 {
	color: black;
	background: inherit;
	padding: 7px 0 0 5px;
	margin: 0;
}

.box {
	border-left: 2px solid #F0F0F0;
	border-right: 2px solid #F0F0F0;
	padding: 0 4px 0 7px;
	margin: 0;
	width: 144px;
	color: #595959;
	background: #FFF;
}

.box_bottom {
	background: #FFF url("leftbox0.gif") no-repeat;
	color: #000;
	height: 13px;
	width: 160px;
	margin: 0 0 7px 0;
}

/* left and central column */
.left_side { 
	float: left; 
	width: 159px; 
	padding: 0px 5px 8px 8px; 
}

.right_side { 
	float:left;
	width: 400px; 
	margin: 0 0 0 0; 
	text-align: justify; 
}

*html .right_side { 
	width:400px;
}

.article { 
	float:left;
	width:385px;
	padding: 0 5px 0 0px; 
	margin-bottom: 20px; 
}

.grey_top { 
	clear: both; 
	width: 382px; 
	background: #EDEDED url("grey_top.gif") no-repeat; 
	color: #000; 
	height: 5px; 
	padding: 0; 
	margin: 0px 0 0 6px; 
}

.grey { 
	width: 362px; 
	margin: 0 0 0 6px; 
	padding: 10px; 
	background: #EDEDED url("grey_bot.gif") no-repeat bottom left; 
	color: #808080;	
}
	
.grey a {
	color: #C83C3C;
	background: inherit;
	font-weight: bold;
}

.grey a:hover {
	color: #000;
	background: #EDEDED;
}

.highlight {
	padding: 5px 3px 5px 3px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
}

		
/* right side
   ---------- */

.right { 
	float:left;
}

*html .right {
	/*margin: 0 0 0 0px; */
}
		
img { 
	float: left; 
	margin: 0 9px 3px 0; 
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #808080;
	background: #f0f0f0;
	padding: 10px 0 5px 0;
	border-top: 1px solid #eee;
}
.footer p {	
	line-height: 2em; 
}

.footer a {	
	color: #4F4F4F; 
	background: #f0f0f0; 
	border-bottom: 1px dotted #808080; 
	text-decoration: none; 
} 


/*NEW MODIFIED*/

ol, ul, li{
list-style: none;
}

.moduletable {
margin-top:-5px;
margin-left:-40px;
width:200px;
}

*html .moduletable{
margin-left:-40px;
margin-right:-40px;
width:180px;
}

.moduletable h3 {
font-size:17px;
margin-left:5px;
color:black;
background:transparent;
padding-left:-10px;
font-family:Arial;
font-weight:bold;
letter-spacing:1px;
margin-top:-10px;
}

*html .moduletable h3{
padding-left:10px;
padding-top:15px;
}

.moduletable table {

}

.moduletable td {
}

.moduletable a {
padding-left:10px;
font-size:1em;
letter-spacing:0.5px;
color:#E2F2FC;
text-decoration:none;
font-weight:bold;
height:30px;
padding-top:5px;
text-transform:Capitalize;
float: left;
}

*html .moduletable a{
margin-left:0px;
}

.moduletable a:hover {
text-decoration:none;
color:#5BB0CC;
}

a.mainlevel {
width: 180px;
margin-bottom:-5px;
background: url("nav10000.png") top left no-repeat;
}

a.mainlevel:hover {
	background-position: 0px -35px;
	text-decoration: none;
	color: White;
}

#active_menu {
	background-position: 0px -35px;
	text-decoration: none;
	color: White;
}

a#active_menu:hover {
	color: #EBEBEB;
}

.tabulasi
{
	width:180px;
}

/*new for extended child menu*/
.sublevel
{
	width: 140px;
	margin-top:2px;
	margin-left:5px;
}

a.sublevel
{
	background:#DEE3E9;
	border-top:#475170 solid 1px;
	border-bottom:#475170 solid 1px;
	height:80%;
	font-size:11px;
	letter-spacing:0.1px;
	font-family:Tahoma;
	line-height:12px;
	padding-bottom:5px;
	color:#7682AB;
}

a:hover.sublevel
{
	background:#738bae;
	color:navy;
}

a#active_menu.sublevel {
	color: navy;
}

.componentheading, .contentheading
{
	font-size:20px;
	font-weight:bold;
	font-family:Trebuchet MS;
	color:#b42943;
}