@charset "utf-8";
/**
* @author: Amazing Derrick Sey
* @email:  amazingderrick@gmail.com
* @style:  Menu Layout purpose. EduLink - Virtual Research Unit
* @All rights reserved 2009
* @CSS Document 
*/
#menu {
		position:relative;
		text-align: center;
		z-index: 150;
		top: 0px;
		text-decoration: none;
		display: inline;
		}
		#menu ul 
		{
			float: left;
			list-style: none;
			height:30px;
			width:860px;
			}
			#menu a 
			{
				display: block;
				color: #FFFFFF;
				text-decoration: none;
				text-transform:uppercase;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				line-height: 30px;
				font-weight: bold;		
				padding: 0px 19px;
				}
				#menu a.active,#menu a:hover 
				{
					color: #FFF;
					background-image:url(../images/bg_menu_active.jpg);
					border-left:solid 1px #000;
					border-right:solid 1px #000;
					}
					#menu li 
					{
						float: left;
						}
							
							/* 
Son of Suckerfish dropdowns:
http://www.htmldog.com/articles/suckerfish/dropdowns/
*/ 


#menu li ul { /* second-level lists */
  position: absolute;
  top: 30px;
  width: 16em;
  list-style: none;
  clear: both;
        z-index: 10000;
  left: -5000px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }
#menu li ul li {
  position: relative;
}

#menu li ul li, #menu li ul li a {
  background-image: none !important;
  clear: both;
  }
#menu li ul li a {
	width: 14em;
	text-indent: 0 !important;
	font-size: 11px;
	z-index: 1100;
	color: #000000;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 19px;
	height: 30px;
	text-align:left;
  }

#menu li ul li a:hover {
  background: #8C070A; color: #fff;
  }
#menu li:hover ul,#menu li.sfhover ul { /* lists nested under hovered list items */
  	left: 79px;
  	z-index: 1200;
	background-position: 0 0;
  }
#menu li:hover { /* to fix the sticky hover state in ie7 */
    background-position: 0 0; 
}

/********************************* FOOTER MENU ************************************/
#fmenu {
		position:relative;
		text-align: left;
		z-index: 150;
		top: 0px;
		text-decoration: none;
		display: inline;
		height:50px;
		}
		#fmenu ul 
		{
			float: left;
			list-style: none;	
			padding: 0px;
			margin: 0 auto;
			}
			#fmenu a 
			{
				display: block;
				/* color: #0066AB; */
				color:#999999;
				text-decoration: none;
				text-transform:capitalize;
				font-size: 11px;
				font-family: Arial, Helvetica, sans-serif;
				border-right: #cccccc 1px solid;
				padding: 0px 17px 0px 17px;
				}
				#fmenu a.active 
				{	
					border-left:none;
					color: #FF9900;
					}
					#fmenu a.last 
					{	
						border-right:none;
						}
						#fmenu a:hover 
						{
							color: #FF9900;
							}
							#fmenu li 
							{
								float: left;
								}
								#fmenu li a
								{
									line-height: 15px;
									margin-top: 17px;
									}