/* CSS Document */

body {
	background-color:#1A3147;
	margin:0 0 0 0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	margin-bottom:0px;
	text-align:justify;
}

ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	margin-top:0px;
}

ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}


#container {
	position:relative;
	width:760px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:314px;
	height:104px;
	background-image:url(images/logo.gif);
}

#header {
	position:absolute;
	top:0px;
	right:0px;
	width:446px;
	height:104px;
	background-image:url(images/header.gif);
	background-repeat:repeat-x;
}

#header span {
	position:absolute;
	right:0px;
	top:0px;
	width:10px;
	height:104px;
	background-image:url(images/header-r.gif);
}

#flash {
	position:absolute;
	background-color:#4D5F6E;
	top:104px;
	left:0px;
	width:760px;
	height:1px;
	z-index:1;
}

#menu {
	position:absolute;
	top:104px;
	left:0px;
	width:760px;
	height:57px;
	color:#FFFFFF;
	background-color:#082136;
	z-index:0;
}

#menuatas {
	position:absolute;
	top:-38px;
	right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	z-index:1;
}

#menubawah {
	position:absolute;
	top:20px;
	right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	z-index:1;
}

#main {
	position:absolute;
	top:272px;
	right:0px;
	width:760px;
	background-color:#fefede;
	background-image:url(images/bg-content.gif);
}

#button {
	position:absolute;
	top:161px;
	left:183px;
	float:right;
}

#pagetitle {
	position:absolute;
	top:150px;
	left:200px;
	width:241px;
	height:37px;
	background-image:url(images/infopsb.gif);
	background-repeat:repeat;
}

#h1index span {
	display:none;
}

#h1index {
	background-image:url(images/pagetitle.gif);
	width:300px;
	height:37px;
}

#h1infopsb span {
	display:none;
}

#h1infopsb{
	background-image:url(images/infopsb.gif);
	width:241px;
	height:37px;
}

#h1infosiswa span {
	display:none;
}

#h1infosiswa {
	background-image:url(images/infosiswa.gif);
	width:241px;
	height:37px;
}

#h1infoortu span {
	display:none;
}

#h1infoortu {
	background-image:url(images/infoortu.gif);
	width:241px;
	height:37px;
}

#h1visimisi span {
	display:none;
}

#h1visimisi {
	background-image:url(images/visimisi.gif);
	width:241px;
	height:37px;
}

#h1sejarah span {
	display:none;
}

#h1sejarah {
	background-image:url(images/sejarah.gif);
	width:267px;
	height:37px;
}

#h1saran span {
	display:none;
}

#h1saran {
	background-image:url(images/saran.gif);
	width:241px;
	height:37px;
}

#h1katapengantar span {
	display:none;
}

#h1katapengantar {
	background-image:url(images/katapengantar.gif);
	width:241px;
	height:37px;
}

#h1kerohanian span {
	display:none;
}

#h1kerohanian {
	background-image:url(images/kerohanian.gif);
	width:241px;
	height:37px;
}

#h1kurikulum span {
	display:none;
}

#h1kurikulum {
	background-image:url(images/kurikulum.gif);
	width:241px;
	height:37px;
}

#h1kalender span {
	display:none;
}

#h1kalender {
	background-image:url(images/kalender.gif);
	width:241px;
	height:37px;
}

#h1fasilitas span {
	display:none;
}

#h1fasilitas {
	background-image:url(images/fasilitas.gif);
	width:241px;
	height:37px;
}

#h1prestasi span {
	display:none;
}

#h1prestasi {
	background-image:url(images/prestasi.gif);
	width:241px;
	height:37px;
}

#h1kegiatan span{
	display:none;
}

#h1kegiatan {
	background-image:url(images/kegiatan.gif);
	width:241px;
	height:37px;
}

#h1ekstra span{
	display:none;
}

#h1ekstra {
	background-image:url(images/ekstra.gif);
	width:241px;
	height:37px;
}

#h1peta span{
	display:none;<a href="kegiatan_tk_1.html">gloria</a>
}

#h1peta {
	background-image:url(images/peta.gif);
	width:241px;
	height:37px;
}

#h1fotopakuwon span {
	display:none;
}

#h1fotopakuwon {
	background-image:url(images/sekolah_pakuwon.gif);
	width:353px;
	height:37px;
}


#content {
	position:relative;
	margin-top:50px;
	margin-left:200px;
	width:525px;
	min-height:180px;

}

#bar {
	display:none;
	margin-top:0px;
	margin-left:0px;
	width:182px;
	background-color:#CED0C6;
	height:200px;
	
}

#navigation {
	position:absolute;
	width:183px;
	margin-left:0px;
	margin-top:161px;
	background-color:#fefede;
}

#footer {
	width:760px;
	height:84px;
	margin-left:0px;
	background-image:url(images/footer.gif);
	background-position:right;
	background-color:#282B29;
	background-repeat:no-repeat;
}

.navigation_table {
	color	: #FFFFFF;
	font-family	: verdana, Arial;
	font-size		: 8pt;
}

/*PG-TK Gloria 1*/
.n1a {
    font-family	: Arial, verdana;
    font-weight	: normal;
    text-transform	: uppercase;
    font-size:10px;
    color:#FFFFFF;
    background-color:#4A9521;
    height:25px;
    padding-left:5px;
    width: 100%;
    }

.n1b {
    font-family	: verdana, Arial;
    font-size:10px;
    background-color:#B5C0A9;
    height:18px;
    padding-left:5px;
    width: 100%;
    }

.an {
    color		: #FFFFFF;
	text-decoration	: none;
	}
	
.an:hover
    {
    color		: #000000;
    text-decoration	: none;
    }
	
.an2 {
    color		: #000000;
	text-decoration	: none;
}

