body {
margin: 0;/* without margins the page would be stuck to the sides*/
font-family: verdana, arial, sans-serif; /* base font is defined in the page */
font-size: 1em; /* size font is defined in the page */
}
#head1 {
background-image: url('design/head1.gif');
width: 770px;
height: 91px;
}
#head2 {
background-image: url('design/head2.gif');
width: 770px;
height: 36px;
} 
#logo {
float: right; /* to align the logo to the right */
margin-right: 10px;  /* place the logo within its container, head1 */
margin-top: 3px;
border: 0;
}
#left {
	position: absolute;
	left:-59px;
	width: 284px;
	height: 337px;
	top: 250px;
}

#center {
margin-left: 225px; /* the center block is placed according to the left block's width */
width: 75%;
top: 250px;
}
.menu { /* defines container for the menu */
margin-top: 30px;
width: 160px;
border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 110%;
text-align: left;
}
h1 {
font-size: 150%;
text-align: left;
}

h2	{
font-size: 130%;
text-align: left;
}
ul,li {
list-style-type: none; /* to minimize problems */
margin: 0;
padding:0;
background-color: #FFFFFF;
line-height: 30px; /* extra space */
}
#topmenu {
float: right; /* vertical menu is aligned to the right of its container, head3 */
margin-right: 10px;
margin-top: 10px;
}

#topmenu a {font-size: 16px;font-weight: bold;color: #060C6F;
text-decoration: none; /* no decoration to avoid underline showing when hovered onto */margin-left: 20px; /* Space between each sub-menu */}
