#mainnav {background-color: #003057; width: 804px; border-top: 1px solid #989898; border-bottom: 1px solid #989898; color:#FFFFFF; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; position:relative}
#mainnav a:link {padding:6px 0px 6px 0px; color:#FFFFFF; font-weight:bold; text-decoration:none; display:block;}
#mainnav a:visited {padding:6px 0px 6px 0px; color:#FFFFFF; text-decoration:none; display:block;}
#mainnav a:active {padding:6px 0px 6px 0px; color:#FFFFFF; font-weight:bold; text-decoration:none; display:block;}
#mainnav a:hover {padding:6px 0px 6px 0px; color:#FFFFFF; font-weight:bold; text-decoration:none; display:block; color:#FFCC00;}
#mainnav ul {padding:0px; margin:0px; list-style:none; float:left;}
#mainnav li {text-align:center; float:left; position:relative;}

#mainnav .flyout li {border-top: 1px solid #989898;}
#mainnav .flyout a {font-size: 11px; font-weight: normal; background-image:none; background-color:#003057; color:#FFFFFF;}
#mainnav .flyout a:hover {font-weight: normal; background-image:none; color:#FFCC00;}

#mainnav ul .flyoutflyout {margin-top:-1px}
#mainnav .flyoutflyout li {border-top: 1px solid #989898;}
#mainnav .flyoutflyout a {font-size: 11px; font-weight: normal; background-image:none; background-color:#003057; color:#FFFFFF;}
#mainnav .flyoutflyout a:hover {font-weight: normal; background-image:none; color:#FFCC00;}

#mainnav li.artdepartment {width:110px; margin-right:1px;}
#mainnav li.artdepartmentflyout {width:110px; margin-right:1px;} 

#mainnav li.portfolio {width:81px; margin-right:1px;}
#mainnav li.portfolioflyout {width:90px; margin-right:1px;} 
#mainnav li.portfolioflyoutflyout {width:90px; margin-right:1px; } 

#mainnav li.studentlife {width:100px; margin-right:1px;}
#mainnav li.studentlifeflyout {width:100px; margin-right:1px;} 

#mainnav li.whatsnew {width:100px; margin-right:1px;}
#mainnav li.whatsnewflyout {width:100px; margin-right:1px;} 

#mainnav li.alumniandfriends {width:121px; margin-right:1px;}
#mainnav li.alumniandfriendsflyout {width:121px; margin-right:1px;} 

#mainnav li.artgallery {width:90px; margin-right:1px;}
#mainnav li.artgalleryflyout {width:90px; margin-right:1px;} 

#mainnav li.admissions {width:90px; margin-right:1px;}
#mainnav li.admissionsflyout {width:100px; margin-right:1px;} 

#mainnav li.aboutmvnu {width:101px;}
#mainnav li.aboutmvnuflyout {width:105px;} 

#mainnav ul ul {position: absolute; z-index: 500;}
#mainnav ul ul ul { top: 0; left: 100%;}
div#mainnav ul ul, div#mainnav ul li:hover ul ul, div#mainnav ul ul li:hover ul ul{display: none;}
div#mainnav ul li:hover ul, div#mainnav ul ul li:hover ul, div#mainnav ul ul ul li:hover ul{display: block;}

ul.dropdown {width: 760px;}

ul.dropdown li {border: none;padding: 7px 10px;color: #FFF;}
ul.dropdown li.hover,ul.dropdown li:hover {color: #FFF;}
ul.dropdown ul {width: 760px;margin-top: 0;}
ul.dropdown ul li {}
ul.dropdown ul li.hover {margin: 0;border: none;}
ul.dropdown ul *.dir {padding-right: 7px;background-image: none;}
ul.dropdown {font-weight: bold;}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #FFF; text-decoration: none; }
ul.dropdown a:hover		{ color: #959595; }
ul.dropdown a:active	{ color: #ffa500; }

/* -- level mark -- */
ul.dropdown ul {width: 150px;margin-top: 1px;}
ul.dropdown ul li {font-weight: normal;}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */
ul.dropdown *.dir {padding-right: 20px;background-image: url(images/nav-arrow-down.png);background-position: 100% 50%;background-repeat: no-repeat;}

/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {padding-right: 15px;background-image: url(images/nav-arrow-right.png);background-position: 100% 50%;background-repeat: no-repeat;}
ul.dropdown-upward *.dir {background-image: url(images/nav-arrow-top.png);}
ul.dropdown-vertical *.dir,ul.dropdown-upward ul *.dir {background-image: url(images/nav-arrow-right.png);}
ul.dropdown-vertical-rtl *.dir {padding-right: 10px;padding-left: 15px;background-image: url(images/nav-arrow-left.png);background-position: 0 50%;}


ul.dropdown-linear {width: 100%;}
ul.dropdown-linear ul li {float: left;}
ul.dropdown-linear li.hover,ul.dropdown-linear li:hover {position: static;}
ul.dropdown-linear ul ul {display: none !important;}
ul.dropdown,ul.dropdown li,ul.dropdown ul {list-style: none;margin: 0;padding: 0;}
ul.dropdown {position: relative;z-index: 597;float: left;}
ul.dropdown li {float: left;line-height: 1.3em;vertical-align: middle;zoom: 1;}
ul.dropdown li.hover,ul.dropdown li:hover {position: relative;z-index: 599;cursor: default;}
ul.dropdown ul {visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width: 100%;}
ul.dropdown ul li {float: none;}
ul.dropdown ul ul {top: 1px;left: 99%;}
ul.dropdown li:hover > ul {visibility: visible;}