/*BACKGROUND SECTION*/

.page {background-color: #00b3b3; width:80%;margin:auto;padding:10px;}

/*MAIN SECTION*/
main {background-color:#ffcce0; padding:10px; width:75%; float:left;}

/*HEADER SECTION*/
.main-head {background-color:#ff9999;padding:10px;}

.social-sites {display:inline-flex;position:relative;left:950px;top:-50;}

/*CONTENT SECTION*/
#container ul {list-style:none;
               padding-left:11%;}
#container ul li {background-color:#ff0066;
		width:150px;
		border:5px solid white;
		height:40px;
		line-height:40px;
		text-align:center;                
		float:left;
		color:black;
		font-size:20px;
		font-family:Maiandra GD 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: #000000;}




#id-para1 {color:#0000ff;}

#id-para2 {color:#009900;}

p em {color:red;}




/*SIDEBAR*/

.sidebar {background-color:##00b3b3; padding:10px; width:20%; float:right}

.class1 a:link {text-decoration:none;color:#6600ff}

.class1 a:visited {text-decoration:none;color:#99ff66;}


.class1 a:hover {text-decoration:none;color:#ff0066;text-transform:capitalize;font-size:40px;}



/*FOOTER */

.main-footer {background-color:#ff66a3;padding:10px;clear: both;}