body {
margin: 0; 
padding: 0;   
background-color: #ffffff; 
font: normal 85% "arial", sans-serif; 
color: #333333;
}
header {
padding: 5px; 
margin: 0;
text-align: left; 
font-weight: bold; 
letter-spacing: -1px; 
color: #ffffff;
}

h1 {
padding: 5px; 
margin: 0;
background-color: #B1C3D9; 
font-weight: bold; 
color: #333333;
}

h2 {
margin: 5px; 
margin-left: 0;
font-weight: normal; 
letter-spacing: -1px; 
color: #2f4860;
}
h5 {
font-weight: normal; 
color: ##000066;
}
h1 {
padding: 5px; 
margin: 0;
background-color: #B1C3D9; 
font-weight: bold; 
color: #333333;
}

p {text-align: justify;}

p.tengah {text-align: center;}

.td_konten {
background-color: #FFFFFF; 
padding-left : 20px;
padding-right : 20px;
}


.td_menu{
padding-left : 5px;
padding-right : 5px;
border: solid 1px #000000; 
background-color: #59758E; 
color: black;
}

.td_konten_atas{
background-color: #CCCCCC; 
color: #CCCCCC;
}

.judul {
background:url(../imgs/bg-judul.jpg);
background-color: #c0c0b0; 
font: 20px "arial", arial;
text-align: left; 
margin: 0; 
padding: 0; 
padding-left: 0px; 
color: #FFFFFF;
}

.RunningText {
background:url(../imgs/runtext.jpg);
background-color: white; 
font: 17px "arial", arial;
text-align: left; 
margin: 0; 
padding: 0; 
padding-left: 0px; 
color: #FFFFFF;
}

.Welcome {
background-color: #FFFFFF; 
font: 15px Arial, Helvetica, sans-serif;
text-align: right; 
margin: 0; 
padding: 0; 
padding-left: 0px; 
color: #0000FF;
}

.judul_menu {background-color: #c0c0b0; margin: 0; padding: 0; padding-left: 0px; color: #2f4860;border-bottom: solid 1px #2f4860;}


ul {width: 100%; margin: 0; padding-left: 25px;}
li {margin-top: 0px; margin-bottom: 1px;}

a{
text-decoration:none;
}


.table {border: 0px solid #2f4860;border-collapse:collapse;width:98%}
.table td {background: #fff 0 -1600px;font-size:12px;padding:1px;border: 1px solid #fff;height:25px;}
.table th {text-align:left;border: 1px solid #fff}
.table thead th {color:#fff;font-size:11px;text-align:center;background: #2f4860 0 -1300px;padding: 10px 6px}
.table tbody th {color:#fff;font-size:11px;text-align:center;background: #2f4860 0 -1400px;padding: 6px}



.footer {
background:url(../imgs/bg-footer.gif);
font: normal 100% "arial", arial;
border: solid 1px #2f4860; 
text-align: center; 
background-color: #2f4860; 
color: #ef8843;
}



.sidebarmenu{
padding-left : 5px;
padding-right : 5px;
margin:0px 0;
padding:0;
width:95%;
}

.sidebarmenu a.menuitem{background:url(../imgs/sidebar_menu_top.gif) no-repeat center top;
color: #fff;display: block;
width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem:hover{background:url(../imgs/sidebar_menu_top_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
color: white;
}
.sidebarmenu a.menuitem .statusicon{
position: absolute;
top:11px;
right:7px;
border: none;
}

.sidebarmenu div.submenu{
background: white;
}
.sidebarmenu div.submenu ul{ 
list-style-type: none;
margin: 0;
padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
border-bottom: 1px dotted #bfd1d9;
}
.sidebarmenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding:5px 0;
padding-left: 10px;
}
.sidebarmenu div.submenu ul li a:hover{
background: #e2f0ff;
color: #0e4354;
}

#user_tools {
	height:34px;
	padding-right:25px;
	padding-top:9px;
	float:right;
	font-size:16px;
}


/* STEP AWAL UNTUK TOP MENU */

#top-navigation {
	position:relative;
	background:#738FA7;
	list-style:none;
	overflow:auto;
	width: 100%;
	}
#top-navigation li {
	float:right;
	padding-right:250px;
	margin:2px 4px 0 0;
//	height:34px;
	display:block;
	height:20px;
//	line-height:19px;
//	margin-top:9px;
	color:#606060;
	padding:4px 10px 0 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	background:#e7f1f8;
}


#top-navigation li:hover {
	border:0px #ff7300 solid;
	border-bottom: none;
	background:#66FF66;
}
#top-navigation li a.active {
	padding:6px 10px 0 10px;
	height:27px;
	border:1px #red solid;
	border-bottom:none;
	margin:0;
	background:white;
	}
/* STEP AKHIR UNTUK TOP MENU */

/* STEP AWAL YANG DIPAKAI UNTUK FOTO GALERI*/
.imageRow:after {
  content: "";
  display: table;
  clear: both;
}
/* line 320, ../sass/screen.sass */
.imageRow .single {
-moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
	-webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
  float: left;
  height:200px;
  width:200px;
  padding:2px;
  padding-left:5px;
}
.imageRow .single:hover {
background-color:#FF0000;
}
.wrap{
  height:200px;
  width:200px;
  overflow:hidden;
  
}

/* line 332, ../sass/screen.sass */
.imageRow .single a img {
  max-width:200px;
  min-height:200px;
  border-radius: 4px;
}
/* STEP AKHIR YANG DIPAKAI UNTUK FOTO GALERI*/


#tab-ularnaga {
	position:relative;
	list-style:none;
	overflow:auto;
	width: 100%;
	}
#tab-ularnaga li {
	float:left;
	padding-right:250px;
	margin:2px 4px 0 0;
//	height:34px;
	display:block;
	height:20px;
//	line-height:19px;
//	margin-top:9px;
	color:#606060;
	padding:4px 10px 0 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	background:#B1C3D9;
}


#tab-ularnaga li:hover {
	border:0px #ff7300 solid;
	border-bottom: none;
	background:#E3E9F1;
}
#tab-ularnaga li a.active {
	padding:6px 10px 0 10px;
	height:27px;
	border:1px #ff7300 solid;
	border-bottom:none;
	margin:0;
	background:#E3E9F1;
}


/* MENU TOP */
#nav {
    display:inline-block;
    width:100%;
    padding:0;
    background:#335599 url(../imgs/bg.png) repeat-x 0 -110px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:5px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:8px 10px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa url(../imgs/bg.png) repeat-x 0 -20px;
    color:#000;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#335599 url(../imgs/bg.png) repeat-x 0 -100px;
    color:#fff;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#aabbcc url(../imgs/bg.png) repeat-x 0 0;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}