/* CSS Document */
*{
	font-family:Tahoma, Verdana, serif;
	font-size:11px;
}
	
body {
	/*background:url('http://localhost/site/new-web-bsi/images/bg.gif') repeat-x #ffffff fixed;*/
	background:url('../images/bg.gif') repeat-x #ffffff fixed;
	margin:0px;
}
#footer {
	font: 12px Tahoma, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
}

.img {
	background-color:#FFFFFF;
	padding:2px;
}

.hmenu{
	font: 11px Tahoma, Verdana, sans-serif;
	color:#FFFFFF;
	margin:5px;
	}

.hmenu a{
	text-decoration:none;
}

.hmenu a:hover{
	text-decoration:underline;
}

#content{
	margin-top:0px;
	font-family:Tahoma, Verdana, serif;
	font-size:11px;
	text-align:left;
	color:#002157;
	background-color:#EAF6FA;
	width:630px;
}

#content img{
	border:none;
}

#content .img{
	border:none;
	padding:3px;
	background-color:#FFFFFF;
}

#content a{
	color:#002157;
	text-decoration:none;
}

#content a:hover{
	color:#002157;
	text-decoration:underline;
}

#post{
	font:11px Tahoma, Verdana, sans-serif;
	text-align:left;
	/*color:#002157;*/
	/*color:#1F1F1F;*/
	background-color:#EAF6FA;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	color:#2A2A2A;
	line-height:1.8;
}

#post ul {
	margin:0;
	padding:0em 1.5em;
		 
}

#post ol {
	margin:0;
	padding:0em 1.8em;
		 
}


#post ul li { /* sets 1st nested ul */
/*list-style-type: circle;*/
list-style-type:square;
padding-left:0px;
}

#post ul li ul li { /* sets 2nd nested ul */
list-style-type: square;
padding-left:0px;
}

#post ol li ul li { /* sets 2nd nested ul */
padding-left:0px;
margin-left:0px;
}

#post ol li { /* sets nested ol */
list-style-type:num;
padding-left:0px;
} 

.kalender{
	margin-top:2px;
	margin-left:0px;
	width:192px;
	/*background-color:#F0FBEE;*/
	/*background-color:#CCFFCC;*/
	background-color:#DBEFD1;
	padding:6px;
	color:#000066;
}
.date1{
	color:#663300;
}


#bsinews{
	margin-top:2px;
	margin-left:10px;
	margin-right:0px;
	background-color:#DBEFD1;
	padding:6px;
	color:#002157;
	height:80px;
}

#bsinews a{
	color:#FF3300;
	text-decoration:none;
}

#bsinews a:hover{
	color:#FF3300;
	text-decoration:underline;
}

#event{
	margin-top:2px;
	margin-left:10px;
	margin-right:0px;
	background-color:#DBEFD1;
	padding:6px;
	color:#002157;
	/*height:50px*/
}

#event a{
	color:#FF3300;
	text-decoration:none;
}

#event a:hover{
	color:#FF3300;
	text-decoration:underline;
}


.jobinfo{
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	background-color:#DBEFD1;
	padding:6px;
	color:#002157;
}

#what ul{
	margin:0;
	padding:0em 0.5em;
		 
}
#what li {
	padding-left:15px;
	margin-bottom:10px;
	background-image: url('../images/panah.gif');
	background-repeat: no-repeat;
	background-position: 2px 4px;
	color:#000066;
	list-style-type:none;
}

#what .judul{
	color: #FF3300
}

#generalnews{
	text-align:justify;
	margin-top:10px;
	margin-left:10px;
	margin-right:20px;
	margin-bottom:10px;
}

#generalnews .judul{
	color: #FF3300;
}

#generalnews .judul:hover{
	color: #FF3300;
}

#generalnews img{
	float:left;
	margin-top:3px;
	margin-right:8px;
	margin-bottom:3px;
	padding:3px;
	border:1px solid #999;
}

.garis{
border-bottom:1px dotted #666666;
}

.user{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	font:11px Tahoma;
	color:#006699;
	}

.bsionline{
	font:17px Georgia, Arial, Times, serif;
	color:#003399;
	text-align:left;
	margin-left:10px;
	margin-top:5px;
	
}

.bahasa{
	margin-top:15px;
	margin-bottom:15px;
	font:11px Tahoma;
	color:#006699;
}

