.BACKGROUND { background-color: #e0e0e0; color: black; border-width: 5px; border-color: brown; border-style: ridge; margin-top: 25px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: large; }
.BHORUM { background-color: #cc0000; color: #ffff00; border-width: 3px; border-color: #000000; border-style: groove; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px; font-weight: bold; font-size: large; }
.BLACKBOARD { background-color: black; color: white; border-width: 20px; border-color: #df7401; border-style: inset; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; font-weight: bold; font-size: large; }
.BLINK { text-decoration: blink; }
.BORDER { color:  #333300; border-width: 5px; border-color: #C4C4C4; border-style: Groove; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; font-size: small; }
.BORDER a { color: Blue; }
.CreditSystem { background-color: #D8D8D8; border-width: 5px; border-color: #cc0000; border-style: outset; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-size: large; }
.Creditsestam2 { background-color: black; border-width: 5px; border-color: #cc0000; border-style: outset; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-size: large; font-style: italic; }
.HEADING { background-color: #64FE2E; color: #1c1c1c; border-bottom-width: 5px; border-bottom-color: #fa5882; border-bottom-style: groove; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; font-weight: bold; font-size: large; }
.NEW { background-color: #000066; color: #ffff00; border-width: 3px; border-color: #000000; border-style: groove; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px; font-weight: bold; font-size: large; }
.ONE { <div style="background-img: ">
<div style="border:1px solid white">
<div style="border:1px solid#110000">
<div style="border:1px solid#220000">
<div style="border:1px solid#330000">
<div style="border:1px solid#440000">
<div style="border:1px solid#550000">
<div style="border:1px solid#660000">
<div style="border:1px solid#770000">
<div style="border:1px solid#880000">
<div style="border:1px solid#990000">
<div style="border:1px solid#aa0000">
<div style="border:1px solid#990000">
<div style="border:1px solid#880000">
<div style="border:1px solid#770000">
<div style="border:1px solid#660000">
<div style="border:1px solid#550000">
<div style="border:1px solid#440000">
<div style="border:1px solid#330000">
<div style="border:1px solid#220000">
<div style="border:1px solid#110000">
<div style="border:1px solid khaki">
<center>letakkan teks/image/link dll disini</center>
</ div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>; }
.RAJ { background-color: #ccffcc; color:#FF0040; border-width: 2px; border-color: #00ccff; border-style: groove; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; font-weight: bold; font-size: large; }
.SATTAKING { border-width: 5px; border-color: #ff0099; border-style: inset; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; font-weight: bold; font-size: large; }
.SATTAKINGONE { background-color: #6600cc; color: #000000; border-width: 1px; border-color: #bb22ff; border-style: solid; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; font-weight: bold; }
.SATTAKINGTWO { background-color: #003300; color: #ff0066; border-bottom: 3px solid #bb22ff; border-right: 3px solid #bb22ff; border-top: 3px solid #6600cc; border-left: 3px solid #6600cc; margin-bottom: 1px; padding: 1px; text-align: center; font-weight: bold; font-size: large; }
.SATTABRO { border-width: 5px; border-color: #ff0099; border-style: inset; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; font-weight: bold; font-size: large; text-decoration: blink; }
.SATTABRO a { color: #FFFF00; }
.TEXT { background-color: #e6e6e6; color: #1c1c1c; border-width: 2px; border-color: #d8d8d8; border-style: ridge; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; font-weight: bold; font-size: large; }
.TEXT { background-color: #e6e6e6; color: #1c1c1c; border-width: 2px; border-color: #d8d8d8; border-style: ridge; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
.THREE { <div style="border-left: #3a3a5a 20px solid; border-top: #3a3aaa 10px solid; border-right: #3a3a5a 20px solid; border-bottom: #3a3aaa 10px solid; margin: 5px; ">
<div style="border: 2px solid#808000; padding: 1px; background: red; }
.TWO { <div style= "background-color: red; text-align: center; border: #191930 2px solid" >
<div style= "border:#191940 2px solid" >
<div style= "border:#191950 2px solid" >
<div style= "border:#191960 2px solid" >
<div style= "border:#191970 2px solid" >
<div style= "border:#191980 2px solid" >
<div style= "border:#191990 2px solid" >
<div style= "border:blue 2px solid; padding: 2px; margin: 2px" >
<center>letakkan teks/image/link dll disini</center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>; border-top: #808080 5px solid; border-left: #c0c0c0 5px solid; border-right: #c0c0c0 5px solid; border-bottom: #808080 5px solid; }


/*FACEBOOK STYLE CSS*/
a:link, a:visited { 
color : #3b5998; 
text-decoration : none; 
}
a:focus, a:hover { 
color : #fff; 
background-color : #ffffff; 
} 
input3 {
background : #ffffff; 
border : 1px solid #3b5998; 
padding : 1px;
margin : 1px 1px 1px 2px;
color : #3b5998;
} 
input3:hover {  
background : #3b5998; 
border : 1px solid #ffffff; 
border-left : 1px solid #ffffff;
padding : 1px;
margin : 1px 1px 1px 2px;
color : #3b5998;
} 
textarea3:hover { 
color : #ff0000; 
background : #ffffff; 
border : 1px solid #a1c478; 
padding : 1px;
margin : 1px 1px 1px 2px;
} 
select { 
background : #3b5998;
border : 1px solid #3b5998;
padding : 1px;
margin : 1px 1px 1px 3px;
color : #ffffff;
}
select:hover {
background : #325998;
border : 1px solid #3b5998;
border-left : 1px solid #bfbfbe;
padding : 1px;
margin : 1px 1px 1px 3px;
color : #ffffff;
}
button {
background-color : #3b5998;
color : #fff;
}
body { 
/*background-color: #f9fcff; 
color : #425b89;*/ 
font-size : 11px; 
font-family : Tahoma; 
margin : 0; 
padding : 0; 
/*border : 1px solid #e1e1e1;*/ 
margin: auto; max-width: 1000px;
} 
form { 
font-size : small; 
margin : 0; 
padding : 0; 
} 
h3 { 
margin : 0; 
padding : 0; 
padding-bottom : 2px; 
} 
hr { 
margin-top : 2px; 
margin-bottom : 2px; 
border-top : 1px solid #e3e3e3; 
border-right-style : none; 
border-right-width : 0; 
border-bottom-style : none; 
border-bottom-width : 0; 
border-left-style : none; 
border-left-width : 0; 
} 
p { 
margin-top : 6px; 
margin-bottom : 6px; 
} 
ul { 
margin : 0; 
padding-left : 20px; 
} 
.bmenu, .phdr, .hdr { 
color : #ffffff; 
background-color : #3b5998; 
background-repeat : repeat-x; 
background-position : 50% top; 
margin-top : 1px; 
margin-bottom : 1px; 
padding : 2px; 
border : 1px solid #E0E6FF; 
} 
.bmenu a, .phdr a, .hdr a { 
color : #fff; 
border-bottom : 1px dotted #243E60; 
} 
.bmenu a:hover, .phdr a:hover, .hdr a:hover { 
color : #dbfaff; 
border-bottom : 1px dotted #243E60; 
} 
.clip { 
color : #459bb1; 
border : 1px solid #dfdfdf; 
font-size : x-small; 
background-color : #f8f8f8; 
padding : 4px 4px 8px; 
} 
.end { 
text-align : center; 
} 
.func { 
border-left : 4px solid #425b89; 
color : #425b89; 
font-size : x-small; 
margin-top : 4px; 
margin-left : 2px; 
padding-left : 4px; 
} 
.gmenu { 
color : #75bf00; 
background-color : #fafff0; 
background-repeat : repeat-x; 
background-position : 50% top; 
margin-top : 1px; 
margin-bottom : 1px; 
padding : 2px; 
border : 1px solid #d4eba1; 
} 
.gmenu a { 
color : #6db900; 
border-bottom : 1px dotted #cfe798; 
} 
.gmenu a:hover { 
color : #92e31d; 
border-bottom : 1px dotted #e3f0c5; 
} 
.gray { 
color : #979797; 
} 
.green { 
color : #66bd00; 
} 
.logo { 
background: #E0E6FF;
background-repeat : repeat-x; 
background-position : 50% top; 
text-align : center; 
margin-top : 1px; 
margin-bottom : 1px; 
padding : 2px; 
} 
.header, .footer { 
color : #ffffff; 
background-color : #425b89; 
background-repeat : repeat-x; 
background-position : 50% top; 
margin-top : 1px; 
margin-bottom : 1px; 
padding : 2px; 
border : 1px solid #abbefb; 
} 
.footer a { 
color : #f2f2f2; 
text-decoration : none; 
border-bottom : 1px dotted #243E60; 
} 
.footer a:hover { 
color : #d2d2d2; 
text-decoration : none; 
border-bottom : 1px dotted #243E60; 
} 
.left { 
float : left; 
} 
.list1, .b { 
background-color : #FFFFE0; 
margin-top : 1px; 
margin-bottom : 1px; 
padding : 2px; 
border : 1px solid #abbefb; 
} 
.list2, .c { 
background-color : #E3EFFF; 
margin-top : 1px; 
margin-bottom : 1px; 
padding : 2px; 
border : 1px solid #abbefb; 
} 
.maintxt { 
padding-right : 1px; 
padding-left : 1px; 
border : 1px solid #E0E6FF; 
} 
.menu, .news { 
padding: 2px;
margin: 1px;
background-color: #E0E6FF;
} 
.phpcode { 
color : #5f8086; 
background-color : #f1f7f8; 
border : 1px dotted; 
margin-top : 4px; 
padding : 0 2px; 
} 
.quote { 
border-left : 4px solid #c1c1c1; 
color : #878787; 
font-size : x-small; 
padding : 2px 0 2px 4px; 
margin-left : 2px; 
} 
.red, .red a:link, .red a:visited { 
color : #ff0a00; 
} 
.reply { 
border-left : 4px solid #ff2600; 
color : #f42400; 
padding : 2px 0 2px 4px; 
} 

.aut { 
color : #3fa400;
font-weight : bold; 
font-size : x-small; 
padding-left : 0; 
} 
.sub { 
border-top : 1px dotted #cacaca; 
font-size : x-small; 
margin-top : 4px; 
} 
.sub a:link, .sub a:visited { 
text-decoration : none; 
} 
.rekl_menu, .fmenu { 
color : #243E60; 
background-color : #f1f1f1; 
background-repeat : repeat-x; 
background-position : 50% bottom; 
margin-top : 1px; 
margin-bottom : 1px; 
padding : 2px; 
border-top : 1px solid #e1e1e1; 
border-bottom : 1px solid #e1e1e1; 
} 
.tmn a:link, .tmn a:visited { 
color : #243E60; 
text-decoration : none; 
border-bottom : 1px dotted #e7e7e7; 
} 
.tmn a:hover { 
color : #ff5a00; 
border-bottom : 1px dotted #d2d2d2; 
}

#top_five {
  background-color: #ffff00;
  border-color: #00008d;
  border-left: 3px solid #00008d;
  border-right: 3px solid #00008d;
  border-style: solid;
  border-width: 3px;
  color: #000000;
  font-family: "Times New Roman",Times,serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 10px;
  text-align: center;
}

#pic {
  margin-top: 5px;
  text-align: center;
  width: 100%;
}