body {
        background-color: #eaeaea;
        margin: 0px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #4E4E4E;
}


img {
        border: none;
}
#bodywrap {
        width: 1000px;
        
        border: 1px solid #272727;
        margin-left: auto;
        margin-right: auto;
}

#header {
        width: 1000px;
        height: 110px;
        background: Aqua;
        background-image: url(/images/topbarbg.jpg);
}
#logo {
        width: 285px;
        height: 90px;
        float: left;
        padding-left: 35px;
        padding-top: 20px;
}
#headerright {
   width: 680px;
        height: 110px;
        float: right;
}
#search {
        width: 680px;
        height: 54px;
        padding-top: 20px;
        position: relative;
}
.biaya {
        color: #f7fe85;
        position: absolute;
        left: 300px;
        top: 7px;
}
.topmenu {
        list-style-type: none;
        padding-top: 50px;
        display: inline;
}

#topmenu li {
        display: inline;
}
#topmenu li a
{
        color: White;
        width: 125px;
        height: 25px;
        text-decoration: none;
        float: left;
        background-image: url(/images/tabgreybg.png);
        margin-right: 2px;
        padding-top: 11px;
        text-align: center;
}
#topmenu li a:hover
{
        color: Black;
                  width: 125px;
             height: 25px;
                          background-image: url(/images/tabwhitebg.png);
        margin-right: 2px;
        padding-top: 11px;
                  
}
#topmenu li a:active
{
        color: Black;
                  width: 125px;
             height: 25px;
                          background-image: url(/images/tabwhitebg.png);
        margin-right: 2px;
        padding-top: 11px;          
}
#body {
        width: 1000px;
        background: #eaeaea;
}
#box {
        width: 183px;
        border: 1px groove #A0A0A0;
        margin-left: 60px;
        padding-top: 10px;
        padding-left: 17px;
        padding-bottom: 10px;
        background-color: #FFFFE0;
}
#leftside {
        width: 320px;
        float: left;
        }
#leftmenu {
        width: 319px;
        height: 320px;
        border-right: 1px solid White;
        float: left;
        background-image: url(/images/leftmenubg.jpg);
        
}
.leftmenu {
        list-style-type: none;
        padding-top: 50px;
        float: left;
}
.leftmenu a:hover {
        list-style-type: none;
        float: left;
        padding-left: 10px;
        padding-top: 0px;
}
.leftmenu a:active {
        list-style-type: none;
        float: left;
        padding-left: 10px;
        padding-top: 0px;
}

#greenbarleft {
        width: 319px;
        height: 125px;
        float: left;
        border-top: 1px solid White;
        border-right: 1px solid White;
}
#leftitem {
        width: 319px;
        float: left;
        border-top: 1px solid White;
        border-right: 1px solid White;
        background-image: url(/images/leftitembg1.png);
        background-position: top;
        background-repeat: no-repeat;
}
#motivasi {
        width: 200px;
        padding-bottom: 50px;
        padding-left: 60px;
        padding-top: 40px;

}
.motivasi {
        margin: 0px;
        padding-left: 15px;
        padding-top: 10px;
        padding-right: 5px;
        padding-bottom: 10px;
        line-height: 150%;
        color: #515f02;
}
.judulmotivasi {
        padding-top: 10px;
        color: #515f02;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
}

.motivasicontent{
background: #fdfcdb;
font-size: 12px;        
}        
#content {
        width: 680px;
        float: right;
}
#mainbanner {
        width: 680px;
        height: 320px;
        float: right;
}
#greenbarright {
        width: 680px;
        height: 125px;
        border-top: 1px solid White;
        background: #a2ad29;
        float: right;
        background-image: url(/images/greenbarbg.gif);
        background-repeat: repeat-x;
        position: relative;
}
.vpresentasi {
        width: 210px;
        color: White;
        position:absolute;
   left: 22px;
   top: 55px;
}
.vrekrutmen {
        width: 210px;
        color: White;
        position:absolute;
   left: 242px;
   top: 55px;

}
.vdiskusi {
        width: 210px;
        color: White;
        position:absolute;
   left: 462px;
   top: 55px;

}
#contentitem {
        width: 680px;
        float: right;
        border-top: 1px solid White;
}
#boxcontent1 {
        width: 560px;
        border: 1px solid #bbbbbb;
        background-color: White;
        margin-top: 20px;
        margin-left: 20px;
                  padding-top: 0px;
        padding-left: 40px;
                  padding-right: 40px;
                  padding-bottom: 40px;
}

#salam {
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2px;
}
#footer {
        width: 960px;
        height: 60px;
        background: #c7c7c7;
        border-top: 1px solid White;
        padding-top: 20px;
        padding-left: 40px;
        font-size: 10px;
}
#clearboth {
        clear: both;
}
#sponsor {
        width: 300px;

}
.sponsorcontent {
        padding-left: 60px;
        padding-top: 20px;
        text-transform:capitalize;
        
}
#mainmenu {
        width: 300px;

}
.mainmenucontent {
        padding-left: 50px;
        padding-top: 10px;
}

#menu4 {
        width: 200px;
        border-style: solid solid none solid;
        border-color: #D76100;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
}
        
#menu4 li a {
          height: 32px;
          voice-family: "\"}\""; 
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }
        
#menu4 li a:link, #menu4 li a:visited {
        color: #9E3C02;
        display: block;
        background: url(/images/menu4.gif);
        padding: 8px 0 0 30px;
        }
        
#menu4 li a:hover {
        color: #fff;
        background: url(/images/menu4.gif) 0 -32px;
        padding: 8px 0 0 30px;
        }
        
