/*
This Site For Education Don't change or move anything anywhere
*/

body{
background:#def;
}

#container{
background:green;
width: 1000px;
height: auto;
}

#header{
background : black;
width : 1000px;
height : auto;
}

#head{
background: url('head.gif');
width : 1000px;
height : 200px;
}

#runingtext{
background:blue;
width :1000px;
height : 3opx;
color:white;
}

#jam{
background:#5aff00;
height:24px;
width:200px;
}

ul {
    font-family: Arial, Verdana;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

1 li{
width:auto;
}

ul li {
	width:98.7px;
	height: 24px;
    display: block;
    position: left;
    float: left;
}
li ul {
    display: none;
}
ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 15px 5px 15px;
    background: #1e7c9a;
    margin-left: 1px;
    white-space: nowrap;
}
ul li a:hover {
background: #3b3b3b;
}
li:hover ul {
    display: block;
    position: absolute;
}
li:hover li {
	width:auto;
    float: none;
    font-size: 11px;
}
li:hover a { background: #3b3b3b; }
 li:hover li a:hover {
    background: #1e7c9a;
}

#menupinggir ul {
    font-family: Arial, Verdana;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#menupinggir  li{
width:200px;
height:192px;
}

#menupinggir  ul li {
	width:200px;
	height:24px;
    display: block;
    position: left;
    float: left;
}
#menupinggir  li ul {
    display: none;
}
#menupinggir  ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 15px 5px 15px;
    background: #1e7c9a;
    margin-left: 1px;
    white-space: nowrap;
}
#menupinggir  ul li a:hover {
background: #3b3b3b;
}
#menupinggir  li:hover ul {
    display: block;
    position: absolute;
}
#menupinggir  li:hover li {
	width:auto;
    float: none;
    font-size: 11px;
	margin-left:200px;
}
#mmenupinggir  li:hover a { background: white; }
#menupinggir  li:hover li a:hover {
    background: #3b3b3b;
}

#login{
width:200px;
height:auto;
color:white;
}

.titlelogin{
font-size:16px;
font-family:arial;
background:#5aff00;
color:black;
}


.formlogin{
width: 200px;
height: auto;
background:blue;
}

#quickpolling{
width:200px;
height:auto;
background:blue;
color:white;
margin-top:-15px;
}

.titlequickpolling{
font-size:16px;
font-family:arial;
background:#5aff00;
color:black;
}

#joinas{
width:200px;
height: auto;
background:blue;
margin-top:-15px;
}

.titlejoinas{
font-size:16px;
font-family:arial;
background:#5aff00;
color:black;
}

.2{
width:200px;
height:auto;
}

.twiter{
width:100px;
height:auto;
}

.facebook{
width:100px;
height:auto;
}

#chatas{
width:200px;
height:auto;
background:blue;
}

.titelchatas{
font-size:16px;
font-family:arial;
background:#5aff00;
color:black;
}

#phone{
font-family:arial;
color:white;
}

#chat{
font-family:arial;
color:white;
}

.titelkalender{
font-size:16px;
font-family:arial black;
background:#5aff00;
color:black;
margin-top:4px;
}

#isi{
font-size:8px;
}

.isi1{
font-family:arial;
height:auto;
width:auto;
float:center;
margin-top:2px;
margin-bottom:2px;
margin-left:10px;
margin-right:10px;
}

#video{
height:auto;
}

#mdnpt{
height:220px;
width:250px;
background:url(mdnpt.jpg);
}

#mdnpp{
height:220px;
width:250px;
background:url(mdnpp.jpg);
}

#mdnp{
height:220px;
width:250px;
background:url(mdnp.jpg);
}

#mdna{
height:220px;
width:250px;
background:url(mdna.jpg);
}

#animasitengah{
width:1000px;
height:200px;
background:green;
margin-top:10px;
}

#berita{
width:1000px;
height:400px;
font-size:20px;
}

#divTrigger a:link,#divTrigger a:visited{
text-decoration: none; /* hilangkan garis bawah pada link */
margin:4px 0px; /* memberi jarak antar link */
padding: 1px 4px; /* menjadikan link seperti kotak */
border: 1px solid #CCC;
background-color: #FFF;
color: #000;
}

/* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
#divTrigger a:hover,#divTrigger a:active,.selected{ 
background-color: #00A;
color: gren;
}

#divContent{
margin-top:4px;
border:1px solid #CCC;
width: 958px;
height: auto;
padding: 4px;
}

#divContent div{ 
/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
display:none
}
	
.title{
font-size: 25px;
font-weight: bold;
color: white;
text-decoration: underline;
display:block
} 

#menubawah{
width:1000px;
height:25px;
margin-top:2px;
}

#menubawah ul {
    font-family: Arial, Verdana;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
	float:center;
}

#menubawah  li{
width:1000px;
height:40px;
float:center;
}

#menubawah  ul li {
	width:125px;
	height:24px;
    position: center;
    float: center;
}
#menubawah  li ul {
    display: none;
}
#menubawah  ul li a {
    color: black;
    border-bottom: 1px solid #0000;
    padding: 5px 15px 5px 15px;
    background: #5aff00;
    margin-left: 1px;
    white-space: nowrap;
}
#menubawah  ul li a:hover {
background: #1e7c9a;
}
#menubawah li:hover ul {
    display: block;
    position: absolute;
}
#menubawah  li:hover li {
	width:auto;
    float: none;
    font-size: 11px;
}
#menubawah li:hover a { background: #5aff00 }
#menubawah  li:hover li a:hover {
    background: #1e7c9a;
}

#puter{
background: blue;
color:#5aff00;
width: 1000px;
height: 40px;
float:right;
}