BODY 	{font-family: Verdana, Arial, sans-serif;
	background:white}

A:link {color: blue; text-decoration: none}
A:visited {color: purple; text-decoration: none}
A:hover {color: red; text-decoration: none}
A:active {color: red; text-decoration: none}

.logo {position: absolute;
	 left:2% ; top: 2%; 
	 height: 16%; width: 23%;
	background:  white;
	z-index: 2}

.header	{position: absolute;
	 left:25% ; top: 1%;
	 height: 17%; width: 75%;
	 border: normal solid black;
	 padding: 1%;
	 color: blue;
	text-align: center;
	font-size: x-small}

.navigate	{position: absolute;
	 left:1% ; top: 18%; 
	 height:81%; width: 24%;
	 color: white;
	 padding: 1%;
	 border: normal black;
/*	 background:  rgb(51,0,204); */
	 background:  rgb(0,0,136);
	z_index:1;
	font-size: x-small}

.navigate.indent
	{margin-left: 5%}

A.nav:link {color: lightgrey; text-decoration: none}
A.nav:visited {color: lightgrey; text-decoration: none}
A.nav:hover {color: white; text-decoration: none}
A.nav:active {color: red; text-decoration: none}

.navigate.switch
	{margin-left: 0%}

A.switch:link {color: white; text-decoration: none}
A.switch:visited {color: white; text-decoration: none}
A.switch:hover {color: grey; text-decoration: none}
A.switch:active {color: red; text-decoration: none}

.main	{position: absolute;
	 left:26% ; top: 18%; 
	 height: 70%; width: 72%;
	 padding: 1%;
	 color: black;
	font-size: x-small}

.main_1	{position: absolute;
	 left:26% ; top: 18%; 
	 height: 37%; width: 72%;
	 padding: 1%;
	overflow:auto;
	font-size: x-small}

.main_2	{position: absolute;
	 left:26% ; top: 55%; 
	 height: 35%; width: 72%;
	 padding: 1%;
	overflow:auto;
	font-size: x-small}

.right  {position: absolute;
	 left:85% ; top: 18%; 
	 height: 68%; width: 13%;
	 padding: 1%;
	overflow:none;
	font-size: x-small}

.footer	{position: absolute;
	 left:25% ; top: 90%; 
	 height: 8%; width: 75%;
	 padding: 1%;
	font-size: xx-small;
	text-align: center;
	 color: black}

.x-small	{font-size: x-small}
.xx-small {font-size: xx-small}
.centre {align: center}