/*
Position:
	Relative:
		declare position property of UL#menu to relative then Menu apears where mwnu code written.
	Absolute:
		-declare position property of UL#menu to absolute and
		-To declare the position of Menu define left and top property of UL#menu class id
*/

.rollOver{
	background-color: #175aa5;
	color: white;
}

.rollOut{
	//background-image : url(../images/button_menu.jpg);
	COLOR: black;
}

UL#menu {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px; 	
	PADDING-TOP: 0px; 
		
	Z-INDEX: 1000;
	LEFT: 0em;
	MARGIN: 0px;
	WIDTH: 100%; /* at what distance from top item will submenu display*/
	CURSOR: default;
	LIST-STYLE-TYPE: none;
	POSITION: relative;
	TOP: 0em
}

UL#menu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 	
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 0px; 
		
	MARGIN-TOP: -1.5em; 
	Z-INDEX: 1020; 
	VISIBILITY: hidden; 
	MARGIN-LEFT: 0em; /* at what distance from top item will submenu display*/
	WIDTH: 9em; 
	CURSOR: default; 
	LIST-STYLE-TYPE: none; 
	POSITION: absolute;
}

UL#menu UL {
	padding-left:0px;
}

UL#menu LI {
	WIDTH: 19.1em; CURSOR: hand; TEXT-ALIGN: left
}

UL#menu LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}

UL#menu UL LI {
	WIDTH: 19.1em;  /*with of the menu items when mouse is over a topic/head */
}

UNKNOWN {
	VISIBILITY: visible
}

@media Screen, Projection{
 HTML UL#menu LI {
	DISPLAY: inline;
	FLOAT: left;
	BACKGROUND-COLOR: Menu;
}
}

UL#menu LI {
	MARGIN-TOP: -1px;
	margin-right: 1px;
}

UL#menu A {
	button-RIGHT: #175aa5 1px solid;
	button-TOP: #175aa5 1px solid;
	button-LEFT: #175aa5 1px solid;
	button-BOTTOM: #175aa5 2px solid;
	
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 2px;
	PADDING-RIGHT: 3px;
	PADDING-TOP: 2px;
		
	DISPLAY: block;
	FONT: bold 11px verdana,helvetica;
	CURSOR: hand;
	POSITION: relative;
	COLOR: black;
	background-image : url(../images/button_menu.jpg);
	TEXT-DECORATION: none;
}

UL#menu A:visited {
	button-RIGHT: #175aa5 1px solid;
	button-TOP: #175aa5 1px solid;
	button-LEFT: #175aa5 1px solid;
	button-BOTTOM: #175aa5 1px solid;

	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	
	DISPLAY: block;
	FONT: bold bold 11px verdana,helvetica;
	CURSOR: hand;
	POSITION: relative;
	background-image : url(../images/button_menu.jpg);
	COLOR: black;
	TEXT-DECORATION: none;
}

UL#menu A:hover {
	COLOR: white;
	BACKGROUND-COLOR: #9dc5f3;
}

UL#menu A:unknown{
	COLOR: black;
	BACKGROUND-COLOR: #f0f0f0;
}

.accesskey {
	TEXT-DECORATION: underline
}