body 
{
	font-size: smaller;
	font-family: arial, helvetica, sans-serif;
	color: black;
	background-color: #1184d4;
	margin: 0px; 
	padding: 0px; 
}

a 
{
	text-decoration: none;
	color: #9EaAd4;
	background-color: inherit;
	font-weight: bold;
}

a:hover 
{
	color: #bEcAf4;
	background-color: inherit;
}

#wrapper
{
	margin: 0px auto; 
	padding-top: 0px; 
	width: 800px; 
	background: url("images/bg.gif") repeat-y;
}

*html #wrapper
{
	margin-left:15%;
}

#atas
{
	margin-left:16px;
	width:800px;
	height:80px;
	width:100%;
	background:url("images/banner.jpg") no-repeat;
}

#tengah
{
	
}

#kiri
{
	width:100px;
	height:100%;
	margin-left:10px;
	float:left;
}

#kanan
{
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
	width:540px;
	margin-top:40px;
	margin-left:100px;
}

#login
{
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
	width:540px;
	margin-top:20px;
	margin-left:100px;
}

#menu
{
	width:150px;
	height:30px;
	margin-left:-20px;
	padding-left:20px;
	padding-top:3px;
	color:navy;
	text-transform:uppercase;
	font-family:arial;
	list-style:none;
	font-size:11px;
	background:url("images/menu.jpg") no-repeat;
}

*html #kiri
{
	margin-top:40px;
}

#menu:hover
{
	background:url("images/menu_hover.jpg") no-repeat;
}

#active_menu {
	background: #1995C2 url("images/menu_hover.jpg") no-repeat 100% -41px; 
	padding:7px 20px 4px 11px; 
	color:#FFF; 
}


li
{
	line-height:1em; 
	margin: 0px 0px -8px 0px; 
	padding: 0px;
	
	list-style:none;
}

#menu a
{
	padding-top:3px;
	background-color: inherit;
	font-size: 1em; 
	color: #063b89; 
}

#menu a:hover
{
	color:white;
}

h1
{
	font-size:13px;
	color:#04418b;
	width:97%;
	background-color:white;
	border:solid 1px #50a1d8;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	margin-bottom:2px;
}

*html h1
{
	width:100%;
}

#webcam
{
	border:solid 1px #50a1d8;
	padding:20px;
	background-color:#c1e0f5;
}

p
{ font-size: 10pt }

.show
{
	display:inline;
}

.hidden
{
	display:none;
}