/* NOTE: This CSS file is solely for controlling the dropdown menus, not the 'Primary' menu (ie. Home | Introduction |, etc.)  The CSS for that is in the main CSS file.  */

#mainMenu { /* The main definition of the menu area, colours and font. */
	padding: 0px; 
	margin: 0px;
	position: relative;
	width:800px;
	}

#menuList {
	padding: 0px;
	margin: 0px;
	}

#menuList ul { /* Controls the basic area for the submenus (to change the width, see final section of this CSS) */
	padding: 0px;
	margin: 0px;
	}

#menuList li { /* Controls the positioning of the submenu options */
	margin-left: -3px; /* Forces the submenu options to line up directly underneath the main menu options */
	display: inline; 
	list-style-type: none;
	}

A.starter { /* Buttons on the main menu bar (inactive status) */
	margin: 0px; 
	padding: 0px;
	}

.menu { /* Dropdown options (buttons) - area and positioning */ 
	visibility: hidden;
	position: absolute;
	}
	
.menu li a { /* Dropdown options (buttons) - inactive status - font, style and colour. */
	margin: 0px; 
	padding: 0px;
	display: block;
	}