/*Code written by Jesse Villanueva 2005/*

/*Code to remove the indents and bullets from the unordered list and define the width of menu items*/
/*FF*/
	.menu {
		background: #2e3e58;
		height: 1.85em;
		}
	
	.menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 826px;
		}
	
/*Code to position our list items. We must set the position as relative, because we will
need to position the sub-menus absolutely within them*/

/*FF & IE*/
	.menu ul li {
		float: left; /*Makes menu vertical dropdown*/
		position: relative;
		}
	
/*Menu items*/
/*FF & IE*/
	.menu li ul {
		position: absolute;
		left: 0;
		top: 30px;
		display: none;
		width: 100px;
		}
	
/*Code used to style the links. Every list item used as a hyperlink will be affected by this code*/
/*Main title blocks*/
/*FF & IE*/
	.menu ul li a {
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		display: block;
		text-decoration: none;
		color: #fff;
		background: #2e3e58; /*Menu title block background*/
		padding: 5px 5px;
		border-bottom: 0;
		height: 2em;
		line-height: 2em;
		width: 100px;
		}
	
/*Hover effect seen when mousing over each link*/
/*FF*/
	.menu ul li:hover a { /* Main title block hover */
		background: #4d658b;
		color: #fff; 	
		}
		
/*FF*/
	.menu ul li:hover ul li a:hover { /* Menu item hover */
		background: #8ca3c8;
		color: #fff;
		}
	
/*IE*/	
	.menu ul li a:hover { /* Main title block hover */
		background:#4d658b;
		color:#fff; 
		}
				
/*IE*/
	.menu ul li ul li a:hover { /* Menu item hover */
		background: #8ca3c8;
		color: #fff;
		}
	
/*Menu items appear when hovered*/
/*FF & IE*/
	.menu li:hover ul, li.over ul {
		display: block;
		}
	
/* Menu block items */
/*FF*/
	.menu ul li:hover ul li a { 
		display: block;
		background: #7083a1; /* Color for menu items */
		color: #000;
		height: auto;
		line-height: 1.2em;
		padding: 5px 5px;
		width: 200px; /*Menu item width*/
		}
	
/*IE*/
	.menu ul li ul li a { 
		display: block;
		background: #7083a1; /* Color for menu items */
		color: #000;
		height: auto;
		line-height: 1.2em;
		padding: 5px 5px;
		width: 200px; /*Menu item width*/
		}

/* Sub-menu dropdown */
/*FF & IE*/
	.menu ul li:hover ul li:hover ul {
		display: block;
		position: absolute;
		left: 110px;
		top: 0px;
		width: 10px;
		}
		
	/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left; }
	* html ul li a { height: 1%; }
	/* End */