#menu4 li a:active {
        color: #fff;
        background: url(/images/menu4.gif) 0 -64px;
        padding: 8px 0 0 30px;
        }
.ul4 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.keuntungan {
        list-style-image: url(/images/check.gif);
}
#fotopbc {
        border: 1px solid Gray;
        height: 152px;
        padding: 10px;
        font-size: 10px;
        width: 425px;
        margin-left: 65px;
}

.bl {background: url(/images/bl.png) 0 100% no-repeat}
.br {background: url(/images/br.png) 100% 100% no-repeat}
.tl {background: url(/images/tl.png) 0 0 no-repeat}
.tr {background: url(/images/tr.png) 100% 0 no-repeat; padding:10px} 

.imageborder {
        margin-right: 10px;
        float:left;
}
.imageborder1 {
        margin-right: 20px;
        float:left;
}
.imgpeluang {
        margin-right: 10px;
        float: left;
        clear: both;
}
#merubah {
        font-size: 18px;
        text-align: center;
        color: #35690a;
        padding-bottom: 30px;
}
#merubah1 {
        font-size: 16px;
        text-align: center;
        color: #35690a;
        padding-bottom: 5px;
}
#merubah2 {
        font-size: 12px;
        text-align: center;
        color: Gray;
        padding-bottom: 20px;
}
#catatan {
        font-size: 12px;
        color: Teal;
}
.menutitle {
        padding-left: 10px;
        font-weight: bold;
        font-size: 14px;
}
#status {
        margin-top: 50px;
}
.statustitle {
        height: 30px;
        font-weight: bolder;
        text-align: center;
        border: 1px solid Gray;
        color: White;
        background-color: Gray;
        padding-top: 10px;
        font-size: 16px;
}
.statuscontent {
        height: 20px;
        text-align: center;
        border: 1px solid Gray;
        padding-top: 6px;
}
#upline {
        
}
.uplinetitle {
        width: 147px;
        float: left;
        height: 47px;
        border-bottom: 1px solid Gray;
        border-left: 1px solid Gray;
        border-top: 1px solid Gray;
        padding-top: 3px;
        padding-left: 3px;
        margin-bottom: 5px;
}
.namaupline {
        width: 405px;
        height: 47px;
        float: right;
        border-bottom: 1px solid Gray;
        border-right: 1px solid Gray;
        border-top: 1px solid Gray;
        padding-top: 3px;
        padding-left: 3px;
        margin-bottom: 5px;
}
#konfirmasi {
        clear: both;
        padding-top: 10px;
}
#buku {
        width: 183px;
        border: 1px groove #A0A0A0;
        margin-left: 60px;
        padding-top: 10px;
        padding-left: 17px;
        padding-bottom: 10px;
        background-color: #FFFFE0;

}
.imageborder1 {
        margin-right: 20px;
        float:left;
}
#videoplayer {
        width: 320px;
        height: 240px;
        padding: 3px 3px 3px 3px;
        border: 1px solid #8F8F8F;
}









#membermenu {
        width: 660px;
        margin-top: 20px;
        margin-left: 20px;

}




ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
        margin:0px;
        list-style:none;
        padding:0px 2px 2px 0px;
        background-color:#333333;
        background-repeat:repeat;
        border-color:#cccccc #111111 #111111 #cccccc;
        border-width:1px;
        border-style:solid;
        width: 638px;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
        display:block;
        zoom:1;
        float: left;
}
ul.cssMenu ul{
        width:155.4px;
}
ul.cssMenu li{
        display:block;
        margin:2px 0px 0px 2px;
        font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
        display:block;
        vertical-align:middle;
        background-color:#333333;
        border-width:1px;
        border-color:#333333;
        border-style:solid;
        text-align:left;
        text-decoration:none;
        padding:2px 5px 2px 10px;
        _padding-left:0;
        font:normal 12px Trebuchet MS,Tahoma;
        color: #cccccc;
        text-decoration:none;
        cursor:default;
}
ul.cssMenu span{
        overflow:hidden;
}
ul.cssMenu li {
        float:left;
}
ul.cssMenu ul li {
        float:none;
}
ul.cssMenu ul a {
        text-align:left;
        white-space:nowrap;
}
ul.cssMenu li.sep{
        text-align:left;
        padding:0px;
        line-height:0;
        height:100%;
}
ul.cssMenu li.sep span{
        float:none;        padding-right:0;
        width:3px;
        height:100%;
        display:inline-block;
        background-color:#cccccc #111111 #111111 #cccccc;        background-image:none;}
ul.cssMenu ul li.sep span{
        width:100%;
        height:3px;
}
ul.cssMenu li:hover{
        position:relative;
}
ul.cssMenu li:hover>a{
        background-color:#377D9F;
        border-color:#377D9F;
        border-style:solid;
        font:normal 12px Trebuchet MS, Tahoma;
        color: #FFFFFF;
        text-decoration:none;
}
ul.cssMenu li a:hover{
        position:relative;
        background-color:#377D9F;
        border-color:#377D9F;
        border-style:solid;
        font:normal 12px Trebuchet MS, Tahoma;
        color: #FFFFFF;
        text-decoration:none;
}
ul.cssMenu li.dis a {
        color: #666 !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
        display:block;
        background-image:url(/images/arr_white.gif);
        background-position:right center;
        background-repeat: no-repeat;
   padding-right:12px;}
ul.cssMenu li:hover>a>span{        background-image:url(/images/arrv_white.gif);
}
ul.cssMenu a:hover span{        _background-image:url(/images/arrv_white.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(/images/arr_white.gif)}