body{
	font-family:arial;
	margin:65px 8px 30px 8px;
	padding:0px;
	font-size:12pt;
}

table {
	background-color:#fff4ca;
	padding:5px;
	text-align:center;
}
td {
	font-size:1.2em;
	font-weight:bold;
}

#main {
	max-width:800px;
	margin:0px;
	padding:0px;
}
#footer {
	font-size:0.8em;
	margin-top:40px;
}

#topmenu {
	position:fixed;
	top:0px;
	left:0px;
	background-color:#cccccc;
	color:#5e0093;
	width:100%;
	height:50px;
	margin:0px;
	z-index:500;
}

#tmbutton {
	width:40px;
	padding:5px;
	cursor:pointer;
}

#tmlogo {
	height:40px;
	padding:5px;
	cursor:pointer;
}

#dropmenu {
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	max-width:810px;
	background-color:#cccccc;
	color:#7d0000;
	font-weight:bold;
	font-size:1.1em;
	z-index:1000;
	margin:0px;
	padding-bottom:10px;
}

#sidemenu {
	visibility:hidden;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	float:left;
	width:250px;
	background-color:#cccccc;
	color:#7d0000;
	font-weight:bold;
	font-size:1.1em;
	z-index:1000;
	height:100%;
	margin:0px;
}

.mi { /* menu item */
	border-bottom:1px solid #999999;
	padding:10px;
}

a {
 	text-decoration: none;
 	color: #7d0000;
}

a:hover {
 	color: #7d0000;
}

a:visited {
 	color: #7d0000;
}

a:active {
  	color: #7d0000;
}

a.ml { /* menu link */
 	text-decoration: none;
 	color: #444444;
}

a.ml:hover {
 	color: #444444;
}

a.ml:visited {
 	color: #444444;
}

a.ml:active {
  	color: #444444;
}

@media screen and (min-width: 990px) {
	#sidemenu {
		visibility:visible;
		display:block;
	}
	#dropmenu {
		visibility:hidden;
		display:none;
	}
	#tmbutton {
		visibility:hidden;
		display:none;
	}
	#main {
		max-width:700px;
		margin-left:255px;
	}
}