/* CSS Document */
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/bgtop.gif);
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height: 18px;
	}

a:link {
	color: #058BAF;
}
a:visited {
	color: #058BAF;
}
a:hover {
	color: #66CCCC;
}
a:active {
	color: #058BAF;
}

/* menu head *****************************************************************************/
#nav {
	position: absolute;
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
	height: 83px;
	display: inline;
	overflow: hidden;
	width: 670px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 83px  0 0 0;
	overflow: hidden;
	height: 83px !important; 
	height /**/:83px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -83px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -83px;
	}
	
#m1 a  {
	width: 139px;
	background: url("img/menu01.gif") top left no-repeat;
	}

#m2 a  {
	width: 95px;
	background: url("img/menu02.gif") top left no-repeat;
	}

#m3 a  {
	width: 149px;
	background: url("img/menu03.gif") top left no-repeat;
	}

#m4 a  {
	width: 74px;
	background: url("img/menu04.gif") top left no-repeat;
	}
#m5 a {
	width: 100px;
	background: url("img/menu05.gif") top left no-repeat;
}
#m6 a {
	width: 113px;
	background: url("img/menu06.gif") top left no-repeat;
}

/* end menu head *****************************************************************************/

#maincontent {
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
	background-color:#FFFFFF;
	}
	
#leftcontent{
	width: 230px;
	float: left;
	margin-bottom: 20px;
	}
	
#leftcontent2{
	width: 212px;/*asline 230*/
	float: left;
	padding: 8px;
	border: 1px solid #B4AC9E;
	}
	
#leftcontentmenu{
	width: 212px;/*asline 230*/
	float: left;
	padding: 0;
	}
	
#rightcontent{
	margin-left: 230px;
	}
	
#rightcontent2{
	margin-left: 260px;
	}

#headcontainer{
	clear: left;
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
	background-color:#FFFFFF;
	}
		
#head{
	width: 900px;
	background: #801C1C url(img/menuheadbg.jpg) top left repeat-x;
	margin: 4px 0 10px 0;
	padding: 0;
	height: 300px;
	float: left;
	}
	
	
#head img{
	float: right;
	margin: 0;
	padding: 0;
	height: 300px;
	}
		
.uk16 {
	font-size:16px;
	}
	
.uk14 {
	font-size:14px;
	}
	
.red{
	color:#990000;
	}
	
.blue{
	color:#058BAF;
	}

.coklat{
	color:#888277;
	}
	
.bluetua{
	color:#526575;
	}
	
.title_left{
	color:#990000;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #B4AC9E;
	padding-bottom: 10px;
	}
	
	
#produk {
	width: 630px;/* asline 670px */
	margin-bottom: 4px;
	}
	
#produk ul, #produk li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}	
	
#produk li {
	display: block;
	float: left; 
	margin-right: 10px; 
	margin-bottom: 15px;
	width: 179px;
	height: 280px;
	background-color:#F4F4F4;
	padding: 10px;
	}
	
#produk li:hover {
	background-color:#ECECEC;
	}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
	width: 210px; /*width of menu*/
	margin: 20px 10px 0 10px;
	height: auto;
	}

.arrowlistmenu {
	color: white;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 0; /*header text is indented 10px*/
	}

.arrowlistmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

.arrowlistmenu ul li{
	padding-bottom: 4px; /*bottom spacing between menu items*/
	}

.arrowlistmenu ul li a{
	color: #ffffff;
	background: url(img/arrowku.gif) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}

.arrowlistmenu ul li a:visited{
	color: #ffffff;
	}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #FFFFFF;
	background-color:#882424;
	}
	
.leftmenu{
	width: 230px; /*width of menu*/
	margin: 20px 0 0 0;
	height: auto;
	}

.leftmenu {
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 0; /*header text is indented 10px*/
	}

.leftmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

.leftmenu ul li{
	padding-bottom: 4px; /*bottom spacing between menu items*/
	}

.leftmenu ul li a{
	color: #666666;
	display: block;
	height: auto;
	padding-bottom: 2px;
	padding-left: 14px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #B4AC9E;
	}
	
.leftmenu ul li span{
	color: #801C1C;
	display: block;
	height: auto;
	padding-bottom: 2px;
	padding-left: 14px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #B4AC9E;
	}

