body{ font-family:Calibri; background-color:#CCCCCC; margin:0px;}

#header { 
		width: 840px; 
		height:158px; 
		padding: 2px; /*border: 1px solid #003;*/ margin: 2px;/* background:#333;*/
}

#main {
    margin: auto;
	border: 3px solid #000099;
	width: 850px;
	height:auto;
	/*background: #F1F3F5;*/
    font-family: Calibri;
    font-size : 12px;
	color:#000099;
	background-image:url(utama.gif);
}
#main2 {
    margin: auto;
	border: 3px solid #000099;
	width: 850px;
	height:auto;
	/*background: #F1F3F5;*/
    font-family: Calibri;
    font-size : 12px;
	background-image:url(tentang-kami.gif);
}

#main3 {
    margin: auto;
	border: 3px solid #000099;
	width: 850px;
	height:auto;
	/*background: #F1F3F5;*/
    font-family: Calibri;
    font-size : 12px;
	background-image:url(aplikasi.gif);
}

#leftcolumn {
	width:280px; 
	height:auto; 
	padding: auto 1px;
	/*border: 2px solid #CC9900;*/
	
	float: left; /*display:inline;*/
}

#menu {
   float:left;
   width:auto;
   /*padding:1px;*/
   margin-top:2px;
   margin-left:140px;
}

#content {
   margin-left:295px;
   margin-right:8px;
   border: 0px solid #990000;
}
.caption{
    font-family: calibri;
    margin:10px;
    font-size : 13px;
}

#footer{
  clear:both;
  text-align:center;
  align:center;
  padding-right:10px; 
  font-family: calibri;
}

#menu a:link, #menu a:visited{
	width:120px;
	font-family:Calibri;
	color:#000099;
	padding:5px;
	display:block;
	text-decoration   : none;
}

#menu a:hover{
	font-family:Calibri;
	font-weight:bold;
	width:120px;
	padding:5px;
	display:block;
	background-color:#D1D3D5;
	text-decoration   : none;
}

/**************** Menu Up Nav ****************/
.menublock ul, li{ list-style-type:disc; color:#000099;}
.menublock a:link, a:visited { font-family:Calibri; color:#000099; text-decoration:none;}
.menublock a:hover{ font-family:Calibri; color:#000099; font-weight:bold; text-decoration:underline;}

/**************** End Menu Up Nav ****************/



/**************** Vertical Menu Navigation ****************/
#cm-nav li a.arrow
{ border: 0px solid #000000;}

ul#cm-nav,
ul#cm-nav ul
{
	padding-top:3px;
	padding-left:2px;
/*   padding: 3px;*/
   /*border-right: 0px solid black;	
   border-bottom: 0px solid black;*/
   margin: 3px; /*Overriding global settings*/
   list-style: none; /*Overriding global settings*/			
}

ul#cm-nav li
{ 
   position: relative;
   padding: 0; /*Overriding global settings*/
   margin: auto; /*Overriding global settings*/
   list-style: none; /*Overriding global settings*/
}

ul#cm-nav li li
{ 
   float: none; /*For OP*/
	width: auto; /*Put in to meet CSS spec of floated elements needing to define width*/	
}

#cm-nav a
{
   display: block; 
   text-decoration:none;
   text-align: left; /*Overriding global settings*/	
   font-family:Calibri;
   font-size: 13px;
   white-space: nowrap;	
   padding: 0px;	
   color:#000099; 
   background-repeat:no-repeat;
   /*border-left: 0px solid black;
   border-top: 0px solid black;	*/
}

#cm-nav a:focus
{
   outline: none; 
}

#cm-nav a.no-click
{
   cursor: default; 
}

#cm-nav > li > a,
#cm-nav > li > a.arrow
{
   padding-right: 1px; 
}

#cm-nav.arrow-pad > li > a,{border:1px solid #000099; }
#cm-nav ul.arrow-pad > li > a
{
   padding-right: 3px;	border:1px solid #000000; background-color:#E8E8E8; 
}

#cm-nav li a.arrow,
#cm-nav > li > a.arrow
{
   background-position: right;
   background-repeat: no-repeat;
}

#cm-nav li:hover > a
{
   background-color:#999999;
}

#cm-nav li ul,
#cm-nav li:hover ul ul,
#cm-nav li:hover ul ul ul,
#cm-nav li:hover ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul ul ul ul
{
   position: absolute;
   display: none;
   z-index: 999; 
}

#cm-nav li:hover ul,
#cm-nav li li:hover ul,
#cm-nav li li li:hover ul,
#cm-nav li li li li:hover ul,
#cm-nav li li li li li:hover ul,
#cm-nav li li li li li li:hover ul,
#cm-nav li li li li li li li:hover ul
{
   display: block;
   margin-left: 100%;
}

#cm-nav ul ul
{
   margin-left: 0;
}

#cm-nav ul
{
   top: 0;
   left: 0;
}
/**************** End Vertical Menu Navigation ****************/

/**************** Slide Images ****************/

#divTrigger a:link,#divTrigger a:visited {
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin: 4px 0px; /* memberi jarak antar link */
	padding: 1px 4px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #000;
}

/* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
#divTrigger a:hover,#divTrigger a:active,.selected {
	background-color: #00A;
	color: #FFF;
}

#divContent {
	margin-top: 5px;
	border: 0px solid #CCC;
	width: 80%;
	height: 80%;
	padding: 1px;
}

#divContent div {
	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	display: none;
}
/**************** End Slide Images ****************/

/**************** Login Drop Menu ****************/



/**************** End Login Drop Menu ****************/


h1 { font-family:Calibri; color:#000099;}
h2 { font-family:Calibri; color:#000099;}
h3 { font-family:Calibri; color:#000099;}
hr { noshade:noshade;  color:#000099;}
p {font-family:Calibri; color:#000099; text-align:justify; align:justify;}
.textarea, select, input  { font:Calibri; font-size:12px; background-color: #ffffff; color: #000000; border-top: 1px solid #000000; border-right: 2px solid #999999; border-left: 2px solid #999999; border-bottom: 1px solid #999999; margin-top: 1px;}
.submenu{
	text-indent:10px;
}


.menutable{
	width:100%;
	border-collapse:collapse;
}

td{
	border-collapse:collapse;
	border:1px dotted #F0F0F0; 
}