@charset "utf-8";
body {margin: 5px;text-align:left;  font-family:Tahoma, Geneva, sans-serif;
	  font-size:12px; background:#000; background: url(content%20pendukung/body.jpg); height: 1280px;}
h6 { text-align: center;font-size:12px; font-family: "Comic Sans MS", cursive; font-style:italic;color: #FFF;}
#box {width:1020px; height: 1279px ; border: 3px solid #033; margin:auto; text-align:left;}
#header { width: auto; height: 163px; border: 1px #333;background: url(content%20pendukung/header.jpg); padding:13px 10px}
#header h1{text-align: center;
           padding-left:0px; padding-top:0px;
           font-size:47px; 
		   font-family: "times new roman", 
		   cursive; font-style: italic;
           color:#66FFCC;}
#header p { text-align:left;
                padding-left:1px; padding-top:20px;
                font-size:13px; font-family:"comic san ms", 
				Gadget, sans-serif; font-style:italic;
                 color: #033;}
	
#navmenu {
    background:#603;
    width: 1020px;
    color:#333;
    margin: 0px;
    padding: 0;
    position: relative;
    border: 1px solid #033;
    height: 38px;}

#nav {
    margin: 0;
    padding: 0;
    }
#nav ul {
	float: left;
    list-style: none;
    margin: 0;
    padding: 0;
	}
#nav li {
	list-style: none;
    margin: 0px;
    padding: 0px;
	border-left:1px solid #603;
    border-right:1px solid #603;
    height:36px;
    }
	#nav li a, #nav li a:link, #nav li a:visited {
	background:#603;
    color:#ff0;
    display: block;
    font:normal 17px; font-family:"Comic Sans MS", cursive;
    margin: 0px;
    padding: 10px 20px 9px 18px ;
    text-decoration: none;
    }
#nav li a:hover, #nav li a:active {
    background:#f60;
    color:#3C6;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 10px 20px 9px 18px;       
    }
#nav li {
    float: left;
    padding: 0;
    }
#nav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
    }
#nav li ul a {
    width: 140px;
    }
#nav li ul ul {
    margin: -25px 0 0 161px;
    }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
    }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
	}
 #searchbox {
        background: #600;
        border: 1px solid #603;
        padding: 0px 0px;
        width: 350px;
		height: 35px;
		float:right;
		
    }

    input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    input:focus:-moz-placeholder {
        color: transparent;
    }

    input:focus::-moz-placeholder {
        color: transparent;
    }

    #searchbox input {
        outline: none;
    }

    #searchbox input[type="text"] {
        background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #6FC;
        font: bold 12px; font-family: "Times New Roman", Times, serif;
        color: #f30;
        width: 59%;
        padding: 8px 15px 8px 30px;
    }

    #button-submit {
        background: #6fc;
        border-width: 0px;
        padding: 7px 0px;
        width: 25%;
        cursor: pointer;
        font: bold 12px; font-family:"Comic Sans MS", cursive;
        color: #003;
        text-shadow: 0 1px 0 #600;
    }

    #button-submit:hover {
        background: #4f5356;
    }

    #button-submit:active {
        background: #5b5d60;
        outline: none;
    }

    #button-submit::-moz-focus-inner {
        border: 0;
    }
#sidebarmenu {width:280px; height: 830px; padding: 1px;border: 1px solid #333;background-color: #000; float:left; color:#009;}
#sidebarmenu ul{padding: 0;margin: 0;overflow: hidden;}
#sidebarmenu li a, #sidbarmenu li a:link, #sidebarmenu li a:visited {
		color:#396;
		text-decoration: none;
		font:normal 14px "Times New Roman", Times, serif;
		margin:0px;
	list-style-type: none;
	padding: 5px 35px 1px 70px;}
#sidebarmenu li a:hover, #sidebarmenu li a:active {
    color:#3C6;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 5px 35px 1px 70px;} 
#content{ width: 732px; height:830px; padding: 1px;border: 1px solid #033;float:left; background-color:#666;}
a{text-decoration: none;}
#content h3{text-align: right;
           padding-left:0px; padding-top:0px;
           font-size:17px; 
		   font-family: "Arial Black", Gadget, sans-serif; font-style: italic; background-color:#033;}
#content p{text-align: center;
           padding-left:0px; padding-top:0px;
           font-size:12px; 
		   font-family: "times new roman", 
		   cursive; font-style: italic;
           color:#000;}
#content a { text-align: center;
                padding-left:60px; padding-top:0px;
                font-size:12px; font-family:"comic san ms", 
				Gadget, sans-serif; font-style:italic;
                 color:#003;}
.box{
	display:inline-block;
	padding-left:10px; padding-right:5px; padding-top:5px; padding-bottom:40px; border:1px solid #999;
	margin:30px 30px 30px 30px;
	border-radius:5px;
	height:130px; background-color: #999;
	}	

.box img{ width:130px;
height:70px; border:2px solid #FFF;
margin:0px auto;}
#footer {width: 1020px; height:210px; border: 1px #FF0; float:left; background-color:#66C; background:url(content%20pendukung/imgfotter.jpg);}

#footer h1{text-align: center;
           padding-left:0px; padding-top:0px;
           font-size:14px; 
		   font-family: "times new roman", 
		   cursive; font-style: italic;
           color:#99CCFF; background-color:#333; width:140px;}
#footer h3{ text-align: center;
                padding-left:18px; padding-top:4px;
               background-color:#09C;}/* CSS Document */