body {
    font-family: 'Handlee', cursive;
}
H2 {
    font-family: 'Piedra', cursive;
}
#container {
    max-width:1000px;
    margin:0px auto;
    background:#032b0a;
    text-align:center;
    color:white;
    padding : 5px;
}
#menu {
    overflow:hidden;
}
#footer {
    padding-top:5px;
    border-top:1px solid white;
}
.menuA, .kanan, .tengah{
    text-decoration:none;
    color:white;
    padding:5px;
    border: 2px solid black;
}
.menuA {
    float:left;
    border-radius: 8px;
}
.kanan {
    float:right;
    border-radius: 0px 8px 0px 8px ;
    margin-left:5px;
}

a:hover{
    background:white;
    color:rebeccapurple;
}
.mainmenu {
    max-width: 400px;
    margin: 0px auto;
}
ul {
    list-style: none;
    margin: 0px;
    padding: 5px;
}
li {
    background: #e08f2ab3;
    margin: 4px 2px;
    border-radius:0px 0px 25px 25px;
}
ul li a {
    text-decoration:none;
    color:white;
    display: block;
    padding: 5px;
    border-radius:0px 0px 25px 25px;
}
li.subm {
    margin-left: 50px;
    background: #fd8f05b3;
}
.test_isi {
    margin-bottom:10px;
}

a {
    color:yellow;
}
.subvideo {
    max-width:760px;
    margin:5px auto;
}
.videobox {
    width:180px;
    height:180px;
    float:left;
    overflow:hidden;
    margin:5px;
}
#footer {
    clear:both;
}
.riwaymenu {
    width:200px;
    margin: 0 auto;
}
.element-form {
    max-width: 350px;
    margin: 5px auto;
}

label {
    float: left;
    width: 35%;
    text-align: left;
}

input {
    width: 65%;
    float: right;
    padding-bottom:5px;
}

.element-form {
    overflow: hidden;
}

textarea {
    width: 65%;
}
input[type="submit"] {
    width: 100%;
    font-weight: bold;
}
select {
    width:65%;
}
.notif {
    color:red;
}
.right {
    text-align:right;
}