@charset "utf-8";
/* CSS Document */

body{
	font-size: 80%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	padding: 0; 
	text-align:center;
	background:url(images/bg.gif) repeat-y center;
}


#sidebar h2 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	height: 37px;
	width: 250px;
	text-decoration: none;
	padding: 0;
	background: #f8f8f8 url(images/h2.jpg) top center no-repeat;
	font-weight: bold;
	line-height: 37px;
	margin: 0;
	text-transform: uppercase;
	}

#sidebarbox{
	margin-left:35px;
	width:178px;
	margin-top:0px;
	border-bottom:#c6c6c6;
	border-left:#c6c6c6;
	border-right:#c6c6c6;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	}

#sidebarbox li{
	list-style:none;
	list-style-image:none;
	margin-left:5px;
	line-height:30px;
	}

a:link{
	text-decoration:none;
	color:#003F72;
}

a:visited{
	text-decoration:none;
	color:#003F72;
}

a:hover{
	text-decoration:none;
	color:#003F72;
}

#menuStore{
	background-color:#003F72;
	padding:1px 1px 1px 1px;
	color:#f8f8f8;
	}

#menuStore a:link{
	text-decoration:none;
	color:#f8f8f8;
}

#menuStore a:visited{
	text-decoration:none;
	color:#f8f8f8;
}

#menuStore a:hover{
	text-decoration:none;
	color:#FFFF00;
}

input[type="submit"], input[type="button"]{
	border: solid 2px #003F72;
	background-color:#003F72;
	color:#f8f8f8;
	font-weight:bold;
}

input[type="text"], input[type="password"]{
	border: solid 2px #003F72;
}

.putih{
	color:#f8f8f8;
	}

textarea{
	border: solid 2px #003F72;
}

#buttonBack{
	padding-top:100px;
	text-align:right;
}

#deskripsi{
	padding-left:30px; font-size:14px;
}

#bgputih{
	background-color:#f8f8f8
}

.huruf{
	font-size:14px;
	height:30px;
}

#orderBox{
	background-color:#CCCCCC;padding-left:10px; font-size:12px; width:100%;
}

.kotak_error
{
	font-size: 12px;
	font-weight:bold;
	padding: 5px;
	color: #000000;
	border: 1px solid #dd3c10;
	background-color:#ffebe8;
	padding-left:30px;
	margin-top:30px;
}

.kotak_sukses
{
	font-size: 12px;
	font-weight:bold;
	padding: 5px;
	color: #000000;
	border: 1px solid #FC0;
	background-color: #FFC;
	padding-left:30px;
	margin-top:30px;
}

#halaman{
	margin: 0px auto;
	width: 898px;
	color: #000000;
	text-align:left;
}

#kepala{
	width:899px;
	height: 202px;
	background: url(images/head.gif) no-repeat;
	margin:auto;
}

#menu {
	padding: 0px;
	margin: 0px;
	width:899px;
	height:33px;
	background-color:#003F72;
}

#menu li{
	display: inline;
}

#menu center {
	font-weight:bold;
	text-decoration:none;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}

#menu a {
	background-image: url(images/menu.gif);
	color:#84C225;
	text-decoration:none;
	display: block;
	float: left;
	height: 33px;
	line-height: 33px;
	width: 169px;
}

#menu a:hover {
	color:#84C225;
	background-repeat: no-repeat;
	background-image: url(images/menu.gif);
	background-position:0 -33px;
}

.menuactive{
	color:#84C225;
	background-repeat: no-repeat;
	background-image: url(images/menu.gif);
	background-position:0 -33px;
}

#slideshow {
    position:relative;
	background-color:#f8f8f8;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#pilar{
	height:300px;
}

#kaki{
	width: 899px;
	text-align:right;
	height:35px;
	clear:both;
	background-color:#1C3863;
	color:#CCC;
}

#kaki a:visited{
	color:#84C225;
	text-decoration:none;
}

#kaki a:link{
	color:#84C225;
	text-decoration:none;
}

#kaki a:hover{
	color:#84C225;
	text-decoration:none;
}

#kaki p{
	padding-top:3px;
	padding-right:5px;
}

h1{
	color:#84C225;
	font-size:18px;
	
}

#badan{
	width: 899px;
	margin:auto;
}

#kontensidebar{
	width: 899px;
	margin:0px;
	padding:0px;
}

#konten{
	width:60%;
	float:left;
	padding:25px 25px 25px 25px;
	/*background-color:#0FF;*/
}

#sidebar{
	width:28%;
	float:right;
	padding:25px 7px 25px 25px;
	/*height:700px;*/
}

#subKonten{
	margin-bottom:15px;
	margin-top:15px;
	border-bottom:dotted 1px #999;
	padding:5px;
}

#subKonten h1 a:visited{
	color:#84C225;
	font-size:18px;
	text-decoration:none;
}

#subKonten h1 a:link{
	color:#84C225;
	font-size:18px;
	text-decoration:none;
}

#subKonten h1 a:hover{
	color:#84C225;
	font-size:18px;
	text-decoration:none;
}

#subKonten small a{
	font-size:11px;
	text-decoration:none;
	color:#0000FF;
}

.pagingNumber
{
	font-size: 14px;
	font-weight: bold;
	text-align:center;
}

.pagingNumber a{
	text-decoration:none;
	color:#84C225;
}

.numberActive
{
	font-size: 14px;
	padding: 3px;
	color: #555555;
	border: 1px #84C225 solid;
	background-color: #DDDDDD;
}

.numberNotActive
{
	padding: 3px;
	font-size: 14px;
	color: #84C225;
	border: 1px #84C225 solid;
	background-color: #f8f8f8;
}