.logo{
	margin-bottom:50px;
}
	
#recent ul{
	margin:0;
	padding:0em 0.5em;
		 
}
#recent li {
	padding-left:15px;
	margin-bottom:5px;
	background-image: url('../images/panah.gif');
	background-repeat: no-repeat;
	background-position: 2px 4px;
	color:#333333;
	list-style-type:none;
	
}

#recent .judul{
	color:#333333;
}

#recent .titleRecent{
	font:18px Georgia, Verdana, sans-serif;
	margin-bottom:5px;

}

#recent a {
	text-decoration:none;
	color:#333333;
}	

#recent a:hover {
	text-decoration:underline;
	color:#333333;
}	


/*NEW*/
#sidenews {
	margin-left:10px;
	width:610px;
	}

#sidenews ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
		
#sidenews li {
	width:280px;
	float:left;
	padding-right:25px;
	}

#sidenews .judul{
	font:17px Georgia, Verdana, sans-serif;
	color: #FF3300;
}

#sidenews img{
	float:left;
	margin-top:3px;
	margin-right:8px;
	margin-bottom:3px;
	padding:3px;
	border:1px solid #999;
}

#titlenews a{
	font: 11px Arial;
	color:#FF3300;
	text-decoration:none;
}

/*Tambahan DVF*/
/* begin Box, Block */
.Block
{
  overflow: hidden;
  width:194px;
  height:340px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  float:left;
}

.Block-isi
{
  overflow: hidden;
  min-width:185px;
  min-height:50px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.Block-body
{
  position: relative;
  z-index: 0;
  margin: 7px;
}

.Block-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background-image: url('../images/Block-s.png');
}

.Block-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

.Block-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -7px;
  width: 14px;
  height: 14px;
  background-image: url('../images/Block-s.png');
}

.Block-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 7px;
}

.Block-bl div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url('../images/Block-s.png');
}

.Block-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 7px;
  height: 7px;
}

.Block-br div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: -7px;
  width: 14px;
  height: 14px;
  background-image: url('../images/Block-s.png');
}

.Block-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 7px;
  right: 7px;
  height: 7px;
}

.Block-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 14px;
  background-image: url('../images/Block-h.png');
}

.Block-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 7px;
  right: 7px;
  height: 7px;
}

.Block-bc div
{
  position: absolute;
  z-index: -1;
  top: -7px;
  left: 0;
  width: 100%;
  height: 14px;
  background-image: url('../images/Block-h.png');
}

.Block-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 7px;
  left: 0;
  width: 7px;
  bottom: 7px;
}

.Block-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 14px;
  height: 100%;
  background-image: url('../images/Block-v.png');
}

.Block-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 7px;
  right: 0;
  width: 7px;
  bottom: 7px;
}

.Block-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -7px;
  width: 14px;
  height: 100%;
  background-image: url('../images/Block-v.png');
}

.Block-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  /*background-image: url('../images/Block-c.png');*/
}


.Block
{
  margin: 3px;
}

/* end Box, Block */

/* begin Box, BlockContent */
.BlockContent
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.BlockContent-body
{
  position: relative;
  z-index: 0;
  margin: 5px;
}


.BlockContent-body
{
  color:#61695D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
}
.BlockContent-body a
{
  background-repeat:no-repeat;
  margin:0 0 0.1em 0;
  line-height:1.2em;
  display:block;
  min-height:70px;
  border-bottom:thin dashed #009900;
  text-decoration:none;
  font-weight:bold;
  color:#009900;
}
.BlockContent-body a:hover
{
  margin:0 0 0.1em 0;
  line-height:1.2em;
  display:block;
  color:#000099;
  border-bottom:thin dashed #000099;
  font-weight:bold;
  text-decoration:underline;
}
.BlockContent-body-isi
{
  color:#61695D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  line-height:1.3em;
}
.BlockContent-body-isi a
{
  margin:0 0 5px 0;
  line-height:1.2em;
  display:block;
  min-height:30px;
  border-bottom:thin dashed #009900;
  text-decoration:none;
  font-weight:bold;
  color:#009900;
  font-size:16px;
  padding:0 0 5px 0;
}
.BlockContent-body-isi a:hover
{
  background-repeat:no-repeat;
  color:#000099;
  border-bottom:thin dashed #000099;
  font-weight:bold;
  text-decoration:underline;
}
/* end Box, BlockContent */