body {

	margin:0px;

	padding:0px;

	font-family:georgia, verdana, tahoma;

	font-size:9pt;

	background:#000 url("images/main.jpg") center 80px no-repeat;

    color:#fff;

}



div, ul, li,

h1, h2, h3, h4, h5, h6 {

	margin:0px;

	padding:0px;

}



a {

	text-decoration:underline;

    color:#282432;

}

a:hover {

    text-decoration:none;

	color:#02A3CF;

}

a.links {

	background:url("images/icons/shortcut.png") left center no-repeat;

	padding:2px 0px 2px 20px;

    margin:0px 0px 3px;

    clear:left;

    float:left;

}

a.links:hover {

	background:url("images/icons/shortcut-hover.png") left center no-repeat;

}

a.paging {

	margin-bottom:10px;

	font-weight:normal;

}

a.shortcut {

	font-size:10pt;

	font-weight:bold;

	background:url("images/icons/shortcut.png") left center no-repeat;

	padding-left:20px;

}

a.shortcut:hover {

	background-image:url("images/icons/shortcut-hover.png");

}

a.sekolah {

	padding-left:20px;

	background:url("images/icons/shortcut-hover.png") left center no-repeat;

	text-align:right;

	font-size:12px;

	margin-bottom:5px;

}

a.sekolah:hover {

	background-image:url("images/icons/shortcut.png");

	text-align:right;

}





li {

	list-style-type:none;

}



/*=============================================================================================================*/

/*	MAIN BODY																								                                                   */

/*=============================================================================================================*/

div#main-frame {

	background:url("images/menu.jpg") left top repeat-x;

    float:left;

}



div#main-body {

	background:url("images/footer.png") -40px bottom repeat-x;

	width:100%;

	border:none;

    min-height:673px;

    min-width:785px;

    float:left;

}



/*=============================================================================================================*/

/*	MAIN HEADER																								                                                 */

/*=============================================================================================================*/



div#main-header {

	width:100%;

	height:80px;

	float:left;

    text-align:left;

}



div#main-header div#header-logo {

	width:80px;

	height:90px;

	display:block;

	margin:5px;

	float:left;

}



div#main-header div#header-text {

	float:left;

	padding:5px;

	padding-top:10px;

	font-weight:bold;

}

div#main-header div#header-text h1 {

	font-size:18pt;

}

div#main-header div#header-text h2 {

	font-size:12pt;

    color:#FECD08;

    padding-bottom:7px;

}



/*=============================================================================================================*/

/*	MAIN FOOTER																								                                                 */

/*=============================================================================================================*/



div#main-footer{

	width:100%;

	height:80px;

    color:#000;

	font-size:10pt;

    float:left;

	text-align:left;

}



div#main-footer div{

	text-align:right;

    margin:5px 0px 0px 80px;

    float:left;

    width:350px;

}



/*=============================================================================================================*/

/*	MAIN CONTENT																							                                                 */

/*=============================================================================================================*/



div#main-content {

	width:750px;

	border-top:none;

    font-family:verdana, tahoma;

    text-align:center;

    padding:10px;

    color:#000;

}



div#header-menu {

    font-family:verdana, tahoma, arial;

	width:100%;

	float:left;

	width:100%;

	height:30px;

}



div#header-menu ul {

	padding:0px 0px 0px 0px;

	margin:5px;

	margin-top:8px;

	margin-right:0px;

}



div#header-menu ul li {

	display:inline;

	list-style-type:none;

	/*border-right:1px solid #ddd;*/

}



div#header-menu ul li a {

	text-decoration:none;

	font-weight:bold;

	padding:5px 10px 5px 5px;

	font-size:7pt;

	color:#FFF;

	background:none;

}



div#header-menu ul li a:hover {

	text-decoration:underline;

	color:#FECD08;

}



/*=============================================================================================================*/

/*	MAIN CONTENT CENTER AND LEFT															                   */

/*=============================================================================================================*/



div#main-content-center, div#main-content-left {

	border:1px solid #3B3F3F;

	background:#fff url("images/content.jpg") left top repeat-x;

	margin:10px;

	padding:5px 15px;

	float:left;

    text-align:left;

    width:700px;

    min-height:450px;

	filter: alpha(opacity=95);

	-moz-opacity:0.95;

}



div#main-content-left {

    width:493px;

}



div#box-content-boxed {

    width:240px;

    min-height:90px;

    clear:none;

}



div.box-content {

	margin-bottom:8px;

	padding:3px;

	font-size:10pt;

	float:left;

    clear:left;

}

div.box-content div {

	font-size:8pt;

	float:left;

    clear:left;



}

div.box-content h1 {

	font-weight:bold;

	font-size:11pt;

	margin:5px 0px 5px 0px;

	padding:0px 0px 3px 0px;

}

div.box-content h1.subtitle {

	font-weight:bold;

	margin:2px 0px 2px 0px;

	padding:0px 0px 3px 0px;

	text-align:right;

}

div.box-content h1 a.title {

}

div.box-content h1 a.title:hover {

}

div.box-content div.komentar1 {

	margin:0px 0px 5px 0px;

	padding:5px;

	float:left;

    clear:left;

}

div.box-content div.komentar2 {

	margin:0px 0px 5px 0px;

	padding:5px;

	float:left;

    clear:left;

}

div.box-content div h2,

