/* Circle Text Styles untuk mouse*/
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: yellow;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

#body {
 background-image:url(images/bg.jpg);
 background-repeat: repeat;
 background-attachment: fixed;
 -moz-background-size:100% 100%;
 -webkit-background-size:100% 100%;
 
}

.waktu{
	background-color:white;
	margin-left:1160px;
	padding-left:15px;
}

#mn {
	background-color:#000;
	height:30px;
}

#wrapper {
 margin-left:auto;
 margin-right:auto;
        font-family:fantasy;
        padding:10px 15px;
        width:1400px;
        background-repeat:repeat;
}
.textheader {
 padding: 10px 35px;
 width: 100%;
 background-repeat:repeat;
 text-shadow: 3px 3px 3px blue;
}
		
#header {
 height:200px;
 border:2px solid black;
 margin-bottom:0px;
 color:white;
 background-image :url(images/header.jpg);
 }
 
#navbar {
margin: 0;
padding: 0;
height: 0px;
} 

#navbar li {
list-style: none;
float: left;
border-right:1px;
}

#navbar li a {
display: block;
padding: 6px 8px;
padding-right: 30px;
padding-left: 30px;
background-color: black;
color:white;
text-decoration: none;
text-shadow: 3px 3px 5px white;
font-weight:bold;
}


#navbar li ul {
display: none;
border: 0px solid red;
background-color: red;
}


#navbar li:hover a {   /*pendekatan mouse*/
 background-color:blue;  
 cursor: url(aero_pen_xl.cur);
}

a hover{
 cursor: url(aero_pen_xl.cur);
}
#navbar li:hover ul {  /*menu kebawah*/
display: block;
position: absolute;
cursor: url(aero_pen_xl.cur);
margin: 0;
padding: 0; 
}

#navbar li:hover li {
float: none;
}

#navbar li:hover li a {
background-color:yellow;
border-bottom: 0px solid #8db3ff;
cursor: url(aero_pen_xl.cur);
color:black;
}

#navbar li li a:hover {
background-color: blue;
border:1px solid red;
cursor: url(aero_pen_xl.cur);
}

#gbrpeta{
 padding:10px 30px;
 background-image :url(images/peta.jpg);
 background-repeat: no-repeat;
}

#gambar{
	background:url(images/yaahowu.jpg);
 -moz-background-size:100% 100%;
 -webkit-background-size:100% 100%;
}

#table{
font-family:cambria;
border-color:yellow;
}

#visi-misi{
padding:10px 30px;
font-family:cambria;
font-size:20px;
color:white;
}

#pre{
padding:0px 30px;
font-family:cambria;
font-size:20px;
color:white;
}

#copyright{
color:yellow;
}

.img-rounded {
  border-radius: 6px;
}

#table-trans{
	opacity:0.8;
}

.body-main-in {
	margin-left: 20px;
	}
	
#content-main p {
    color: #222;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 155%;
    margin-bottom: 20px;
}

#content-main ol{
list-style: decimal outside;
margin: 10px 0;

}

#content-main li{
font-weight: 400;
line-height: 100%;
padding:5px 5px;
}
#p(
	vertical-align: baseline;

)
	
.social-sharing-top, .social-sharing-bot {
    float: left;
    position: relative;
    text-align: center;
    width: 80%;
}
	
.facebook-share, .twitter-share, .pinterest-share, .email-share, .social-comments, .whatsapp-share {
    border-radius: 3px;
    display: inline-block;
    margin-left: .1%;
    text-align: center;
    vertical-align: top;
    width: 15.6%;
    max-width: 200px;
    height: 26px;
}

.fb-but1, .twitter-but1, .pinterest-but1, .whatsapp-but1, .email-but {
    height: 26px;
}

     form {
         width: 359px;
		margin: 1px 12px;
     }
          .search {
          padding:8px 15px;
          background: #f0f8ff;
          border:2px solid #008080;
     }
          .button {
          position:relative;
          left:-4px;
          padding:10px 15px;
          border:0px solid #008080;
          background-color: #6B8E23;
          color:#fafafa;
          font-weight:bold;
     }
          .button:hover {
          background: #008080;
          color:#fafafa;
     }
          .button:active {
          background:#9ACD32;
     }
	 
	 
.fbfoto{
	margin: 1px 12px;
}

#tetapposisi{
 background-attachment: fixed;
}

.linkkontak a:hover{
	color: red;
	font-weight: bold;
	text-decoration: underline;
	cursor: url(aero_pen_xl.cur);
	}
}