/* CSS Document */
#wrapper{
	height:auto;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding-right:20px;
	padding-left:20px;
	margin-top:20px;
	padding-top:20px;
	background-image: url(../Latihan/vintage_flower_pattern_background_vector_art_148180.jpg);
	background-repeat: repeat;
}
#header{
	height:150px;
	width:950px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:5px;
	
	background-image: url(header2%20copy.jpg);
}
#menu{
	height:30px;
	width:950px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFFFFF;
	margin-bottom:5px;
	font-family:Calibri;
	font-size:16px;
	border: thin outset #000000;
	font-style: italic;
}
#menu ul{
list-style-type:none;
margin:0px;
}
#menu li{
	float:left;
	position:relative;
	width:180px;
	text-align:center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#menu ul li{
display:inline;
padding-left:0px;
margin-left:0px;
}
#menu ul li a{
color:#000000;/*warna tulisan yang ada pautan(a)*/
text-decoration:none;/*buang underline*/
padding:6px;/*padding  top left right bottom saiz 5*/
display:block;
}
#menu ul li a:hover{
color:#FFFFFF;/*WARNA TULISAN PAUTAN BILA DITUDING*/
background-color:#FF3300;/*background bila dituding*/
}
/*...............test sub menu......................*/
#menu li ul {
position:absolute;/*untuk tidak menggangu tulisan di belakang*/
display:none;
margin-top:0px;
margin-left:-40px;  /*kedudukan sub menu di paparkan*/
}
#menu li:hover ul{
display:block;
}
#menu li ul li{
	display:list-item;
	margin-bottom:0px;  /*jarak /margin antara sub menu*/
	font-size: 14px;
	font-style: italic;
}

#menu li ul li a{   /*setting utk pautan sub menu*/
display:block;
width:100px;
height:20px;
position:relative;
background:#000000;
color:#FFFFFF;
}
#menu li ul li a:hover{
color:#000000; /*warna tulisan sub menu bila ditunding*/
background-color:#FFFFFF; /*warna background sub menu bila ditunding*/
}

/*.........................test sub menu.....................*/

#content{
	margin-right:auto;
	margin-bottom:5px;
	margin-left:auto;
	border:thin solid #999999;
	width: 950px;
	float: none;
	background-color: #99FF33;
	background-image: url(../projek/Untitled-1.jpg);
	height: 550px;
}
#subcontent1{
float:right;
height:500px;
width:300px;
background-color:#99FFFF;

margin-top:-1px;
margin-right:-1px;
}
#footer{
width:950px;
margin-right:auto;
margin-bottom:5px;
margin-left:auto;
background-color:#33CC99;
height:300px;
border:thin solid #999999;
}
/*.............sub menu..........*/
body {
	background-image: url(../projek/Shining-Sol-Plain-Background-1024x662.jpg);
}
