.logo{
	max-width:990px;
}

.header-top {
	margin-top:20px;
	position: relative;
	padding-top:20px;
	background:#056e4f;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 0;
    margin-top: -1px;
	margin-right:-150px;
	background-color:#5a9f8b;
}

.header-bottom{
	background-color:#f90;
	height:40px;
	margin-top:-10px;
	
}

.header-shadow{
	background: url(../images/shadow.png) left 100%;
	background-repeat:no-repeat;
	
	height:123px;
	z-index:-3;
	position: relative;
	margin-top:-70px;
	
}	

.content-title{
	margin-top:-60px;
}

	.spot-bg{background: url('../images/spot_bg.png') repeat scroll ;
	border: 1px solid #ccc;
	margin-top:-20px;
	text-shadow:0 1px 0 #FFFFFF;}
	

	.spotlight{
	text-shadow:0 1px 0 #FFFFFF;
	/*border-bottom: 1px solid #FEFEFE;*/
	background: url('../images/spotlight.png') repeat-x scroll ;
	}
	
	.tagline {
		display: inline-block;   
		padding: 20px 10px 10px 10px;  
		width: 100%;
		
		}
	div.spotlight p {background: none repeat scroll 0 0 transparent;   font-family: "Brush Script MT", cursive; font-size: 20pt;   line-height: 1.5em;    text-align: center;}

	
.bodi-content{
	background:url('../images/sheet.png');
	border:1px solid #ccc;
	
	
}

.block-div{
	background: url("../images/block-div.png") repeat-y  100% 0 transparent;
	padding: 10px
}
.block-right{
	padding: 10px
}

.bodi-content h3 {
	font-family: 'Tahoma', Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
   color: #056e4f;
   font-size: 24px;
    margin: 10px 0 15px 15px;
   	padding-bottom: 10px;
	    background: url(../images/block-div-h.png) repeat-x scroll 0 100% transparent;
}
.form-search{
	padding:15px 10px 10px 10px;
	
}
.form-search h3 {
	font-family: 'Tahoma', Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
   color: #056e4f;
   font-size: 24px;
    margin: 10px 0 15px;
   	padding-bottom: 10px;
	    background: url(../images/dot.png) repeat-x scroll 0 100% transparent;
}

.content-isi{
	padding:10px 10px 10px 10px;
	width:105%;
	margin-left:-25px
	
}
.content-isi h3 {
	font-family: 'Tahoma', Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
   color: #056e4f;
   font-size: 24px;
    margin: 10px 0 15px;
   	padding-bottom: 10px;
	    background: url(../images/dot.png) repeat-x scroll 0 100% transparent;
}

.title-sidebar {
	font-family: 'Tahoma', Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
   color: #056e4f;
   font-size: 24px;
    margin: 10px 0 15px 15px;
   	padding-bottom: 10px;
	    background: url(../images/dot.png) repeat-x scroll 0 100% transparent;
}

.box-style{
	border:1px solid #ccc;
	border-radius:4px;
	background-color: #f4f4f4;
	padding:10px;
	margin-left:-10px;
}

.box-style li{
	padding-left: 25px;
    overflow-x: visible;
    overflow-y: hidden;
    padding-bottom: 5px;
	margin-left:-25px;
    border-bottom: 1px dotted #e1cfcf;
	background: url(../images/bullet-8.png) no-repeat left center;
}

.box-style2{
	border:1px solid #ccc;
	border-radius:4px;
	background-color: #f4f4f4;
	padding:10px;
	
}

.box-style2 li{
	padding-left: 22px;
    overflow-x: visible;
    overflow-y: hidden;
    padding-bottom: 5px;
	margin-left:-25px;
    border-bottom: 1px dotted #e1cfcf;
	background: url(../images/bullet-5.png) no-repeat left center;
}

.border-left{
	background: url(../images/sidebar.png) repeat-y scroll 0 0 transparent;
    border-left: 1px solid #FAFAFA;
}



.sidebar li{
	padding-left: 25px;
    overflow-x: visible;
    overflow-y: hidden;
    padding-bottom: 5px;
	margin-left:-30px;
    border-bottom: 1px dotted #e1cfcf;
	background: url(../images/special-5.png) no-repeat left center;
}

.box-sidebar{
	border:1px solid #ccc;
	border-radius:4px;
	background-color: #f4f4f4;
	padding:10px;
	width:95%;
	margin-left:13px;
	
}

.box-sidebar li{
	padding-left: 25px;
    overflow-x: visible;
    overflow-y: hidden;
    padding-bottom: 5px;
	margin-left:-35px;
    border-bottom: 1px dotted #e1cfcf;
	background: url(../images/bullet-5.png) no-repeat left center;
}


.slogan {
    border-left-style: solid;
    border-left-width: 5px;
	height:70px;
}

.slogan {
    border-left-color: #056e4f;
    color: #056e4f;
}

.slogan p{
   font-size: 200%;
    padding: 10px;
    height: 70px;
    background: url(../images/slogan_emp.png) no-repeat scroll 90% 100% transparent;
}

.content-border {
   
    background: url(../images/content-row-b.png) left bottom repeat-x;
	padding-bottom:40px;
	
}


.footer{
	
	position: relative;
    margin-top: 40px;
    margin-bottom: 0;
    width: 100%;
	background:#056e4f;
}

.footer:before
{
   left:0;
   right:0;
   background-position: bottom left;
}

.footer:after
{
   right:0;
   width:0;
   background-position: bottom right;
}


.footer-top{	background-image: url(../images/footer-t.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 78px;
    -moz-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
    -o-box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
    box-shadow: 0 -25px 50px rgba(0,0,0,0.5);
}

.cleared {
    display: block;
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 0;
    height: 0;
    overflow: hidden;
}

.page-footer
{
   padding: 1em 0;
   position: relative;
   text-align: left;
   bottom: -19px;
   text-decoration: none;
   color: #fff;
   width: 50%;
   float: left;   
}

.page-footer{   text-shadow: 0 1px 0 #FFF !important;}

.page-footer a,
.page-footer a:link{
color: #FFFFFF
}

.page-footer a:hover{color: #fff !important; text-shadow: 0 1px 0 #fff !important}




.bottom-links{
	height: 50px;
	display: block;
	float: right;
	margin-top: 13px;
}

.bottom-links a {padding: 20px 15px; display: block; float: left; text-shadow: none !important; color: #FFF !important;
	background: url("../images/menuseparator.png") no-repeat scroll 100% 50% transparent}	
.bottom-links a:hover{color: #D45050 !important; text-shadow: 0 1px 0 #000 !important}
/* end PageFooter */


.icon-pengumuman{
	background: url(../images/pengumuman.png) no-repeat left center;
	width:100px;
	height:100px;
}

.size-box{
	height:360px; width:298px;overflow-y:auto;
}

.size-boxPengumuman{
	height:380px; width:298px;overflow-y:auto;
}
.size-box2{
	height:360px; width:298px;overflow-y:auto; 
}

.img-full{
    display: block;
    max-width: 100%;
    height: 100%;
}

.event{display: block; margin: 5px 0 20px}

.event-time {
    border: #e5e5e5;
    color: #808080;
    display: block;
    float: left;
    height: auto;
    margin: 3px 15px 3px 0 !important;
  
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	text-shadow: 0 1px 0 #F7F7F7;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px #FFFFFF, 0 0 3px #BABABA;
}

.event-time .date {
    font-size: 200%;
    padding: 9px 10px 25px;
}

.event-time .month {
    display: block;
    padding-bottom: 2px;
    text-align: center;
    text-transform: uppercase;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
	    background: #872021;
    color: #FFF;
    text-shadow: none;
}



.example1 {
 height: 20px;	
 overflow: hidden;
 position: relative;
 }
.example1 i {
 position: absolute;
 width: 100%;
 
 margin-top: -15px;
 line-height: 50px;
 text-align: center;
 
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 25s linear infinite;
 -webkit-animation: example1 25s linear infinite;
 animation: example1 25s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
.example1 i:hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
 }