html,body {
	height:700px;
	width:1050px;
	}
	table {
	height:100%;
	width:100%;
	}	
	.toplcorner {
	height:15%;
	width:15%;
	margin-top:10px;
	padding-top:10px;
	}

	.topmiddle {
	width:70%;
	height:15%;
	text-align:center;
	margin-top:10px;
	padding-top:10px;
	}

	.toprcorner {
	height:15%;
	width:15%;
	margin-top:10px;
	padding-top:10px;
	}
	
	.secondleft{
	width:15%;
	height:10%;
	}
	
	.secondmiddle{
	width:70%;
	height:10%;
	text-align:center;
	font-family:'Times New Roman';
	font-size:large;
	font-weight:bold;
	}
	
	.secondright{
	width:15%;
	height:10%;
	}

	.tirdleft {
	height:50%;
	width:15%;
	}

	.thirdmiddle{
	width:70%;
	height:50%;
	vertical-align:middle;
	text-align:center;
	}

	.thirdright {
	height:50%;
	width:15%;
        }

        .bottomlcorner {
        height:15%;
	width:15%;
	text-align:right;
	}

	.bottommiddle {
	height:15%;
	width:70%;
	text-align:center;
	vertical-align:middle;
	}

	.bottomrcorner {
	height:15%;
	width:15%;
	text-align:left;
	}
	
	
	option {
	text-align:center;
	}
	
	div#table {
	
	height:auto;
	width:auto;
	}
	
	ul.tablestart {
	font-size: medium;
	float: left; 
	margin: 0; padding: 0;
    	border:2px ridge silver;
	min-width:50%;
	}
	
	li.tablestart {
	list-style: none;
	margin: 0; 	
	padding: 0.5em;
	font-weight: bold; 
	 
	}
	
	

	span.tablestart {
	display: block;
	color:black;
	background-color:#eee;
	}

	a.tablestart {
	display: block;
	}
	
	a.tablestart:link {
	color:black;
	background-color:#eee;
	}
	
	a.tablestart:visited {
	color:#666;
	background-color:#eee;
	}
	
	a.tablestart:hover {
	color:black;
	background-color:white;
	}
	
	a.tablestart:active {
	color:white;
	background-color:gray;
	}
	
	
	 
	ul.table {
	font-size: medium; 
	margin: 0; padding: 0;
    	border: 2px ridge silver;
    	}
	
	li.table {
	list-style: none;
	margin: 0; padding: 0.5em;
	font-weight: bold;
	text-align:center;
	
	}
	
	span.table {
	display: block;
	color:black;
	background-color:#eee;
	}