html { 
	/*background:url(images/banner.jpg);
	no-repeat;*/
	background-color:#FFFFFF;
	background-image: url(../images/login.png);
	background-position:top;
	background-repeat: no-repeat;
	margin: 30px 5%;
} 
#footer{
	background-color:#FFFFFF;
	font: 70% Verdana,Lucida Grande,Arial,URW Gothic L,Helvetica,Bitstream Vera Sans,sans-serif;
	background-position:bottom;
	background-repeat: repeat-x;
	margin: 0px 5%;
}
#circle{
height: 400px;
width:600px;
-moz-border-radius: 25px;
border-radius: 25px;
border:3px solid #CCCCCC;
}
.mainkecil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-bottom: 6px;
}
body {
	font: 70% Verdana,Lucida Grande,Arial,URW Gothic L,Helvetica,Bitstream Vera Sans,sans-serif;
	text-align:left; 
	margin:0px auto;
	background-image:url(gambar/ikamusbanner.jpg);
	background-repeat:no-repeat;
	height:100px; 
	width:75%;

	
	
	/*background-image: url(images/atasan.jpg);*/
	
	/*background-repeat: repeat-x;
	background-color: #CCCCCC;*/
}

.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	line-height:150%;
	padding-bottom: 6px;
}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	padding-bottom: 6px;
	line-height: 150%;
}
.mainfront {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height:150%;
	padding-bottom: 6px;

}
.mainutama {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height:150%;
	text-align:justify;
}
.tanggal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600;
}
.judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #333333;
	font-style: normal;
	text-align: justify
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.table1 {
	border-right-width: 3px;
	border-right-color: #217545;
	border-right-style: solid;
	border-left-width: 3px;
	border-left-color:  #217545;
	border-left-style: solid;
	
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #217545;
}
.tablelogin {
	border-right-width: 3px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-left-width: 3px;
	border-left-color:  #CCCCCC;
	border-left-style: solid;
	border-top-width: 3px;
	border-top-color:  #CCCCCC;
	border-top-style: solid;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.table2 {
	border-right-width: 1px;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border: inset;
}
.table3 {
	border-top-width: 3px;
	border-top-color: #217545;
	border-top-style: solid;
	
	
}
.tableagenda-atas {
	background-image: url(../images/agenda-atas.gif);
	background-position: top;
}
.tableagenda-bawah {
	background-image: url(../images/agenda-bawah.gif);
	background-position: bottom;
}

.tableberita-atas {
	background-image: url(../images/bg-berita-atas.gif);
	background-position: top;
}
.tableberita-bawah {
	background-image: url(../images/bg-berita-bawah.gif);
	background-position: bottom;
}
.tablepengumuman-atas {
	background-image: url(../images/bg-pengumuman-atas.gif);
	background-position: top;
}
.tablepengumuman-bawah {
	background-image: url(../images/bg-pengumuman-bawah.gif);
	background-position: bottom;
}
.tableputusmenuprofile {
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}
.tableputusberita {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.tablebawahan {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.tablemenu {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.tableputusinfo {
	background-color: #FFFF99;
}
.judulinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
}
.juduldepan {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333
}
.judulberita {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333
}
.judulnews {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
.tanggal-berita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.tanggal-pengumuman {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.tanggal-aja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.infogambar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	line-height: 150%;
}
.judul2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFFF;
}
.judul3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #333333;
}
.judultanggal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #006600;
}
.judulpengumuman {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #006600;
}
.juduldirektori {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #333333;
}
.judulaja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #333333;
}
.tableheader {
	border: 1px solid #666666;
}
.judulfooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #333333;
}
.judulsemijudul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
}
.tablejudul {
	border-left-style: none;
	border-left-color: #006633;
	border-left-width: 1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006633;
}
.tablefooter {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #006600;
	color: #CCCCCC;
	font:Arial, Helvetica, sans-serif;
}
.tablejudul2 {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #CCFFCC;
}
.tablegarisbawah {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}

a {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:link {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
a:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a.nav {
	color: #003300;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.nav:link {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.nav:visited {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.nav:hover {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
a.nav:active {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.selanjutnya {
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.selanjutnya:link {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
a.selanjutnya:visited {
	color: #336633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
a.selanjutnya:hover {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
a.selanjutnya:active {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
a.lembaga {
	color: #003300;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.lembaga:link {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.lembaga:visited {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.lembaga:hover {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.lembaga:active {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a.pengumuman {
	color: #009900;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.pengumuman:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #009900;
}
a.pengumuman:visited {
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.pengumuman:hover {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.pengumuman:active {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.faks {
	color: #954B8D;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.faks:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #006600;
}
a.faks:visited {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.faks:hover {
	color: #339900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.faks:active {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.judule {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
a.judule:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
a.judule:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
a.judule:hover {
	color: #336600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
a.judule:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

a.index {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.index:link {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.index:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.index:hover {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.index:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
a.linkberita {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.linkberita:link {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
a.linkberita:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
a.linkberita:hover {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
a.linkberita:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
a.linkpengumuman {
	color: #006600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
a.linkpengumuman:link {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
a.linkpengumuman:visited {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
a.linkpengumuman:hover {
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
a.linkpengumuman:active {
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

#mainMessage {
	padding: 0px;
	margin-top: -0.5em;
	margin-right: auto;
	margin-bottom: -1em;
	margin-left: auto;
}
#content-wrap {
	clear: both;
	width: 760px;
	padding: 0; 
	margin: 0 auto;
}
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
	text-decoration: none;
	float: left;
	color: black;
	background-color: #FFF2BF;
	border: 2px solid #FFF2BF;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
}

/* 
Generated via www.cssmenubuilder.com 

Copyright (c) 2008-2009 www.cssmenubuilder.com

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
*/

.menu{
	margin:0 auto;
	padding:0;
	height:30px;
	width:100%;
	display:block;
	background:url('../images/topMenuImages.png') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.menu li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(3,2,2); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../images/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{
	line-height:30px;
	float:left;
	display:block;
	padding-right:15px;
	background:url('../images/topMenuImages.png') 100% -30px no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menu li a:hover{background-position:0px -60px; color:rgb(0,0,0);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('../images/topMenuImages.png') 100% -90px no-repeat;}