@import url("reset.css");/* CSS RESET */
@import url("redefine.css");
@import url("reusable.css");/* REUSABLE CLASS*/



/* FRONT PAGE */
body{ background: white url("../images/bg.png") top left repeat-x; }

#logo{ 
	background: url("../images/logo.png") top left no-repeat; 
	width:200px;
	height:78px;
	display:block;
	Position:absolute;
	margin-top:20px;
	}
	#logo em{display:none;}

#wrap {
	width:960px;
	margin:auto; }

#top-menu {}
#content {
	
}
#content-top {display:block;
	width:960px;
	height:310px;
	overflow:hidden;}
	
#content-top-slideshow{
	display:block;
	width:363px;
	height:278px;
	float:left;
	padding:20px 0px 0px 0px;
	overflow:hidden;
	/*background:url("../images/photo-bg.png") top left no-repeat;*/
}
#image-container{
	 width: 363px; /* important to be same as image width */
   height: 278px; /* important to be same as image height */
   position: relative; /* important */
	 overflow: hidden; /* important */
}
#content-top-opening{
	width:260px;
	height:300px;
	display:block;	
	float:left;
	overflow:hidden;	
}
.content-wrapper{padding:22px 15px 10px 15px;text-align:justify;}

.content-wrapper ol, .content-wrapper ul {
	padding-left:20px;
}

.content-wrapper table td{
	/*text-align:left;*/
}

.content-wrapper h2 {
	margin-top:10px;
	margin-bottom:5px;
}

.content-wrapper h2.title-berita {	
	font-family:Helvetica,Arial,Calibri,sans-serif;
	font-size:15px;
	border-bottom:solid 1px #233D5E;
	line-height:25px;
	margin-bottom:10px;
}

h2#title-welcome{
	display:block;
	width:152px;
	height:19px;
	margin-bottom:12px;
	background:url("../images/title-selamatdatang.png") top left no-repeat;}
h2 em{display:none;}
h2#title-berita {	
	display:block;
	width:155px;
	height:19px;
	margin-bottom:12px;
	background:url("../images/title-beritaartikel.png") top left no-repeat;
	
	}	
h2#title-pengumuman {	
	display:block;
	width:155px;
	height:19px;
	margin-bottom:12px;
	background:url("../images/title-pengumuman.png") top left no-repeat;}	
h2#title-agenda {	
	display:block;
	width:200px;
	height:19px;
	margin-bottom:12px;
	background:url("../images/title-agenda.png") top left no-repeat;}	
h2#title-gallery {	
	display:block;
	width:155px;
	height:19px;
	margin-bottom:12px;
	background:url("../images/title-gallery.png") top left no-repeat;}	
h2#title-location {	
	display:block;
	width:155px;
	height:19px;
	margin-bottom:12px;
	background:url("../images/title-location.png") top left no-repeat;}	
#content-top-berita {
	width:300px;
	height:330px;
	display:block;
	margin-left:630px;
	overflow:hidden;
	background:#dce3e6 url("../images/news-bg.png") top left repeat-x;
}


.content-wrapper{}
ul.news-list{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.news-list li{margin-top:8px;}
ul.news-list li h3{}
#content-mid {width:960px;height:130px;padding-top:19px;display:block;}
a#banner-profilpengajar {
	width:227px;
	height:95px;
	display:block;
	background:url("../images/banner-profilpengajar.jpg") top left no-repeat;
	float:left;
	margin-right:6px;
}
a#banner-kegiatansiswa {
	width:228px;
	height:95px;
	display:block;
	background:url("../images/banner-kegiatansiswa.jpg") top left no-repeat;
	float:left;
	margin-right:5px;
}
a#banner-saranaprasarana {
	width:227px;
	height:95px;
	display:block;
	background:url("../images/banner-saranaprasarana.jpg") top left no-repeat;
	float:left;
	margin-right:5px;
}
a#banner-prestasi {
	width:228px;
	height:95px;
	display:block;
	background:url("../images/banner-prestasi.jpg") top left no-repeat;
	float:left;
	margin-right:0px;
}

a#banner-profilpengajar em{display:none;}
a#banner-kegiatansiswa em{display:none;}
a#banner-saranaprasarana em{display:none;}
a#banner-prestasi em{display:none;}

#content-bottom{
	display:block;
}
#pengumuman-agenda{
	background:transparent url(../images/line.png) center right no-repeat;
	display:block;
	float:left;	
	overflow:hidden;
	padding:0px 0 0;
	width:363px;
	
	
}
#pengumuman{margin-bottom:20px;}

ul.agenda{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.agenda li{margin-top:10px;border-top:solid 1px #d8dde2;width:330px;}
ul.agenda li .date{}				
#photo-gallery{
	background:transparent url(../images/line.png) center right no-repeat;
	display:block;
	float:left;
	height:300px;
	overflow:hidden;
	width:260px;
	
	}	
#location{
	display:block;
	height:330px;
	margin-left:630px;
	overflow:hidden;
	width:300px;
	
}	
#map-wrapper{}	
#footer {
	background:transparent url(../images/footer-bg.png) center right repeat-x;
	height:80px;
	text-align:center;
	color:white;
	padding-top:30px;
}

/* LEVEL 2 */
body#level2{ background: white url("../images/bg-level2.png") top left repeat-x; }

#content-top-main {display:block;
	width:630px;
	display:block;
	float:left;
	}

body#level2 #content-main-berita {
	background:white url(../images/news-level2.png) top left repeat-x;
	display:block;
	margin-left:630px;
	overflow:hidden;
	width:300px;
	height:500px;
}
.banner-kelulusan {
	width:262px;
	height:85px;
	display:block;
	border:none;
	background:url("../images/banner-kelulusan.jpg") top left no-repeat;
}

.banner-kelulusan em{display:none}