#main{
	position:fixed; /* this positions the main menu relative to the top left corner of the page */
	list-style: none; /* remove the bullets from the list */	
	display:block; /* Define a block. Otherwise the main menu would go all the way to the right of the page */
	border-style:outset; /* Generate shadows to make 3D effect of depth*/
	border-width:thin; /* make it just a thin line */
	border-right-width:2px; /* in 'main a' below we'll add a line below each row, which results in 2 lines (2px) at the bottom of the main menu block. Making the right shadow 2px makes the block look 3D and solves the problem of the bottom 2px */
	z-index:1; /*to make the menus appear before page content */
}

 #sub1, #sub2, #sub3, #sub4, #sub_sub1{
	position:fixed; /* this positions the main menu relative to the top left corner of the page */
	list-style: none; /* remove the bullets from the list */	
	display:block; /* Define a block. Otherwise the main menu would go all the way to the right of the page */
	border-style:outset; /* Generate shadows to make 3D effect of depth*/
	border-width:thin; /* make it just a thin line */
	border-right-style:solid;
	border-right-color:#666666;
	border-bottom-style:solid;
	border-bottom-color:#666666;
	border-right-width:2px; /* in 'main a' below we'll add a line below each row, which results in 2 lines (2px) at the bottom of the main menu block. Making the right shadow 2px makes the block look 3D and solves the problem of the bottom 2px */
	z-index:1; /*to make the menus appear before page content */
}

#main a, #sub1 a, #sub2 a, #sub3 a, #sub4 a, #sub_sub1 a{
	display:block; /* Distribute the menu lines vertically */
	background-color:#FFCC00; /* Give it a background color */
	color:#000099; /* and a forecolor */
	text-decoration:none; /* remove the hyperlink depending colors and underlining */
	font-family:Arial, Helvetica, sans-serif; /* use an easy to read font */
/*	font-weight:bold;	/* Remove the first /* in this line to make the font bold*/
	line-height:24px; /* Define space between lines. This simplifies positioning the sub menus */
	text-indent:10px; /* Leave some room to the left of the text to make it look better*/

	border-bottom-style:solid; /* Separate the rows with a horizontal line. NOTE: Any attributes to border do not show up unless the style is defined */
	border-bottom-width:thin; /* make it just a thin line */
	border-right-style:solid;
	border-right-color:#666666;
	border-bottom-color:#666666;
/* NOTE: The last entry now has a bottom line. An easy way to disguise this is to combine it with the 'shadow' from #main above to provide 3D depth */	

}
#main{ /* First format the menu block */
	left:40px; /* coordinates */
	top:207px;/* coordinates */
	width:125px; /* define the width of the block. This has to be the same in '#main' as in 'main a' */
}

#main a{ /* then format the menu entries */
	width:125px; /* Necessary to know where to place the submenus */
}

#sub1{ /* We are going to call this submenu from the second row of the main menu */
	left:150px; /* From main, 50px left + 150px width = 200px. To this we subtract 35px for overlapping the sub with the main */
	top:225px;/* From main, 70px top + 24px per line + 1px border = 95px. You can use a lower value to get more overlap*/
	width:215px; /* define the width of the block for use with sub_sub menus */
	visibility:hidden; 
}

#sub1 a{ /* then format the menu entries */
	width:215px; /* Necessary to know where to place the submenus */
}

#sub2{ /* We are going to call this submenu from the second row of the main menu */
	left:150px; /* From main, 50px left + 150px width = 200px. To this we subtract 35px for overlapping the sub with the main */
	top:250px;/* From main, 70px top + 24px per line * 2 lines + 1px per border * 2 = 120px. You can use a lower value to get more overlap*/
	width:300px; /* define the width of the block for use with sub_sub menus */
	visibility:hidden; 
}

#sub2 a{ /* then format the menu entries */
	width:300px; /* Necessary to know where to place the submenus */
}

#sub3{ /* We are going to call this submenu from the second row of the main menu */
	left:150px; /* From main, 50px left + 150px width = 200px. To this we subtract 35px for overlapping the sub with the main */
	top:275px;/* From main, 70px top + 24px per line * 2 lines + 1px per border * 2 = 120px. You can use a lower value to get more overlap*/
	width:200px; /* define the width of the block for use with sub_sub menus */
	visibility:hidden; 
}

#sub3 a{ /* then format the menu entries */
	width:200px; /* Necessary to know where to place the submenus */

}

#sub4{ /* We are going to call this submenu from the second row of the main menu */
	left:150px; /* From main, 50px left + 150px width = 200px. To this we subtract 35px for overlapping the sub with the main */
	top:300px;/* From main, 70px top + 24px per line * 2 lines + 1px per border * 2 = 120px. You can use a lower value to get more overlap*/
	width:150px; /* define the width of the block for use with sub_sub menus */
	visibility:hidden; 
}

#sub4 a{ /* then format the menu entries */
	width:150px; /* Necessary to know where to place the submenus */

}


/* KEPT HERE JUST IN CASE WE NEED IT */
#sub_sub1{ /* We are going to call this submenu from the 3rd row of sub1 */
	left:280px; /* From sub1 165px left + 150px width = 315px. To this we subtract 35px for overlapping the sub with the main */
	top:245px;/* From sub1, 95px top + 24px per line * 2 lines + 1px per border * 2 borders = 145px. You can use a lower value to get more overlap*/
	width:150px; /* define the width of the block for use with sub_sub menus */
	visibility:hidden;
}

#sub_sub1 a{ /* then format the menu entries */
	width:150px; /* Necessary to know where to place the submenus */
}


#menu li a:hover, #submenu1 li a:hover, #submenu2 li a:hover, #submenu3 li a:hover, #submenu4 li a:hover, #submenu_sub1 li a:hover{	
	background:#000099;
	color:#FFCC33;
}

/* GENERAL PAGE PARAMETERS */
table.textbox
{
	position:absolute;
	left:271px;
	top:190px;
	width: 685px;
	font-family:Arial, Helvetica, sans-serif;

}

body {background-color: #FCFAAD;
	  background-image:url(../images/background.jpg);
}
/* POSITIONING OF THE "go to top" ARROWS. NOT ALL OF THEM ARE USED IN EVERY PAGE */
#top {
	position:absolute;
	left:0px;
	top:0px;	
}
a.top1 {position:absolute;
		left:100px;
		top:700px;
}		
a.top2 {position:absolute;
		left:100px;
		top:1100px;
}		
a.top3 {position:absolute;
		left:100px;
		top:1500px;
}		
a.top4 {position:absolute;
		left:100px;
		top:1900px;
}		
a.top5 {position:absolute;
		left:100px;
		top:2300px;
}		
a.top6 {position:absolute;
		left:100px;
		top:2700px;
}		
a.top7 {position:absolute;
		left:100px;
		top:3100px;
}		
a.top8 {position:absolute;
		left:100px;
		top:3500px;
}