/**************************************************/
/*	CSS DROPDOWN MENU STYLES					  */
/**************************************************/
ul#ul_NavBar li { position:relative; height:44px; line-height:44px; text-align:left; float:left; z-index:2; }
ul#ul_NavBar { list-style-type:none; height:44px; float:left; width:610px; padding: 0px 0px 0px 0px; }
ul#ul_NavBar li a { font-size:10px; text-transform:uppercase; color:#fff; text-decoration:none; background: url(../images/main-nav-border.gif) no-repeat bottom left; display:block; height:44px; line-height:44px; padding:0 0 0 1px; text-align:center; }
ul#ul_NavBar li a:hover { background: url(../images/main-nav-hover.jpg) repeat-x bottom left; }

ul#ul_NavBar li a.about { width:84px; }
ul#ul_NavBar li a.academics { width:86px; }
ul#ul_NavBar li a.admissions { width:90px; }
ul#ul_NavBar li a.sa { width:124px; }
ul#ul_NavBar li a.admin { width:116px; }
ul#ul_NavBar li a.departments { width:103px; }

ul#ul_NavBar li a.about_on { width:84px; background: url(../images/main-nav-hover.jpg) repeat-x bottom left; }
ul#ul_NavBar li a.academics_on { width:86px; background: url(../images/main-nav-hover.jpg) repeat-x bottom left; }
ul#ul_NavBar li a.admissions_on { width:90px; background: url(../images/main-nav-hover.jpg) repeat-x bottom left; }
ul#ul_NavBar li a.sa_on { width:124px; background: url(../images/main-nav-hover.jpg) repeat-x bottom left; }
ul#ul_NavBar li a.admin_on { width:116px; background: url(../images/main-nav-hover.jpg) repeat-x bottom left; }
ul#ul_NavBar li a.departments_on { width:103px; background: url(../images/main-nav-hover.jpg) repeat-x bottom left; }

/**************************************************/
/*	POPUP MENU STYLES							  */
/**************************************************/
ul#ul_NavBar ul { position: absolute; display: none; z-index:1;
	
	/* Relative Positioning */
	left:0px;
	top: 44px;
	/* Styles */
	width:180px;
	list-style-type:none;
	padding:0;
	margin:0;
}
ul#ul_NavBar ul ul { padding:0; right:-19.2em; border:1px solid #ccc; margin:0; }

ul#ul_NavBar ul li.menuheading {}
ul#ul_NavBar ul li { height:auto; line-height:22px; text-align:left; float:none; background:#BE0E0E url(../images/drop-down-border.gif) repeat-x bottom left; width:180px; }
ul#ul_NavBar ul a,
ul#ul_NavBar ul a:visited { height:auto; background:transparent url(../images/drop-down-bg.gif) repeat-x 0 -1; color:#fff; font-size:11px; font-weight:bold; text-transform:none; text-align:left; padding:3px 0 3px 10px; margin:0; line-height:18px; display: block; }

ul#ul_NavBar ul a:hover{ background:#1F1919 url(../images/drop-down-hover.gif) repeat-x 0 0; }

ul#ul_NavBar ul li ul li { padding:0px; margin:0px; }

/**************************************************
  MAGIC STUFF - DO NOT EDIT
**************************************************/
/* Fix IE. Hide from IE Mac \*/
* html ul#ul_NavBar li { float: left; height: 1%; }
* html ul#ul_NavBar a { height: 1%; }
/* End */

/**************************************************
  MAGIC STUFF
  Currently supports 5 tiers.
**************************************************/
ul#ul_NavBar li:hover ul ul,
ul#ul_NavBar li:hover ul ul ul,
ul#ul_NavBar li:hover ul ul ul ul,
ul#ul_NavBar li:hover ul ul ul ul ul,
ul#ul_NavBar li.over ul ul,
ul#ul_NavBar li.over ul ul ul, 
ul#ul_NavBar li.over ul ul ul ul,
ul#ul_NavBar li.over ul ul ul ul ul
	{ display: none; } /* Hide sub-menus initially */

ul#ul_NavBar li:hover ul,
ul#ul_NavBar li li:hover ul,
ul#ul_NavBar li li li:hover ul,
ul#ul_NavBar li li li li:hover ul,
ul#ul_NavBar li li li li li:hover ul,
ul#ul_NavBar li.over ul,
ul#ul_NavBar li li.over ul,
ul#ul_NavBar li li li.over ul,
ul#ul_NavBar li li li li.over ul,
ul#ul_NavBar li li li li li.over ul
	{ display: block;} /* The magic */
