* {
	margin : 0;
	padding : 0;
	overflow : none;
}
#navbar {
	
	background-color : #000000;
	height : 60px;
	width : 100%;
	position : relative ;
	border : 3px solid #000000;
	margin : 0px;
	padding : 0px;
	
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: yellow;
	border-radius : 18px;
}
li {
    float: right;
}

li a {
	width : 120px;
	height : 50px;
    display: block;
    color: white;
    text-align: center;
    padding: 12px 12px;
    text-decoration: none;
	text-align : centre;
	background-color : #000000;
	font-size : 15px;
	border-radius : 10px;
	
}
li a:hover:not(.active) {
    background-color:  #B8704D;
	color : #000000 ;
}

.active {
    background-color: green;
}
#full-page  {
	margin : 0 ;
	padding : 0 ;
 image : url('elegantblue.jpg') ;
	background-color : blue ;
	height : 100% ;
	width : 100% ;
	background-repeat : no-repeat;
	 background-size : 100%;
	 
} 
.main-section {
	background-image : url('elegantblue.jpg');
	background-color : blue ;
	width : 100% ;
	height : 100%;
}
#your-menu {
	height : 500px;
	width : 100% ;
	
	position : relative;
	
	
	
}
#myphoto {
	
	width : 230px;
	height : 240px;
	border : 2px solid black;
	margin : 0;
	padding : 0;
	background-color : none ;
	float : right ;
	
}
#myphoto  a:hover:not(.active) {
    background-color:  #B8704D;
	color : #000000 ;
}
.active {
    background-color: green;
}
#my-account {
	margin-left : 0px;
	margin-top : 0px;
	width : 100%;
	height : 1400px;
	background-image : url('elegantblue.jpg');
	
	position : relative ;
	color : black ;
	
	
}
#my-account h1 {
	padding-left : 50px;
	color : #001a4d;
	
}
/*#my-account a{
	position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link 
        font-size : 30px;
		padding-left : 50px;
		padding-top : 30px;
		color : #001a4d;
		text-align : center ;
}
#my-account  a:hover:not(.active) {
    background-color:  #30C4FC;
	/* color : #000000 ; 
	font-size : 35px;
}*/

.active {
    background-color: green;
}
table { 
position : relative;
	margin-left : 150px;
	padding-top : 50px;
	border : 1px solid #0F0066 ;
	text-align : center ;
	padding-left : 10px;
	
}
th {
	height : 20px ;
	width : 150px ;
	background-color : #0099FF ;
	text-align : center ;
	padding-left : 10px;
	border : 1px solid #0F0066 ;
	
}

td { height : 60px;
	width : 120px;
	border : 1px solid #0F0066 ;
	/*background-color : #94DBFF ;
	text-align : center ;
	padding-left : 10px;
	border : 3px solid black ;
	font-size : 19px;
	color : blue ;
	*/
}
td:hover {
	background-color : pink ;
	font-weight : bold ;
}
tr:nth-child(even) {
	height : 60px;
	width : 120px;
	border : 1px solid #0F0066 ;
    text-align : center ;
	background-color : #F7F2F7 ;
}
tr:nth-child(odd) {
	height : 60px;
	width : 120px;
	border : 1px solid #0F0066 ;
	text-align : center ;
	background-color : #F2F5FC ;
}
.style-myecho {
	 text-align : center ;
	 font-size : 32px;
	 color : #ffffff ;
	 font-weight : bold ;
	 padding-left : 150px ;
	 
	 
}
.style1-myecho { text-align : center ;
	 font-size : 32px;
	 color : #ffffff ;
	 font-weight : bold ;
	 padding-left : 10px;
	
}
.style2-myecho {
	
	font-size : 32px;
	 color :  #ffffff ;
	 font-weight : bold ;
	 padding-left : 150px;
	
}
 #myfine  {
	 padding-top : 50px;
	width : 100% ;
	height : 200px;
	position : relative ;
	font-size : 40px;
	  color : red ;
	
	  
}
#my-query h2 {
	
	margin-left : 200px;
	color : white ;
}
.footer {
	background-color : #000033 ;
	
	color : #33CCFF ;
	width : 100%;
	height : 200px; 
	padding : 0;
	margin : 0;
	position : relative ;
}