body {

padding: 10px;
text-align: center;
}

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

#header {
border:1px solid #336699; 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: #336699 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #336699 1px solid; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #336699 1px solid; COLOR: #369; PADDING-TOP: 3px; BORDER-BOTTOM: #336699 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: #336699 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #336699 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 3px; BORDER-LEFT: #336699 1px solid; COLOR: #777; PADDING-TOP: 5px; BORDER-BOTTOM: #336699 1px solid; FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif; BACKGROUND-COLOR: #FFFFFF
}

#content {
width: 720px;
TEXT-ALIGN: left;
display: block;
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif;
font-size: 12px;
PADDING-right: 10px;
padding: 0px;
background-color: #FFF; 
border: 0px solid #336699;
}


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



#footer0 {
clear: both;
width: 600px;
margin-top: 10px;
background: #FFFFFF; 
border: px 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 #336699;
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: #336699;
width: 100%;
height: 1px;
}


.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 #336699;
color: #777;
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif, "Times New Roman", serif;
font-size: 12px;
}


.underline {
text-decoration: underline;
}

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

#poll {
margin-left: 10px;
width: 400px;
}



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

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