.an2:hover
    {
    color		: #FFFFFF;
    text-decoration	: none;	
}
/* PG-TK Gloria 2 */
.n2a {
    font-family	: Arial, verdana;
    font-weight	: normal;
    text-transform	: uppercase;
    font-size:10px;
    color:#FFFFFF;
    background-color:#A94694;
    height:25px;
    padding-left:5px;
    width: 100%;
    }

.n2b {
    font-family	: verdana, Arial;
    font-size:10px;
    background-color:#B884AD;
    height:18px;
    padding-left:5px;
    width: 100%;
    }

.an {
    color		: #FFFFFF;
	text-decoration	: none;
	}
	
.an:hover
    {
    color		: #000000;
    text-decoration	: none;
    }
	
.an2 {
    color		: #000000;
	text-decoration	: none;
}

.an2:hover
    {
    color		: #FFFFFF;
    text-decoration	: none;	
}

/* SD Gloria 1 */
.n3a {
    font-family	: Arial, verdana;
    font-weight	: normal;
    text-transform	: uppercase;
    font-size:10px;
    color:#FFFFFF;
    background-color:#C62F2F;
    height:25px;
    padding-left:5px;
    width: 100%;
    }

.n3b {
    font-family	: verdana, Arial;
    font-size:10px;
    background-color:#FAA1A1;
    height:18px;
    padding-left:5px;
    width: 100%;
    }

.an {
    color		: #FFFFFF;
	text-decoration	: none;
	}
	
.an:hover
    {
    color		: #000000;
    text-decoration	: none;
    }
	
.an2 {
    color		: #FFFFFF;
	text-decoration	: none;
}

.an2:hover
    {
    color		: #00FFFF;
    text-decoration	: none;	
}

/* SD Gloria 2 */
.n4a {
    font-family	: Arial, verdana;
    font-weight	: normal;
    text-transform	: uppercase;
    font-size:10px;
    color:#FFFFFF;
    background-color:#4E9F8A;
    height:25px;
    padding-left:5px;
    width: 100%;
    }

.n4b {
    font-family	: verdana, Arial;
    font-size:10px;
    background-color:#89A19B;
    height:18px;
    padding-left:5px;
    width: 100%;
    }

.an {
    color		: #FFFFFF;
	text-decoration	: none;
	}
	
.an:hover
    {
    color		: #000000;
    text-decoration	: none;
    }
	
.an2 {
    color		: #000000;
	text-decoration	: none;
}

.an2:hover
    {
    color		: #FFFFFF;
    text-decoration	: none;	
}

/* SMP Gloria  */
.n5a {
    font-family	: Arial, verdana;
    font-weight	: normal;
    text-transform	: uppercase;
    font-size:10px;
    color:#FFFFFF;
    background-color:#B5A136;
    height:25px;
    padding-left:5px;
    width: 100%;
    }

.n5b {
    font-family	: verdana, Arial;
    font-size:10px;
    background-color:#C8BC7C;
    height:18px;
    padding-left:5px;
    width: 100%;
    }

.an {
    color		: #FFFFFF;
	text-decoration	: none;
	}
	
.an:hover
    {
    color		: #000000;
    text-decoration	: none;
    }
	
.an2 {
    color		: #000000;
	text-decoration	: none;
}

.an2:hover
    {
    color		: #FFFFFF;
    text-decoration	: none;	
}

/* SMA Gloria */
.n6a {
    font-family	: Arial, verdana;
    font-weight	: normal;
    text-transform	: uppercase;
    font-size:10px;
    color:#FFFFFF;
    background-color:#8E91BC;
    height:25px;
    padding-left:5px;
    width: 100%;
    }

.n6b {
    font-family	: verdana, Arial;
    font-size:10px;
    background-color:#A7A9BF;
    height:18px;
    padding-left:5px;
    width: 100%;
    }
	
.judul-prestasi-sma {
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.prestasi-sma {
	text-align:center;
}

.an:link {
    color		: #FFFFFF;
	text-decoration	: none;
	}
	
.an:hover
    {
    color		: #000000;
    text-decoration	: none;
    }
	
.an2:link {
    color		: #000000;
	text-decoration	: none;
}

.an2:visited
    {
    color		: #000000;
    text-decoration	: none;	
}

.an2:hover
    {
    color		: #FFFFFF;
    text-decoration	: none;	
}

/* Sekolah Pakuwon City */
.n7a {
    font-family	: Arial, verdana;
    font-weight	: normal;
    text-transform	: uppercase;
    font-size:10px;
    color:#FFFFFF;
    background-color:#E58A03;
    height:25px;
    padding-left:5px;
    width: 100%;
    }

.n7b {
    font-family	: verdana, Arial;
    font-size:10px;
    background-color:#F0A940;
    height:18px;
    padding-left:5px;
    width: 100%;
    }
	
.judul-prestasi-pakuwon {
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.prestasi-pakuwon {
	text-align:center;
}

.an:link {
    color		: #FFFFFF;
	text-decoration	: none;
	}
	
.an:hover
    {
    color		: #000000;
    text-decoration	: none;
    }
	
.an2:link {
    color		: #000000;
	text-decoration	: none;
}

.an2:visited
    {
    color		: #000000;
    text-decoration	: none;	
}

.an2:hover
    {
    color		: #FFFFFF;
    text-decoration	: none;	
}

/*link menu*/
a:link {
	color:#FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.MISI {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
}

.VISI {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:bold;
	color:#000000;
}
/* table bg */

.selang {
	background-color:#D3CDB3;
}

.seling {
	background-color:#CEC399;
}

.selung {
	background-color:#62582F;
}
.margin {
	margin-left:10px;
}

th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

#template1 {
	width:760px;
	height:55px;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	z-index:1000;
}