body { 
	background: #e5b209; /* Old browsers */
	background: -moz-linear-gradient(top, #e5b209 0%, #e67817 50%, #e5b209 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5b209 0%,#e67817 50%,#e5b209 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5b209 0%,#e67817 50%,#e5b209 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b209', endColorstr='#e5b209',GradientType=0 ); /* IE6-9 */
 }
a{text-decoration:none;color:#000000;font-family:Arial;}
ol{margin-bottom:0px}

#kontainer{
	width:960px;
	margin:0 auto;
	box-shadow:0 1px 4px #000;
	background:#f5f5f5;
}

#header{
	height:120px;
	background:url("../images/bg-header.gif") no-repeat;
	background-color:#e5b209; 
}

#menu{
	background:#000;
}

#pinggir{
	float:left;
	width:220px;
	background:#f5f5f5;
}

#tengah{
	float:left;
	width:520px;
	background:#f5f5f5;
}
#sliderteks{
	float:left;
	width:960px;
}
#single-area{
	float:left;
	width:730px;
	background:#f5f5f5;
}

#footer{
	clear:both;
	height:100px;
	background: #e5b209; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #e5b209 0%, #e67817 50%, #e5b209 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #e5b209 0%,#e67817 50%,#e5b209 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #e5b209 0%,#e67817 50%,#e5b209 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b209', endColorstr='#e5b209',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.isi-slider{
	width:936px;
	height:15px;
	margin-top:0px;
	margin-bottom:1px;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:white;
	background: #335505 none repeat scroll 0 0;
    padding: 8px 12px;
    position: relative;
}
.sidebar-area{
	width:200px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	border:0px solid #000;
}

.widget-icon{
	width:100%;
}
.widget-area{
	border:1px solid #e67817;
	border-radius:0px;
	margin-top:-20px;
	margin-bottom:10px;
	padding:7px;
	text-align:center;
	font-family:Arial;
	font-size:11px;
	
}

.widget-icon-tengah{
	width:190px;
	padding-top:10px;
	padding-left:15px;
	background:#fe0005;
	border-radius:10px 10px 0 0;
}

.ngisoran{
	width:450px;
	height:8px;
	background:#fe0005;
	margin-top:0px;
	margin-left:60px;
}

.widget-area-tengah{
	border:1px solid #e67817;
	border-radius:0px;
	margin-top:-23px;
	margin-bottom:10px;
	padding:7px;
	text-align:justify;
	font-family:Arial;
	font-size:11px;
	background:#fff;
	min-height:100px;
}

