body, html{
width : 100%;
padding : 0px;
margin : 0px;
background : #fff;
background-image : url(../images/bgbody.png);
background-repeat : repeat-x;
}


#wrapper{
width : 980px;
background-color : #fff;
height : auto;
padding : 0px;
margin : 0 auto;
padding-top : 10px;
}
#content{
width : 980px;
background-color : #fff;
height : auto;
float : left;
padding-top : 10px;
margin-top : -10px;
}

#menu{
width : 950px;
height : 80px;
background-color : #5BA1DC;
padding : 10px;
margin-left : 10px;
padding-top:15px;
padding-left:0px;
}


#footer{
width : 960px;
height : auto;
background-color : #5BA1DC;
padding : 10px;
float : left;
padding-bottom : 5px;
}

#copyright{
width : 960px;
height : auto;
background-color : #257CC5;
padding : 10px;
float : left;
padding-bottom : 5px;
font-family : arial;
font-size : 10px;
color : #fff;
text-align : center;
}

.footcont{
font-family : arial;
font-size : 12px;
color : #fff;
text-align : left;
float : left;
width : 400px;
height : auto;
}

.footleft{
font-family : arial;
font-size : 10px;
color : #fff;
float : left;
width : 400px;
height : auto;
background-color : none;
}

#botmenu{
width : 960px;
height : 30px;
background-color : #277DC6;
padding : 0px;
float : left;
margin-left : 10px;
}

.logo{
width : 245px;
background-color : none;
height : 60px;
margin-top : -12px;
padding : 2px 10px 5px 10px;
z-index : 100;
position : relative;
float : left;
}

.areacari{
float : right;
width : 400px;
height : 20px;
text-align : right;
font-family : arial;
font-size : 11px;
color : #fff;
margin-top : 5px;
}

#banner{
width : 960px;
background-color : #fff;
height : 190px;
margin-bottom : 10px;
padding : 10px 10px 0px 10px;
margin : 10px;
margin-bottom : 0px;
margin-top : 45px;
}

h2.judul{
font-family : sans-serif;
font-size : 20px;
font-weight : normal;
color : #4C4C4C;
margin-bottom : 30px;
}

h2.gal{
font-family : sans-serif;
font-size : 20px;
font-weight : normal;
color : #4C4C4C;
margin-bottom : 10px;
margin-top : 0px;
border-bottom : solid 1px #EFEDED;
padding-bottom : 5px;
}

h2.video{
font-family : sans-serif;
font-size : 16px;
font-weight : bold;
color : #4C4C4C;
margin-bottom : 10px;
margin-top : 30px;
}

h2.chat{
font-family : sans-serif;
font-size : 16px;
font-weight : bold;
color : #fff;
margin-bottom : 10px;
margin-top : 5px;
}


h2.judul2{
font-family : sans-serif;
font-size : 20px;
font-weight : normal;
color : #4C4C4C;
margin-bottom : 10px;
padding-top : 20px;
}

a.judul2{
font-family : sans-serif;
font-size : 20px;
font-weight : normal;
color : #4C4C4C;
margin-bottom : 10px;
padding-top : 20px;
text-decoration : none;
}

.cover{
background-color :#f2f1f0;
padding : 10px;
border : 1px solid #cdcdcd;
margin-right : 20px;
}

.cover2{
background-color :none;
padding : 0px;
border : 1px solid #cdcdcd;
margin-right : 0px;
}

a.album{
text-decoration : none;
font-size : 12px;
font-family : arial;
margin-top : 10px;
text-align : center;
}

.tdalbum{
background-color : none;
text-align : center;
float : left;
margin-left : 0px;
}



#left{
width : 245px;
padding : 5px 5px 60px 15px;
float : left;
height : 100%;
background-color : #f1f1f1;
margin : 2px 5px 10px 10px;

}

#center{
width : 655px;
padding : 5px 15px 10px 10px;
float : left;
height : auto;
padding-left : 15px;
background-color : #f1f1f1;
margin : 5px;
font-family : arial;
font-size : 12px;
color : #28292a;
line-height : 22px;
margin-top : 2px;
}

#centersel{
width : 655px;
padding : 5px 15px 10px 10px;
float : left;
height : auto;
padding-left : 15px;
background-color : #fff;
margin : 5px;
font-family : arial;
font-size : 12px;
color : #28292a;
line-height : 22px;
margin-top : 2px;
}

.lang{
float : right;
width : 70px;
background-color : none;
height : 20px;
margin-top : -5px;
text-align : right;
margin-right : 10px;
margin-top : 5px;
}

.menulink{
float : left;
width : 870px;
height : 30px;
background-color : none;

}


li.news{
font-size : 12px;
font-family : arial;
padding-bottom : 7px;
border-bottom : solid 1px #CFCCCC;
list-style-type : none;
margin-left : -40px;
width : 240px;
margin-top : 10px;
}

li.lichat{
font-size : 12px;
font-family : arial;
padding-bottom : 7px;
border-bottom : solid 1px #76bcf8;
list-style-type : none;
margin-left : -40px;
width : 240px;
margin-top : 10px;
}

a.chat{
font-family : sans-serif;
font-size : 12px;
font-weight : bold;
color : #fff;
text-decoration : none;
margin-bottom : 15px;
}

a.chat:hover{
color : #fdc10b;

}

a.lainnya{
font-family : sans-serif;
font-size : 12px;
font-weight : bold;
color : #265871;
text-decoration : none;
margin-bottom : 15px;
}

a.lainnya:hover{
color : #dc1011;
}

a.menuatas{
width : auto;
height : 18px;
padding : 7px 25px 5px 25px;
background-color : none;
text-decoration : none;
font-family : arial;
font-size : 12px;
color : #fff;
display : block;
float : left;
border-right : solid 1px #8a8989;
margin-left : 5px;
}

a.menuatas:hover{
background-color :#4d95bf;
}

a.menuatas2{
width : auto;
height : 18px;
padding : 7px 25px 5px 25px;
background-color : none;
text-decoration : none;
font-family : arial;
font-size : 12px;
color : #fff;
display : block;
float : left;
border-right : solid 1px #8a8989;
border-left : solid 1px #5c5b5b;
}

a.menuatas2:hover{
background-color :#4d95bf;
}

a.textmore{
text-decoration:none; color:#3F3D3D;
}

a.textmore:hover{
text-decoration:none; color:#BC1817;
}