body {
font:11px/20px verdana, arial, georgia, sans-serif;
color: white;
background-color : #B8B0CC;
padding: 0px 0px 0px 0px;
width : 100%;
height : 100%;
text-align:center; /* Hack for IE5/Win - to get content centred*/
margin: 0px 0px 0px 0px; /* Need to set body margin and padding to get consistency between browsers. */
}

#horizon {				/* this is to get relative horisontal centre - PART1 */
	color: #B8B0CC;
	background-color: #B8B0CC;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#content {
color: black;
background-color: #e6e6fa;
padding: 0px 0px 0px 0px;
border: 1px solid #e6e6fa;
z-index : auto;
width : 800px;
height : 600px;
margin:0px auto; /* Right and left margin widths set to "auto" */
text-align:left; /* Counteract to IE5/Win Hack */
position: absolute; /* this is to get relative vertical centre - PART2 */
left: 50%;
top: -300px;
margin-left: -400px;
}

#top {
color: #e6e6fa;
background-color: #e6e6fa;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
vertical-align : middle;
width : 800px;
height : 30px;
z-index : auto;
}

#menucontainer {
color: #B8B0CC;
background-color: #B8B0CC;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width : 800px;
height : 30px;
z-index : auto;
}

#menublock1 {
padding: 0px 5px 0px 5px;
margin: 5px 5px 5px 5px;
width: 100px;
height: 20px;
background-color: #57358E;
position: absolute;
left: 680px;
text-align: left;
}

#subs1 {
background-color: #57358E;
border-top: 1px solid white;
width: 100px;
}

#menublock1 #subs1 {
display: none;
}

a.tl1, a.tl1:hover, a.tl1:active, a.sl1, a.sl1:hover, a.sl1:active { 
display: block;
color: #e6e6fa;
background-color: #57358E;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

a.tl1:hover, a.tl1:active , a.sl1:hover, a.sl1:active{ 
display: block;
color: white;
background-color: #57358E;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

#menublock2 {
padding: 0px 5px 0px 5px;
margin: 5px 5px 5px 5px;
width: 100px;
height: 20px;
background-color: #3E683F;
position: absolute;
left: 565px;
text-align: left;
}

#subs2 {
background-color: #3E683F;
border-top: 1px solid white;
width: 100px;
}

#menublock2 #subs2 {
display: none;
}

a.tl2, a.tl2:hover, a.tl2:active, a.sl2, a.sl2:hover, a.sl2:active { 
display: block;
color: #e6e6fa;
background-color: #3E683F;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

a.tl2:hover, a.tl2:active , a.sl2:hover, a.sl2:active{ 
display: block;
color: white;
background-color: #3E683F;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

#menublock3 {
padding: 0px 5px 0px 5px;
margin: 5px 5px 5px 5px;
width: 100px;
height: 20px;
background-color: #EA4242;
position: absolute;
left: 450px;
text-align: left;
}

#subs3 {
background-color: #EA4242;
border-top: 1px solid white;
width: 100px;
}

#menublock3 #subs3 {
display: none;
}

a.tl3, a.tl3:hover, a.tl3:active, a.sl3, a.sl3:hover, a.sl3:active { 
display: block;
color: #e6e6fa;
background-color: #EA4242;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

a.tl3:hover, a.tl3:active , a.sl3:hover, a.sl3:active{ 
display: block;
color: white;
background-color: #EA4242;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

#menublock4 {
padding: 0px 5px 0px 5px;
margin: 5px 5px 5px 5px;
width: 100px;
height: 20px;
background-color: #992929;
position: absolute;
left: 335px;
text-align: left;
}

#subs4 {
background-color: #992929;
border-top: 1px solid white;
width: 100px;
}

#menublock4 #subs4 {
display: none;
}

a.tl4, a.tl4:hover, a.tl4:active, a.sl4, a.sl4:hover, a.sl4:active { 
display: block;
color: #e6e6fa;
background-color: #992929;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

a.tl4:hover, a.tl4:active , a.sl4:hover, a.sl4:active{ 
display: block;
color: white;
background-color: #992929;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
width: 100px;
font-weight: bold;
text-decoration: none;
}

.tabula table tr td{
border: 1px ridge #C27F7F;
text-align: center;
line-height: 8pt
}