body{
	background-color:#CCCCCC;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	border:2px;
	margin-bottom:40px;
	padding:0px;
	margin:0px;
}


#canvas{
	width:960px;
	margin: 0 auto;
	border:1px solid silver;
	background-color:#FFFFFF;
}

#header{

	background-image:url(../images/head.gif);
	padding:6px;
	height:90px;
	border-bottom:2px solid #B4FF01;
	padding-left:190px;
	
}
.header>.container>h1{
	margin:0;
}

.logo{
	
	float:left;
	height:80px;
	
}
#welcome{
min-height:150px;
font-size:25px;
padding-top:150px;
text-align:center;

}

#header h2{
	
	float: left;
	color:#fff;
	margin-left:12px;
	text-shadow: 0 0 1px #FF0000, 0 1px 1px #006F1D;
	font-size:16px;
	margin-top:2px;
	margin-bottom:0px;

}
#header h2 sek{
font-family: Segoe Print,sans-serif;
	font-size:12px;
}

#header h2 hg{
font-family: Segoe Print,sans-serif;
	font-size:20px;
}


#menu{
padding-left:195px;
padding-right:195px;
height:44px;
position:relative;
background-image:url(../images/menu.gif);
background-repeat:repeat;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
}

#menu ul li.utama{
display:inline-table;
}

.penampil-gambar{
	padding:8px;
	float:center;
}

#menu ul li:hover{
background-image:url(../images/menub.gif);
background-repeat:repeat;
}

#menu ul li a{
display:block;
text-decoration:none;
line-height:42px;
padding:0 10px;
padding-top:20;
color:#FFFFFF;
text-shadow:#000000;
}

.utama ul{
display:none;
position:absolute;
z-index:2;
}
.utama:hover ul{
display:block;
}
.utama ul li{
display:block;
background-image:url(../images/menu.gif);
background-repeat:repeat;
width:140px;
}
#isi{
min-height:400px;
padding:20px;
}
.main{
	padding:6px;
	margin-bottom:5px;
	margin-top:5px;
}

#content_right{
	width: 250px;
	float: right;
	padding-bottom: 10px;
	border-top:none;
	border-left:1px solid silver;
	border-bottom:1px solid silver;
	}

#content_right h2{
	text-align: center;
}

.content_right_pad{
	padding: 20px 5px 0px 50px;
}


#footer{
text-align:left;
padding-top:0;
height:44px;
background-color:#009900;
}
.p{
padding-left:195px;
color:#FFFFFF;
padding-top:15px;
}

a:link {
text-decoration:none;
color:#009900;
}
a:visited {
color: #2d2b2b;
}

#submit {
	float: right; display: inline; margin-left: 10px
}
#isi .submit input[type="submit"], #isi .submit input[type="button"] {
	border-radius: 5px;
	border: solid 1px #FFA500;
	background: #33b5e5;
	color: #fff;
	display: inline; 
	cursor: pointer; 
	font-size: 15px; 
	padding: 15px; 
	font-weight: bold;
	text-shadow:#FFFF00;
}
#isi .submit input[type="submit"]:hover, #isi .submit input[type="button"]:hover {
	background: #FFA500;
}

#tombol {
	float: right; display: inline; margin-left: 10px
}
#isi .tombol input[type="submit"], #isi .tombol input[type="button"] {
	border-radius: 5px;
	border: solid 1px #FFA500;
	background: #009900;
	color: #fff;
	display: inline; 
	cursor: pointer; 
	font-size: 12px; 
	padding: 6px; 
	font-weight: bold;
	text-shadow:#FFFF00;
}
#isi .tombol input[type="submit"]:hover, #isi .tombol input[type="button"]:hover {
	background: #FFA500;
}
#isi .tombol input[type="text"] { 
	padding: 3 5 3 13; 
	border: solid 1.5px #C0C0C0; 
	border-radius: 5px;
	height:20px;
}
/* slogan */
#slogan {
height:44px;
background-image:url(../images/menu.gif);
background-repeat:repeat;
  color:#CDFFC8;
  font-family: Segoe Print,sans-serif;
  font-size: 20px;
  }