.judul-gede{color:#fff;font-family:"Arial",Sans-Serif;font-size:16px;text-align:center;font-weight:bold;padding-top:5px;}
.judul-cilik{color:#000;font-family:"Arial",Sans-Serif;font-size:12px;text-align:center;font-weight:bold;padding-top:0px;margin-top:-5px;padding-bottom:5px}
.gal{font-size:11px}
.alum{color:#000;}

.prakata, .prestasi{height:250px;}
.prakata img{background:#D4D4D4 ;padding:5px;margin:0px 10px 0px 0px;}
.prakata{text-align:center;}
.prestasi-area{
	background:#fff;
	height:210px;
	width:180px;
	margin:0 auto;
}
.prestasi-area img{
	width: 180px;
	height:135px;
	margin:0 auto;
	background:#ccc;
}
.ket-juara{
	padding:5px;
	font-family:arial;
	font-size:11px;
}
.th-juara{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:red;
}
.dft-prestasi{
	background:#F0F0F0;
	width:100px;height:15px;
	border-radius:7px;
	border:3px solid #000;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	margin-top:10px;
	margin-left:5px;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
}
.forum-area, .side-agenda-area{
	background:#fff;
	border-radius:0px;
	padding-bottom:5px;
	margin:0 auto;
	width:190px;
	margin-top: 3px;
}
.side-agenda-area{padding-top:5px; margin-top:20px;}
.forum-area{
	height:300px;
	padding-top:5px;
}
.login-area{
	height:100px;
	padding-top:0px;
	margin-top:20px;
}
.forum, .login, .klik-alumni, .side-agenda{
	padding-left:5px;
	padding-bottom:10px;
	text-align:justify;

}
#chat textarea{width:130px}
#chat input[type=text]{width:130px}
.forum table{border-bottom:0px solid #fff;margin-bottom:3px;margin-top:10px}
.chat-nama{color:#000;font-family:"Arial",Sans-Serif;font-size:11px;font-weight:bold;text-align:left;padding-left:3px}
.chat-tgl{color:#000;font-family:"Arial",Sans-Serif;font-size:9px;text-align:right}
.chat-pesan{color:#000;font-family:"Arial",Sans-Serif;font-size:11px;text-align:justify}

.sliderimg{margin:0 auto;margin-top:10px;width:520px;height:350px;margin-bottom:15px;border:0px solid #000;background:rgba(0,0,0,0.9);position:relative}
.sliderimg img{width:520px;height:304px;margin-bottom:0px;}
.sliderimg .descslider{ width:500px;height:25px;padding:0 10px 10px 10px;background:none; color: #FFFFFF;margin-bottom:25px ;font-family:"Arial",Sans-Serif;font-size:12px;text-align:center;}


.slider-galeri-area{height:145px;}
.slider-galeri{
	height:140px;
	margin-top:10px;
	border-radius:7px;
}
.slider-galeri .thumb{
	width: 180px;
	height:135px;
	margin:0 auto;
}
.klik-alumni{text-align:center;padding-bottom:5px;}
.link-area{margin:0 auto; margin-top:20px;}
.link-area img{border:1px solid #ccc;margin:3px; border-radius:10px;}

.tanggal-area{
	width:50px;
	height:60px;
	border-radius:17px;
	background:#f26e35;
	color:#fff;
	text-align:center;
	font-family:arial;
}
.widget-area-tengah li, .berita li{list-style-type: none;}
.widget-area-tengah ul, .berita ul{padding-left:0;}
.widget-area-tengah table{border-collapse:collapse;}
.widget-area-tengah td{border-bottom:0px; padding-top:5px;padding-bottom:5px}
.bulan{padding-top:5px;font-size:12px;font-weight:bold;border-bottom:1px solid #fff;padding-bottom:3px; }
.tanggal{padding-top:3px;font-size:20px;font-weight:bold; }
.isi-agenda{margin-top:5px;text-align:justify}

.berita{padding-top:5px}
.berita img{padding:5px;margin:0px 10px 5px 0px;float:left;margin-top:0px; border-radius:15px;}
.berita-judul{color:#466f95;font-family:"Arial",Sans-Serif;font-size:14px;font-weight:bold;text-align:left;padding-left:3px}
.berita-tgl{color:#000;font-family:"Arial",Sans-Serif;font-size:10px;text-align:left;margin-bottom:10px}
.berita-isi{color:#000;font-family:"Arial",Sans-Serif;font-size:11px;text-align:justify}

.pengumuman-judul{color:#466f95;font-family:"Arial",Sans-Serif;font-size:12px;font-weight:bold;text-align:left;padding-left:0px}

.judul-single{
	background: #f26e35 none repeat scroll 0 0;
    border: 0 solid #7abaf5;
    border-radius: 7px 7px 0 0;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
}
}
.ngisoran-tengah{
	width:730px;
	height:8px;
	background:#fe0005;
	margin-top:0px;
}
.isi-single{
	border: 1px solid #f26e35;
    border-radius: 0px;
    color: #000;
    font-family: "Century Gothic",Arial,sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: -15px;
    min-height: 530px;
    padding: 10px;
    text-align: justify;;
}
.judul-single-cilik{
	background: #f26e35 none repeat scroll 0 0;
    border: 0 solid #7abaf5;
    border-radius: 7px 7px 0 0;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}
.judul-single-cilik-tengah{
	background: #f26e35 none repeat scroll 0 0;
    border: 0 solid #7abaf5;
    border-radius: 7px 7px 0 0;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    height: 30px;
}
.kontak table{margin-left:30px;margin-top:0px;border-collapse:collapse;color:#000;font-family:"Arial",Sans-Serif;font-size:12px;}
.kontak td{border-bottom:1px solid #7abaf5}

.prestasi-area-single table{border-bottom:1px solid #ccc;text-align:left;font-size:12px;width:680px;padding-bottom:5px}
.prestasi-area-single table :hover{background:#f0f0f0}
.prestasi-area-single, .alumni-area{width:700px;margin:0 auto;border:0px solid #000}
.prestasi-area-single li, .alumni-area li{list-style-type: none;}
.prestasi-area-single ul, .alumni-area ul{padding-left:0;}

.alumni-nama{width:180px;float:left;clear:both;border-bottom:1px solid #ccc;padding:5px 0 5px 0}
.alumni-lulus{float:left;width:100px;border-bottom:1px solid #ccc;padding:5px 0 5px 10px}
.alumni-sekarang{width:200px;float:left;border-bottom:1px solid #ccc;padding:5px 0 5px 10px}
.alumni-kontak{width:150px;float:left;border-bottom:1px solid #ccc;padding:5px 0 5px 10px}
.link-form{padding:5px;color:#000;font-family:"Arial",Sans-Serif;font-size:10px;text-align:right}
.link-form a{text-decoration:underline}

.gurkararea{margin-left:35px;border:0px solid #000}
.gurkararea li{list-style-type: none;}
.gurkararea ul{padding-left:0;}
.gur, .kar{padding:5px;margin:10px 10px 0px 10px;float:left;border:1px solid #f0f0f0;width:120px;height:260px;}
.gurdes{color:#000;font-family:"Arial",Sans-Serif;font-size:.725em;margin:20px 0 0 0;padding-bottom:5px;text-align:center}
.jguru{color:#000;font-family:"Arial",Sans-Serif;font-size:1em;margin:10px 0 0 0;padding-bottom:5px;font-weight:bold;border-bottom:1px solid #000;margin-bottom:20px;}

.down-area{width:700px;margin:0 auto}
.down-area li{list-style-type: none}
.down-area ul{padding-left:0;}
.down-tgl{width:70px;float:left;clear:both;border-bottom:1px solid #ccc;padding:5px 0 5px 0;}
.down-nama{float:left;width:550px;border-bottom:1px solid #ccc;padding:5px 0 5px 10px;}
.down-file{float:left;border-bottom:1px solid #ccc;padding:5px 0 5px 10px;}

.down-tingkat{width:50px;float:left;clear:both;padding:5px 0 5px 0}
.down-mapel{width:100px;float:left;padding:5px 0 5px 0}
.down-judul{width:275px;float:left;padding:5px 0 5px 0}
.down-jenis{width:60px;float:left;padding:5px 0 5px 0}
.down-penyusun{width:70px;float:left;padding:5px 0 5px 0}
.down-link{width:40px;float:left;padding:5px 0 5px 0}
.down-upl{width:75px;float:left;padding:5px 0 5px 0}

.artikel-isi img{box-shadow:0 1px 4px #000;padding:3px;}
.artikel-footer{width:80%;margin:0 auto;background:#e8e8e8;text-align:center;padding:5px;margin-top:20px;margin-bottom:20px;font-size:10px;}
.indexartikel{background:#e8e8e8;text-align:center;padding:5px}

.galimg{padding:5px;margin:10px 10px 0px 15px;float:left;border:1px solid #f0f0f0;width:170px;height:150px;}
.galdes{color:#000;font-family:"Arial",Sans-Serif;font-size:.725em;margin:5px 0 0 0;padding-bottom:5px;text-align:center}


/*footer*/
.foot{color:#000;font-family:"Arial",Sans-Serif;font-size:11px;padding:10px 10px 10px 10px;text-align:center}
.foot a{color:#000;font-family:"Arial",Sans-Serif;font-size:12px;}
.foot a:hover{text-decoration:underline}
.supported{
	text-align:left;
	padding:5px 10px;
	font-size:8px;
	font-family:Arial;
}
.supported a{font-size:8px;}

/*menu-bar*/
.navigation
{
    position:relative;
	z-index:1000;
}
 
.navigation ul
{
    margin:0 50px 0 30px;
    padding:0px;
}

.navigation li
{
	font: 12px 'Arial', Tahoma;
	
}
 
.navigation ul li
{
    float:left;
    list-style:none;
    position:relative;
}
 
.navigation ul li a
{
    display:block;
    color:#fff;
    text-decoration:none;
    padding:10px;
	font-weight:bold;
	width:auto;
}
 
.navigation ul li a:hover
{
    background:rgba(0,0,5,0.8);
	color:#fff;
}
 
.navigation ul li ul
{
    position:absolute;
    display:none;
    width:200px;
    margin:0 auto;
	background:rgba(255,0,5,0.9);
	text-align:left;
}
 
.navigation ul ul ul
{
    display:none;
    position:absolute;
    right:-250px;
    top:0;
}
 
.navigation ul li:hover > ul,.navigation ul ul li:hover > ul
{
    display:block;
}
 
.navigation ul li.clear,.navigation ul ul li
{
    float:none;
}

/*jquery-tab*/
.etabs { margin: 0 auto; padding: 0; margin-top:30px;}
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border-radius:7px 7px 0 0;border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border-top: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; }

#video-area{width:500px;height:281px;margin:0 auto;box-shadow:0 1px 4px #000;margin-top:30px;margin-bottom:30px}

/*pop-up*/
#popup{
	position:fixed;
	width:190px;
	height:350px;
	border:2px solid #763a3b;
	background:rgba(255,255,255,0.9);
	float:right;
	bottom:5px;
	right:5px;
	border-radius:7px;
}
#popup .tutup{
	font-family:arial;
	font-size:12px;
	text-align:right;
	padding:5px;
	font-weight:bold;
}

#popup .isipop{
	font-family:arial;
	font-size:10px;
	padding:5px;
	padding-top:0px;
	font-weight:bold;
}

#popup .isipop ul{padding-left:10px;}
#popup .isipop li{padding-left:0px;}


#popup .judulpop{
	font-family:arial;
	font-size:12px;
	padding:5px;
	padding-bottom:0px;
	font-weight:bold;
}

.tutup a{color:#000}

.example1 {
 height: 30px;	
 overflow: hidden;
 position: relative;
 background:#335505;
}
.example1 h5 {
 position: absolute;
 font-family:arial;
 color:#ffffff;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 30px;
 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%); 
 }
}