@charset "utf-8";
/* CSS Document */

/* Biggest background */
.page {background-color:#993333;width:80%
 padding:10px}


 
/*MIDDLE (main & sidebar)*/
.container {background-color:#CC6666 ;
            padding:10px}


/*MAIN section*/
main {background-color:#FF9900 ;
      width:70%;
	  float:left;}

/*SIDEBAR section*/
.sidebar {background-color:#99CC33 ;
          width:25%;
		  float:right;
		  text-align:center;
		  }

/*FOOTER section*/
.footer-bawah{background-color:#CC66FF; 
              clear:both; }
			  
/*NAV-MAIN section*/
.nav-main{position:relative;
          left:200px;
		  top:-70px; }
		  
/*SOCIAL-SITES*/
.social-sites{position:absolute;
              top:20px;
			  right:180px; }
			  
.toc {
	background:#666666
	border-bottom: 3px solid #BFBFBA;
	overflow: hidden;
	padding: 16px 0 14px 42px;
}

.toc li {
	float: left;
	margin-right: 2.5em;
}

div.banner {
	background-image:url('img/2.jpg');
	background-color:#ffffff;
	margin-top:5px;
	margin-left:4px;
	border-top: 3px solid #000000;
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
	width:1320px;
	height:150px;
}

h1.banner {
	text-align:center;
	font-family: Papyrus;
	font-size:30pt;
	text-transform: uppercase;
}

h2 {
	text-align: center;
	font-family: showcard gothic;
}

p {
	font-family: Berlin Sans FB;
}