.leftmenu ul li a:visited{
	color: #666666;
	}

.leftmenu ul li a:hover{ /*hover state CSS*/
	color: #801C1C;
	background: #F3F3EE url(img/arrow_menu.gif) no-repeat center left; /*custom bullet list image*/
	}
	
  
.ulLinkList {
    float: none;
    margin: 20px 0 0 0;
	padding: 0px;
    list-style: none;   
  }
  
.ulLinkList ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	}
	
.ulLinkList li {
    height: 24px; /* tak gawe dewe dowone */
    padding: 0em 0em 0.09090909em 0em; /* 0px 0px 1px 0px */
    list-style-type: none;
  }

.ulLinkList li a,
.ulLinkList li a:active,
.ulLinkList li a:focus,
.ulLinkList li a:hover,
.ulLinkList li a:link,
.ulLinkList li a:visited {
  	color:#666666;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
   	background-position: right 0px;
	height:20px;
    background-repeat: no-repeat;
    text-decoration: none;
	border-bottom: 1px solid #B4AC9E;
  }

  .ulLinkList li a:hover {
    background-position: right -22px;
    text-decoration: none;
	color:#801C1C;
  }
  
   .iconpdf {
    background-image: url("img/pdf_img.gif");
  }

.activity{
	width: 630px;
	margin-bottom: 3em;
	}

.activity ul,.activity li{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

.activity li { 
	display: inline; 
	width: 280px; 
	height: 114px; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	background: #F4F4F4; 
	border: 1px solid #e9e9e9; 
	padding: 10px; 
	}
	
.activity li:hover {
	background:#ECECEC;
	}
	
.activity li img { 
	margin-right: 10px; 
	padding: 1px; 
	background: #fff; 
	border: 1px solid #ccc; 
	float: left; 
	}

.activity li p{
	margin: 0;
	padding: 0;
	color: #990000;
	font-weight: bold;
	}
	
.activity li a,
.activity li a:link,
.activity li a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #058BAF;
	font-size: 11px;
	}
	
.activity li a:hover{
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #058BAF;
	}

.tinggi{
	width: 630px;
	margin-bottom: 3em;
	}

.tinggi ul,.tinggi li{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

.tinggi li { 
	display: inline; 
	width: 280px; 
	height: 150px; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	background: #F4F4F4; 
	border: 1px solid #e9e9e9; 
	padding: 10px; 
	}
	
.tinggi li:hover {
	background:#ECECEC;
	}
	
.tinggi li img { 
	margin: 0 10px 20px 0; 
	padding: 1px; 
	background: #fff; 
	border: 1px solid #ccc; 
	float: left; 
	}

.tinggi li p{
	margin: 0;
	padding: 0;
	color: #990000;
	font-weight: bold;
	}
	
.tinggi li a,
.tinggi li a:link,
.tinggi li a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #058BAF;
	font-size: 11px;
	}
	
.tinggi li a:hover{
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #058BAF;
	}



.satu{
	width: 600px;
	margin-bottom: 3em;
	}

.satu ul,.satu li{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

.satu li { 
	display: inline; 
	width: 600px; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	background: #F4F4F4; 
	border-top: 1px solid #e9e9e9; 
	border-bottom: 1px solid #e9e9e9; 
	padding: 10px; 
	}
	
.satu li:hover {
	background:#ECECEC;
	}
	
.satu li img { 
	margin-right: 10px; 
	padding: 1px; 
	background: #fff; 
	border: 1px solid #ccc; 
	float: left; 
	}

.satu li p{
	margin: 0;
	padding: 0;
	color: #990000;
	font-weight: bold;
	}
	
.satu li p.title{
	margin: 0 0 10px 0;
	padding: 0;
	color: #058BAF;
	font-weight: bold;
	}
	
.satu li a,
.satu li a:link,
.satu li a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #058BAF;
	font-size: 11px;
	}
	
.satu li a:hover{
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #058BAF;
	}
	
.satufood{
	width: 600px;
	margin-bottom: 3em;
	}

