body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: smaller;
 background-color: #fff;
}
div.center {text-align: center}
h1,h2,h3 {color:#000099; font-weight:bold}
h1 {font-size: 130%; margin-top: 1em; margin-bottom: 0.4em; margin-left:0.4em; margin-right:0.4em}
h2 {font-size: 110%; margin-top: 1em; margin-bottom: 0.4em;margin-left:0.4em; margin-right:0.4em}
h3 {font-size: 80%;  margin-top: 1em; margin-bottom: 1em;margin-left:0.6em; margin-right:0.6em}
h1.center {text-align: center}
h2.center {text-align: center}
h3.justify {text-align: justify}
pre {font-size: 80%; margin-top: 1em; margin-bottom: 0.4em}
ol {margin-top: 0.8em; margin-bottom: 0}
ul {margin-top: 0.8em; margin-bottom: 0}
blockquote {margin-top: 0.8em; margin-bottom: 0}
p {font-size:100%;margin-top: 0.8em; margin-bottom: 0;margin-left:0.6em; margin-right:0.6em; text-align:justify}
p.big_bold {font-size: larger; font-weight: bold}
p.big_bold_center {font-size: larger; font-weight: bold; text-align: center}
p.bold {font-weight: bold}
p.bold_center {font-weight: bold; text-align: center}
p.center {text-align: center}
p.huge_bold_center {font-size: 200%; font-weight: bold; text-align: center}
p.small {font-size: smaller}
p.small_bold {font-size: smaller; font-weight: bold}
p.small_center {font-size: smaller; text-align: center}
span.big {font-size: larger}
span.small {font-size: smaller}
span.bold {font-weight: bold}
span.italic {font-style: italic}
span.red {color: #FF0000}
table, tr, th, td {font-size: 100%; }
table {margin-top: 1em; margin-bottom: 0.4em}
th {vertical-align: bottom}
td {vertical-align: top}
/* drop shadow effect */
.dalam{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.bayangdalam{
/*width: 300px; /*  width*/
background: transparent url(../images/bayang.gif) no-repeat bottom right;
}

.bayangdalam .dalam{
/*  */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 190px;
height: 100px;
padding: 10px;
border: 1px;

}
/*scroller menu*/
#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}
.button{border:solid white}