div.box-content div h2.sponsorship,

div.box-content div h2.bukutamu,

div.box-content div h2.beasiswa,

div.box-content div h2.komentar,

div.box-content div h2.active,

div.box-content div h2.draft {

	font-weight:bold;

	font-size:10pt;

	margin:5px 0px 0px 0px;

	padding:0px 0px 3px 0px;

}

div.box-content div h2.sponsorship {

	background:url("images/icons/sponsorship.png") left top no-repeat;

	padding-left:20px;

}

div.box-content div h2.bukutamu {

	background:url("images/icons/bukutamu.png") left top no-repeat;

	padding-left:20px;

}

div.box-content div h2.beasiswa {

	background:url("images/icons/beasiswa.png") left top no-repeat;

	padding-left:20px;

}

div.box-content div h2.komentar {

	background:url("images/icons/komentar.png") left top no-repeat;

	padding-left:20px;

}

div.box-content div h2.active {

	background:url("images/icons/active.png") left top no-repeat;

	padding-left:20px;

}

div.box-content div h2.draft {

	background:url("images/icons/draft.png") left top no-repeat;

	padding-left:20px;

}

div.box-content div p {

	font-size:10pt;

	margin:0px 0px 3px 0px;

	padding:0px 0px 0px 0px;

}

div.box-content div img {

	margin:3px 7px 7px 0px;

}

div.box-content div h4 {

    font-size:8pt;

}

div.box-content div h2 a.title {

}

div.box-content div h2 a.title:hover {

}

/*=============================================================================================================*/

/*	MAIN CONTENT RIGHT																						                                             */

/*=============================================================================================================*/



div#main-content-right {

	width:195px;

	border:none;

	background:none;

	margin:10px;

    margin-left:0px;

	float:right;

    text-align:left;

}

div#main-content-right h1 {

	font-size:10pt;

	margin:5px 0px 8px 0px;

	padding:0px;



}

div#main-content-right div.box-content h1#home-admin {

	background:url("images/header/home-admin.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:15px;

}



div#main-content-right div.box-content {

	margin:0px 0px 5px;

	border:1px solid #3165B1;

	background:#3165B1 url("images/sidebox.jpg") 0px -10px no-repeat;

	padding:3px;

	font-size:8pt;

	float:left;

	width:186px;

}

div#main-content-right div.box-content h1 a.title {

	text-decoration:none;

	font-weight:bold;

	font-size:12px;

	display:inline;

}

div#main-content-right div.box-content h1 a.title:hover {

	text-decoration:underline;

}

div#main-content-right div.box-content a.links:hover {

	color:#BB0101;

}



.button-submit {

	color: #000; 

	border: #000 2px solid; 

	font-size: 10pt;

	font-weight:bold; 

	height: 34px; 

	padding:0px 4px 0px 4px;

	margin:4px 0px 2px 0px;;

	background:url("images/button.jpg") center center repeat-x;

	width:100px;

	text-align:center;

}



.left-menu {

	position:absolute;

	display:none;

	border:1px solid #dddddd;

	background:#fcfcfc;

	margin-top:30px;

	margin-left:-50px;

	width:150px;

	text-align:left;

	padding:0px 0px 0px 0px;

}



.left-menu ul {

	padding-left:5px;

	margin:0px;

	list-style:none;

} 



.left-menu li {

	border-left:0px solid #dedede;

	padding:0px;

}



.left-menu li a#sub-menu {

	background:none;

	text-decoration:none;

	display:block;

	color:#000;

	border:0px solid #fcfcfc;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	font-size:10pt;

	text-align:left;

	height:20px;

}



.left-menu li a#sub-menu:hover {

	color:#06c;

	background:url("images/tr_odd_background.jpg") bottom left repeat-x;

}



table {

    color:#000;

	font-size:10pt;

}



table.form-input {

	border:none;

}



table.form-input tr td {

	font-size:9pt;

	margin:0px 0px 0px 0px;

	padding:0px 2px 2px 2px;

}



span.n0 {

	font-size:9pt;

}

span.small {

	font-size:8pt;

}



div.box-content h1#berita {

	background:url("images/header/berita.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#berita-sekolah {

	background:url("images/header/berita-sekolah.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#komentar {

	background:url("images/header/komentar.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#komentar-tulis {

	background:url("images/header/komentar-tulis.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#beasiswa {

	background:url("images/header/beasiswa.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#bukutamu {

	background:url("images/header/bukutamu.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#bukutamu-last {

	background:url("images/header/bukutamu-last.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#home {

	background:url("images/header/home.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#password {

	background:url("images/header/password.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#fasilitas {

	background:url("images/header/fasilitas.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#pesan {

	background:url("images/header/pesan.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#galeri {

	background:url("images/header/galeri.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#home-admin {

	background:url("images/header/home-admin.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:10px;

}



div.box-content h1#kalender {

	background:url("images/header/kalender.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#sekolah, div.box-content h1#statistik {

	background:url("images/header/sekolah.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#sponsorship {

	background:url("images/header/sponsorship.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#login {

	background:url("images/header/login.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#verifikasi {

	background:url("images/header/verifikasi.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#construction {

	background:url("images/header/under-construction.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}



div.box-content h1#denied {

	background:url("images/header/denied.png") left top no-repeat;

	padding-left:38px;

	padding-top:5px;

	padding-bottom:8px;

}