/* ----------------------------------------------------------------------------------------------
    National Consortium for the Study of Terrorism and Responses to Terrorism
    -------------------------------------------------------------------------
    website: http//www.start.umd.edu/start
    File name: menu.css
    Version: 2010.07.14
    Copyright: (c) 2010 National Consortium for the Study of Terrorism and Responses to Terrorism
   -----------------------------------------------------------------------------------------------
*/
/* main menu */
/* -- START's Metallorice Menu 
    Main menu adapted from: The original Candy Menu Collection (black licorice) by Josh Jones josh@eight7teen.com
    Original Sources and other details can be found at: http://www.eight7teen.com
    originally downloaded (April, 2010) from http://www.cssdrive.com/index.php/examples/exampleitem/css_candy_menu/ 
        Modified for a black metallic sheen and pure CSS menu animation by START (Eamon D.). 
        Modifications include metallic black submenus and special menu buttons (Eamon D.).   
    Side menu design and implementation by START (Ellen S.)
   
*/
/* 
2010.07.06 Ellen
	(1) Added descriptive comments above classes
2010.07.12 Ellen
	(1) Added width to textinput class
2010.07.14 Ellen
	(1) Removed li right text class
	(2) Made menu, socialmediamenu, and searchmenu into ID's
	(3) Moved navbar id from styles.css to this file
	(4) Removed menu li right text class
	(5) Made menu into ID
*/ 

/* main menu links*/


#menu {
	width: 600px;
	height: 42px;
	position: relative;
	top: 0px;
	left:0px;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}


#menu ul li a {
	font: normal bold 11px Arial, Helvetica, sans-serif;
	line-height: 45px;
	display: block;
	text-decoration:none;
	color: #FFF;
	width:100px; 
	height:42px; 
	text-align:center;
}

/* basic substyling */
#menu .left {
	background-image:url('../images/layout/left.png');

}
#menu .right{
	background-image: url('../images/layout/right_bttn.png');
	background-repeat:no-repeat;
	width:100px;
}



#menu .center {
	background-image:url('../images/layout/center.png');

}


#menu ul {padding:0px; margin:0px; list-style: none;}
#menu ul li {float:left; position:relative; width:100px;}
#menu ul li ul {display: none;}

/* ":hover" Styling */
#menu ul li:hover a {color:#f00;}
#menu ul li:hover ul {display:block; position:absolute; top:42px; left:0px; width:165px; margin: 0px; padding: 0px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover .center {color:#f00; background:url('../images/layout/center_hover.png'); width:100px;}
#menu ul li:hover .left {color:#f00; background:url('../images/layout/left_hover.png'); width:100px;}
#menu ul li:hover .right {display: block; width:100px; color:#f00; background:url('../images/layout/center_hover.png'); width:100px;} 

/* DropDown Styling */
#menu ul li:hover ul li a {
    background-image: none; 
    display:block;
    height: 28px; 
    width:160px;     
    line-height: 26px; 
    color:#fff; 
    text-align:left; 
    margin: 0px; 
    padding:0px 0px 0px 11px;
	font-size:11px;     
    font-weight:normal;
}
#menu ul li:hover ul {
	margin: 0px;
	padding: 0px;
	background-image:url('../images/layout/dropdown.png');
	background-repeat:no-repeat;
	background-position:bottom left; 
}

.submenu-icon {
    height: 10px; 
    width: 30px;     
    border: 0px;
}
#menu ul li:hover ul li a:hover {
    color:#fff !important; 
    background-image:url('../images/layout/sub_active.png');
	background-repeat:no-repeat;    
	text-decoration: none;
}

#menu ul li:hover ul li:hover ul {
    display:block; 
    position:absolute; 
    left:164px; 
    top:0px; 
    border-top: solid 2px #a2a2a2;
}
#menu ul li:hover ul li:hover ul.left {left:-105px;}