/*BACKGROUND SECTION*/
#page {width:80%;
	margin:auto;
	padding:10px;}


/*HEADER SECTION*/
#container ul {list-style:none;
		padding-left:0%;}

#container ul li {background-color:#0a026f;
		width:150px;
		border:1px solid white;
		height:40px;
		line-height:40px;
		text-align:center;
		float:left;
		color:white;
		font-size:20px;
		font-family:Comic Sans MS;}

#container ul li:hover {background-color:#8ba3d9;}

#container ul ul {display:none;}

#container ul li:hover > ul {display:block;}

#container a {color:white;
	text-decoration:none;}

#container a:hover {color: #6042A4;}



/*MAIN SECTION*/

#main {width:70%; 
	float:left; 	padding:10px;}

.class_01 {color:#6042A4; font-size:30px; font-family:copperblack; text-align:center;}

#id-span {color:#9b0a8c;}

max-width: 1200px;
margin: auto;
}
.title{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.tittle h1{
color: #fff;
font-size: 50px;

}









/*SIDEBAR SECTION*/
#sidebar {width:20%;
	float:right; 	padding:10px;}



/*FOOTER SECTION*/
#footer {font-family:verdana;
	font-size:20px;
	clear:both;}