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

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

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

#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 #ff6a81;
}

#left {
	PADDING-TOP: 0px; BORDER-left: #ff6a81 1px solid; PADDING-LEFT: 12px; PADDING-right: -10px;DISPLAY: block; BACKGROUND: #fff; FLOAT: right; MARGIN-BOTTOM: 10px; WIDTH: 533px; COLOR: #777; TEXT-ALIGN: left; voice-family: inherit; MARGIN: 0px
}
P {
	COLOR: #000000
}
	
html>body #main { width: 480px; }

#right {
    MARGIN-TOP: -10px; BORDER-RIGHT: #ff6a81 0px solid; PADDING-RIGHT: 10px; DISPLAY: block; BACKGROUND: #fff; FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 143px; COLOR: #777; TEXT-ALIGN: left
}
#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 #ff6a81;
	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: #ff6a81;
	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 #ff6a81;
	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;
}