ul.nav  {
			list-style-type: none;
			text-align: center;
		}
		
		ul.index {
			background-color: #8888ff;
			padding:20px;
			list-style-type: disc;
			color:white;
		}
		
		ul.index a {
			font-size: 20px;
			text-align: left;
			color: #fff;
			text-decoration: none;
		}
		.myHeader {
			background-color: #dddddd;
			padding: 10px;
			width: 100%;
			text-align: center;
		}
		a.mylink {
			background-color:#8888ff;
			color: white;
			font-size: 12px;
			padding: 10px;
			display: inline-block;
			border-style: solid;
			width: 20%;
			
		}

		.myindex {
			background-color: green;
			width: 100%;
		}
		h2 {
			color: #5522dd;
			padding: 10px;
			text-align: center;
		}


		.myForm {
			background-color: #8888ff;
			padding: 20px;
			color: #ffffff;
			font-size: 20px;
			width: 100%;
			height: 300px;
		}
		div {
			margin-bottom: 10px;
		}
		
		label {
			color: white;
			padding: 12px;
			margin-top: 20px;
			font-size: 20px;
			width: 30%;
			display: inline-block;
			text-align: right;
		}
		
		input[type=text] {
			font-size: 20px;
			width: 100px;
			padding: 10px 10px;
			display: inline-block;

		}
		input[type=submit] {
			font-size:20px;
			color: #ffffff;
			padding: 10px;
			background-color:red;
			width: 100px;
			float: left;
		}
		table {
			width: 100%;
			
		}
		table, th, td {
			border: 1px solid black;
		}		
		th {
			background-color: lightcoral;
			padding: 10px;
			color:antiquewhite;
			font-size: 16px;
			text-align: center;	
		}
		td {
			font-size: 12px;
			text-align: center;	
		}
		tr:nth-child(odd) {
			background-color: #efe8e8;
		}