.utilNavTalkNowDropDown .seperatorBar
{
	font-size: 1px;
	line-height: 4;
	height: 1px;			
	display: block;
	margin: 2px 0px 2px 0px;
	position: relative;
	clear: both;
	background-image: url(navsecbkgddefaultoff.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 180px;
	overflow: hidden;
}
.utilNavTalkNowDropDown
{
	padding: 6px 4px 4px 4px;	
}


.navWhyAI, .navAreaOfStudy, .navGallery, .navAlumniSuccess, .navCompetitions, .navAdmissions
{
	display: block;
	text-indent: -2000px;	
	height: 29px;	
	background-position: top left;
}

.navWhyAI
{
	background: url(navmainwhyai.gif) no-repeat;	
	width: 77px;
}

.navAreaOfStudy
{
	background: url(navmainstudy.gif) no-repeat;	
	width: 139px;
}

.navGallery
{
	background: url(navmaingallery.gif) no-repeat;	
	width: 85px;
}

.navAlumniSuccess
{
	background: url(navmainalumni.gif) no-repeat;	
	width: 140px;
}

.navCompetitions
{
	background: url(navmaincompetitions.gif) no-repeat;	
	width: 123px;
}

.navAdmissions
{
	background: url(navmainadmissions.gif) no-repeat;	
	width: 105px;
}

.navWhyAI:hover, .navGallery:hover, .navAlumniSuccess:hover, .navAdmissions:hover, .navCompetitions:hover, .navAreaOfStudy:hover
{
	background-position: bottom left;
}
        
/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul 
{
	display: none;
	position: absolute;
	top: 15px; 
	margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
	right: 2px;
	*right: 4px;
	_right: 0px;
	width: 211px;
	border: solid 1px #9C9F90;
	border-bottom: 0;
	padding: 0;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul 
{
	top: -1px; 
	margin-top: 0;
	left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li 
{
	float: left;
	display: block;
	position: relative;
	margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li 
{
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
	background: url(navsecbkgddefaultoff.jpg) no-repeat;
	background-position: bottom;
}

.menulist ul li.design
{
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
	background: url(navsecbkgddesignoff.jpg) no-repeat;
	background-position: bottom;
}

.menulist ul li.mediaarts
{
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
	background: url(navsecbkgdmediaoff.jpg) no-repeat;
	background-position: bottom;
}

.menulist ul li.fashion
{
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
	background: url(navsecbkgdfashionoff.jpg) no-repeat;
	background-position: bottom;
}

.menulist ul li.culinary
{
	float: none;
	margin: 0;
	padding: 0;
	text-align: right;
	background: url(navsecbkgdculinaryoff.jpg) no-repeat;
	background-position: bottom;
}

/* Links inside the menu */
.menulist a 
{
	display: block;
	color: #57575E;
	text-decoration: none;
	font-size: 1.0em;
	font-family: Arial;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul a:hover, .menulist ul a.highlighted:hover, .menulist ul a:focus 
{
	color: #57575E;
	background: url(navsecbkgddefaultover.jpg) no-repeat;
	background-position: bottom;
}

.menulist ul li a:hover 
{
	color: #57575E;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul li.design a:hover, .menulist ul li.design a.highlighted:hover, .menulist ul li.design a:focus 
{
	background: url(navsecbkgddesignover.jpg) no-repeat;
	background-position: bottom;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul li.media a:hover, .menulist ul li.media a.highlighted:hover, .menulist ul li.media a:focus 
{
	background: url(navsecbkgdmediaover.jpg) no-repeat;
	background-position: bottom;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul li.fashion a:hover, .menulist ul li.fashion a.highlighted:hover, .menulist ul li.fashion a:focus 
{
	background: url(navsecbkgdfashionover.jpg) no-repeat;
	background-position: bottom;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul li.culinary a:hover, .menulist ul li.culinary a.highlighted:hover, .menulist ul li.culinary a:focus 
{
	background: url(navsecbkgdculinaryover.jpg) no-repeat;
	background-position: bottom;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind 
{
	display: none;
}

.menulist ul a .subind 
{
	display: block;
	float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a 
{
	float: left;
}
.menulist ul a 
{
	float: none;
	margin: 0;
	padding: 6px;
}

.menulist a 
{
	float: none;
}


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li 
{
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

* html .menulist ul li 
{
	float: left;
	height: 1%;
}
* html .menulist ul a 
{
	height: 1%;
}
/* End Hacks */