body {
background-color: #F8D9FF;
padding: 10px;
text-align: center;
}

#wrapper {
BORDER-RIGHT: #F777F3 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #F777F3 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; BORDER-LEFT: #F777F3 1px solid; WIDTH: 720px; PADDING-TOP: 10px; BORDER-BOTTOM: #F777F3 1px solid; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; voice-family: inherit
}

#header {
border:1px solid #F777F3; padding:0px; BACKGROUND-IMAGE: url('http://www.musikindo.com/main_logo4.gif'); WIDTH: 720px; HEIGHT: 120px; TEXT-ALIGN: right; voice-family: inherit
}

#nav {
FONT-SIZE: 13px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; WIDTH: 720px; PADDING-TOP: 10px; FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif; HEIGHT: 30px
}

#nav UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#nav UL LI {
background: #fff; PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#nav UL LI A {
BORDER-RIGHT: #F777F3 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #F777F3 1px solid; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #F777F3 1px solid; COLOR: #369; PADDING-TOP: 3px; BORDER-BOTTOM: #F777F3 1px solid; TEXT-DECORATION: none
}

* html #nav ul li { width: 1%; }


* html #nav ul li a { height: 1%; }

#nav UL LI A:hover {
BORDER-RIGHT: #EA00AF 1px solid; BORDER-TOP: #EA00AF 1px solid; BORDER-LEFT: #EA00AF 1px solid; COLOR: #369; BORDER-BOTTOM: #EA00AF 1px solid; BACKGROUND-COLOR: #FFCCFF
}

#datetime {
BORDER-RIGHT: #F777F3 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #F777F3 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 3px; BORDER-LEFT: #F777F3 1px solid; COLOR: #777; PADDING-TOP: 5px; BORDER-BOTTOM: #F777F3 1px solid; FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif; BACKGROUND-COLOR: #F8D9FF
}

#content {
width: 699px;
display: block;
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif;
font-size: 12px;
padding: 10px;
background-color: #FFF; 
border: 1px solid #F777F3;
}

#left {
PADDING-TOP: 0px; BORDER-left: #F777F3 0px solid; PADDING-LEFT: 0px; PADDING-right: -10px;DISPLAY: block; BACKGROUND: #fff; FLOAT: right; MARGIN-BOTTOM: 10px; WIDTH: 700px; COLOR: #777; TEXT-ALIGN: left; voice-family: inherit; MARGIN: 0px
}
P {
COLOR: #000000
}

html>body #main { width: 480px; }

#right dl {
margin: 0;
padding: 11px 0;
}

#right dt {
padding: 2px 0;
margin: 0;
font-weight: bold;
}

#right dd { margin: 3px 0; }
#right dd a { text-decoration: none; }
#right DD A:hover {
TEXT-DECORATION: underline; color: #EA00AF
}
#right a { color: #369; }

#footer0 {
clear: both;
width: 600px;
margin-top: 10px;
background: #FFFFFF; 
border: 0px solid #ffffff;
padding: 1px;
font-size: 0px;
text-align: center;
color: #777;
}
#footer {
clear: both;
width: 690px;
height:10px
margin-top: 1px;
background: #eee; 
border: 1px solid #F777F3;
padding: 1px;

text-align: center;
color: #777;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif;
font-size: 12px;
color: #777;
}


img {
border: 0px;
}

hr {
background-color: #F777F3;
width: 100%;
height: 1px;
}

.code {
BORDER-RIGHT: #c3c3c3 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c3c3c3 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; BORDER-LEFT: #c3c3c3 1px solid; COLOR: #316293; PADDING-TOP: 3px; BORDER-BOTTOM: #c3c3c3 1px solid; FONT-FAMILY: "MS Sans Serif", "Bitstream Vera Sans", verdana, lucida, arial, Courier New; BACKGROUND-COLOR: #eee; FONT-WEIGHT: bold; FONT-COLOR: #555F9F; TEXT-ALIGN: center

}
.code2 {

BORDER-RIGHT: #c3c3c3 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c3c3c3 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; BORDER-LEFT: #c3c3c3 1px solid; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #c3c3c3 1px solid; FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif; BACKGROUND-COLOR: #EEEEEE; TEXT-ALIGN: left
}
.code3 {
BORDER-RIGHT: #c3c3c3 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c3c3c3 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #c3c3c3 1px solid; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #c3c3c3 1px solid; FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif; BACKGROUND-COLOR: #EEEEEE; TEXT-ALIGN: left

}
.down {
BORDER-RIGHT: #FFFFFF 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #FFFFFF 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #FFFFFF 1px solid; COLOR: #FFFFFF; PADDING-TOP: 5px; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left

}

a:link, a:visited { 
color: #369;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active {
color: #777;
text-decoration: none;
}


.red {
color: red;
}

.blue {
color: blue;
}

ul#htmltutorialsquares {
list-style-type: square;
}

#feedback {
padding-left: 100px;
}

.submit {
background-color: #DDEEFF;
border: solid 1px #F777F3;
color: #777;
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif;
font-size: 12px;
}

.quote {
font-family: Courier New; 
font-size: 12px;
background-color: #EEE;
border: 1px solid #C3C3C3;
padding: 10px;
color: #000;
}

.underline {
text-decoration: underline;
}



a#ala {
text-decoration: none;
background: url('underline.gif') repeat-x 100% 100%;
white-space: nowrap;
padding-bottom: 5px
}



#xmas {
list-style-type: none;
line-height: 25px;
}

.xmaslist {
background-image: url('list_snowflake.gif');
background-repeat: no-repeat; 
background-position: 0 .2em;
padding-left: 25px
}

hr.php {
margin-top: 20px;
margin-bottom: 20px;
}

div.question {
height: 100px;
background-image: url('q.gif');
background-repeat: no-repeat;
padding-left: 105px;
text-align: justify
}

.indeximgs {
float: left;
width: 50%;
text-align:center;
}

#lastupdate {
clear: both;
text-align: left;
}