.satufood ul,.satufood li{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

.satufood li { 
	display: inline; 
	width: 600px; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	background: #F4F4F4; 
	border-top: 1px solid #e9e9e9; 
	border-bottom: 1px solid #e9e9e9; 
	padding: 10px; 
	}
		
.satufood li:hover {
	background:#ECECEC;
	}
	
.satufood li img { 
	margin-right: 10px;
	margin-bottom: 40px;
	padding: 1px; 
	background: #fff; 
	border: 1px solid #ccc; 
	float: left; 
	}

.satufood li p{
	margin: 0;
	padding: 0;
	color: #990000;
	font-weight: bold;
	}
	
.satufood li p.title{
	margin: 0 0 10px 0;
	padding: 0;
	color: #058BAF;
	font-weight: bold;
	}
	
.satufood li a,
.satufood li a:link,
.satufood li a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #058BAF;
	font-size: 11px;
	}
	
.satufood li a:hover{
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #058BAF;
	}

	
.satufood1{
	width: 900px;
	margin-bottom: 3em;
	}

.satufood1 ul,.satufood1 li{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

.satufood1 li { 
	display: inline; 
	width: 900px; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	background: #F4F4F4; 
	border-top: 1px solid #e9e9e9; 
	border-bottom: 1px solid #e9e9e9; 
	padding: 10px; 
	}
		
.satufood1 li:hover {
	background:#ECECEC;
	}
	
.satufood1 li img { 
	margin-right: 10px;
	margin-bottom: 40px;
	padding: 1px; 
	background: #fff; 
	border: 1px solid #ccc; 
	float: left; 
	}

.satufood1 li p{
	margin: 0;
	padding: 0;
	color: #990000;
	font-weight: bold;
	}
	
.satufood1 li p.title{
	margin: 0 0 10px 0;
	padding: 0;
	color: #058BAF;
	font-weight: bold;
	}
	
.satufood1 li a,
.satufood1 li a:link,
.satufood1 li a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #058BAF;
	font-size: 11px;
	}
	
.satufood1 li a:hover{
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #058BAF;
	}

.empat{
	width: 630px;
	margin-bottom: 3em;
	}

.empat ul,.empat li{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

.empat li { 
	display: inline; 
	width: 120px; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px;
	border: 1px solid #e9e9e9; 
	padding: 10px; 
	}

	

.empat li p{
	margin: 0;
	padding: 0;
	color: #990000;
	font-weight: bold;
	}
	
.empat li p.title{
	margin: 0 0 10px 0;
	padding: 0;
	color: #058BAF;
	font-weight: bold;
	}
	
.empat li a,
.empat li a:link,
.empat li a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #058BAF;
	font-size: 11px;
	}
	
.empat li a:hover{
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #058BAF;
	}

/* end */


.leftbox {
	width: 212px;
	float: left;
	margin-bottom: 8px;
}

.leftbox ul, .leftbox li {
	margin: 0 ; 
	padding: 0; 
	list-style: none; 
	}	
	
.leftbox li { 
	display: inline; 
	float: left; 
	margin: 0 8px 26px 0;
	}



.leftbox a:link, .leftbox  a:active, .leftbox a:visited, .leftbox  a.selected {
	text-decoration: none;
	color:#399994;
	}
	
.leftbox  a:hover{
	text-decoration: none;
	color:#216965;
	}
	
#homeicon {
  display: block;
  width: 20px;
  height: 13px;
  background: url("img/home_icon.gif") no-repeat 0 0;
  margin-left: 10px;
}

#homeicon:hover { 
  background-position: 0 -13px;
}

#homeicon span{
  display: none;
}
	
.footer {
	width:100%;
	border-top:1px solid #959595;
	padding: 30px 0 0 0;
	height:60px;
	clear: both;
	text-align: center;
	}
	
.listmenunews{
	width: 210px; /*width of menu*/
	margin: 0px 10px 0 30px;
	height: auto;
	}

.listmenunews {
	color: white;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 0px 0 4px 0; /*header text is indented 10px*/
	}

.listmenunews ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

.listmenunews ul li{
	padding-bottom: 4px; /*bottom spacing between menu items*/
	}

.listmenunews ul li a{
	color: #ffffff;
	background: url(img/arrowku.gif) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	/*border-bottom: 1px dotted #ffffff;*/
	}

.listmenunews ul li a:visited{
	color: #ffffff;
	}

.listmenunews ul li a:hover{ /*hover state CSS*/
	color: #FFFFFF;
	background-color:#882424;
	}