.container {
	width: 100%; /*Set the width of the entire website here */
	margin-right: auto;
	margin-left: auto; /* Margin-left and right are set to auto to center the container */
}
.seven:first-child,.delapan:first-child, .nine:first-child, .ten:first-child,.eleven:first-child,.five:first-child, .four:first-child, .threee:first-child, .two:first-child, .one:first-child, .six:first-child , .sebelas:first-child{ 
	margin-left: 0; /* This line of code makes the left-most column align to the left of the screen */
}
.sebelas {
	width: 95%;
	float: left;
	margin-left: 2%;
}
.eleven {
	width: 91.5%;
	float: left;
	margin-left: 2%;
}
.ten {
	width: 83%;
	float: left;
	margin-left: 2%;
}
.nine {
	width: 74.5%;
	float: left;
	margin-left: 2%;
}
.delapan {
	width: 66%;
	float: left;
	margin-left: 2%;
}
.seven {
	width: 57.5%;
	float: left;
	margin-left: 2%;
}
.six {
	width: 49%; /* This div spans six columns (the entire row)*/
	float: left;
	margin-left: 2%;
}
.five {
	width: 40.5%; /* This div spans five columns */
	margin-left: 2%;
	float:left;
}
.four {
	width: 32%;
	float:left;
	margin-left: 2%;
}
.three {
	width: 23.5%;
	float:left;
	margin-left: 2%;
}
.two {
	width: 15%;
	float:left;
	margin-left: 2%;

}
.one {
	width: 6.5%;
	float:left;
	margin-left: 2%;
}
.row {
	width: 100%;
	clear: both; /* Clear creates new styles for the next row */
	padding: 0px;
	margin: 0px;
	height : auto
}

/*INI BAGIAN LAYOUT*/

body{
	background : #212121;
	padding : 0;
}

.titleBar {
	width : 100%;
	background : url(titleBar.png);
	background-size : 100% no-repeat;
	height : 110px;
}


.titleBar .four{
	background : url(logoWEB.png);
	height : max-height;
}

p{
	font-family : ubuntu;
	text-align : justify;
	text-indent : 10px;
	color : #ffffff;
}

nav{
	background-color : rgb(211,47,47);
	height : 40px;
}

nav li{
	display : inline-block;
	text-align : left;
	padding-top : 1vmin;
	padding-bottom : 1vmin;
	padding-left : 2vw;
	padding-right : 2vw;
}
nav li a{
	text-decoration : none;
	color : #ffffff;
	font-family : calibri;
	margin-top : 2vmin;
	font-size : 3vmin;
}

nav li:hover{
	background : #607d8b;
	height : 28px;
	
}

.current{
	background : #212121;
	height : 35px;
	padding : none;
	margin : none;
}

.content-titleBar{
	background-color : rgb(244,67,54);
	height : 10vmin;
}

.content-titleBar h2{
	color : #ffffff;
	font-family : calibri;
	text-align : left;
	font-size : 2.5vw;
	padding : 2vmin;
}

.ten h1{
	text-align : left;
	margin-left : 5vw;
	font-family : ubuntu;
	font-size : 2.5vw;
	color : #212121;
	border-bottom : 2px dotted gray;
	
}
.bordertop { 
	border-bottom : 2px dotted gray;
	width : 50%;
}
.borderbottom { 
	border-top : 2px dotted gray;
	width : 50%;
}
.ten li{
	list-style-type : none;
	margin-left : 5vw;
}

.ten li a{
	text-decoration : none;
	font-family : ubuntu;
	font-size : 1.5vw;
	color : #212121;
	text-align : left;
	padding-bottom : 1vmin;
	padding-left : 1vw;
	padding-right : 2vw;
}

.ten a:hover{
	background-color : rgb(244,67,54);
	color : #ffffff;
}

.content .eleven{
	width : 96%;
	height : 180vmax;
	background : #bdbdbd;
	margin-left : 2%;
	margin-right : 2%;
	margin-top : 2%;
	
}

footer{
	text-align : right;
	background-color : rgb(211,47,47);
	font-family : calibri;
	height : 30px;
}

footer h2{
	padding-top : 5px;
	padding-right : 10px;
	font-size : 10pt;
	font-style : regular;
	color : #ffffff;
}

.NamaAnggota .ten  p{
	text-decoration : none;
	text-align : left;
	margin-left : 5vw;
	font-family : ubuntu;
	font-size : 2.5vw;
	color : #212121;
	border-top : 2px dotted gray;
	border-bottom : 2px dotted gray;
}

.Keterangan .sebelas  p{
	text-decoration : none;
	text-align : left;
	margin-left : 3vw;
	font-family : calibri;
	font-size : 1.8vw;
	color : #212121;
}


/*AKHIR BAGIAN LAYOUT*/

/*STYLE UNTUK CONTENT*/