#header{
	background-color : white;
}

#body {
    margin: -40px auto 12px auto;
    padding: 0 0 24px 0;
    background: #ffffff none;
    height: auto;
    box-shadow: 0 5px 6px #bbbbbb;
    display: none;
}

#navbar {
	background-color : #09063a;
}

.menu a:hover {
	background-color : white;
}

.vertical-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}
 
.vertical-menu a {
background-color: #ffffff; /* Warna pada bagian body menu */
color: black; /* Warna tulisan */
display: block;
padding: 12px;
text-decoration: none;
font-family: arial; /*Jenis font*/
font-size: 8pt;
border-bottom: 1px solid #0f0c98;
height: 5px;
}
 
.vertical-menu a:hover {
background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}
 
.vertical-menu a.active {
background-color: #0f0c98; /* Warna pada header menu */
color: white; /*Warna font*/
font-family: arial; /*Jenis font*/
font-size: 8pt;
}

#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle, #sidebarDevelopedBy.block, #sidebarHelp.block {
    color: #fff;
    display: block;
    letter-spacing: 0;
    margin-bottom: 10px;
    padding: .4em 10px!important;
    text-transform: uppercase;
}

#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle, #sidebarDevelopedBy.block, #sidebarHelp.block {
    background: url(stripes.png) #0f0c98;
    color: white;
}