/* FANCY Navigation 

Walter and Eliza Hall Institute of Medical Research (WEHI)
Website v1.0
by HugeObject.com.au

*/

#navwrap {	clear: both; width: 850px; height: 50px; background: #315da5; margin-bottom: 15px; z-index: 10px; font-family: Arial, Helvetica, sans-serif; }

ul#topnav { height:50px; margin:0; padding:0; position:absolute; z-index: 10px;}
ul#topnav li { float:left; list-style-type:none; background-image:url(../images/nav_sprite.gif);}
ul#topnav li a {display:block; text-decoration:none;}
ul#topnav li a:link {text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {text-decoration:none;}
ul#topnav li a:active {text-decoration:none;}
ul#topnav li .last {padding-bottom: 5px;}

ul#topnav .menu { position:absolute; background-color:#42ac49; padding: 8px 0 0 8px;}

ul#topnav .menu ul.nav_sub {float:left;}
ul#topnav .menu ul.nav_sub {margin:0 8px 0 0; padding:0; width:140px;}
ul#topnav .menu ul.nav_sub li {float:none; background-image:none;}
ul#topnav .menu ul.nav_sub li a, ul#topnav .menu ul.nav_sub li a:link, ul#topnav .menu ul.nav_sub li a:visited {font-size:12px; font-weight:normal; line-height:1.3em; color:#fff; text-decoration:none; padding: 4px; height:100%; background-color:transparent;}
ul#topnav .menu ul.nav_sub li a:hover {color:#fff; text-decoration: none; background-color:#228129;}
ul#topnav .menu ul.nav_sub li a:active {color:#fff; text-decoration: none; background-color:transparent;}

ul#topnav li .menu {display:none;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px;}
ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

/* == ABOUT US ==*/
/*-- OFF --*/
li.nav_about_us {background-position: 0 0; }
li.nav_about_us:hover, li.nav_about_us_over {background-position: 0 -50px;}
li.nav_about_us a.nav_item, li.nav_about_us_over a.nav_item { width: 110px; height: 50px;}
li.nav_about_us .menu {left:0; min-width:110px; }
/*-- ON--*/
li.nav_about_us_current, li.nav_about_us_current:hover, li.nav_about_us_current_over {background-position: 0 -50px;}
li.nav_about_us_current a.nav_item, li.nav_about_us_current_over a.nav_item { width: 110px; height: 50px;}
li.nav_about_us_current .menu {left:0; min-width:110px; }

/* == FACULTY ==*/
/*-- OFF --*/
li.nav_faculty {background-position: -110px 0;}
li.nav_faculty:hover, li.nav_faculty_over {background-position: -110px -50px;}
li.nav_faculty a.nav_item, li.nav_faculty_over a.nav_item {width:118px; height: 50px;}
li.nav_faculty div.menu {left:110px; min-width:118px}
/*-- ON --*/
li.nav_faculty_current, li.nav_faculty_current:hover, li.nav_faculty_current_over {background-position: -110px -50px;}
li.nav_faculty_current a.nav_item, li.nav_faculty_current_over a.nav_item {width:118px; height: 50px;}
li.nav_faculty_current div.menu {left:110px; min-width:118px}

/* == EDUCATION ==*/
/*-- OFF --*/
li.nav_education { background-position:-230px 0; }
li.nav_education:hover, li.nav_education_over {background-position:-230px -50px; }
li.nav_education a.nav_item, li.nav_education_over a.nav_item {width:119px; height: 50px;}
li.nav_education div.menu {left:229px; min-width:119px}
/*-- ON --*/
li.nav_education_current, li.nav_education_current:hover, li.nav_education_current_over {background-position:-230px -50px; }
li.nav_education_current a.nav_item, li.nav_education_current_over a.nav_item {width:119px; height: 50px;}
li.nav_education_current div.menu {left:229px; min-width:119px}

/* == TECHNOLOGY TRANSFER ==*/
/*-- OFF --*/
li.nav_tech_transfer {background-position:-352px 0;}
li.nav_tech_transfer:hover, li.nav_tech_transfer_over {background-position:-352px -50px;}
li.nav_tech_transfer a.nav_item, li.nav_tech_transfer_over a.nav_item {width:126px; height: 50px;}
li.nav_tech_transfer div.menu {left:347px; min-width:126px}
/*-- ON --*/
li.nav_tech_transfer_current, li.nav_tech_transfer_current:hover, li.nav_tech_transfer_current_over {background-position:-352px -50px;}
li.nav_tech_transfer_current a.nav_item, li.nav_tech_transfer_current_over a.nav_item {width:126px; height: 50px;}
li.nav_tech_transfer_current div.menu {left:347px; min-width:126px}

/* == CLINICAL TRANSLATION ==*/
/*-- OFF --*/
li.nav_clinical { background-position:-477px 0;}
li.nav_clinical:hover, li.nav_clinical_over {background-position:-477px -50px;}
li.nav_clinical a.nav_item, li.nav_clinical_over a.nav_item {width:127px; height: 50px;}
li.nav_clinical div.menu {right:250px; min-width:127px}
/*-- ON --*/
li.nav_clinical_current, li.nav_clinical_current:hover, li.nav_clinical_current_over {background-position:-477px -50px;}
li.nav_clinical_current a.nav_item, li.nav_clinical_current_over a.nav_item {width:127px; height: 50px;}
li.nav_clinical_current div.menu {right:250px; min-width:127px}

/* == SUPPORT OUR RESEARCH ==*/
/*-- OFF --*/
li.nav_support {background-position:-601px 0;}
li.nav_support:hover, li.nav_support_over {background-position:-601px -50px;}
li.nav_support a.nav_item, li.nav_support_over a.nav_item {width:139px; height: 50px;}
li.nav_support div.menu {right:111px; min-width:139px}

/* == NEWS AND EVENTS ==*/
/*-- OFF --*/
li.nav_news {background-position:-735px 0;}
li.nav_news:hover, li.nav_news_over {background-position:-735px -50px;}
li.nav_news a.nav_item, li.nav_news_over a.nav_item {width:111px; height: 50px;}
li.nav_news div.menu {right: 0px; min-width:111px}
/*-- ON --*/
li.nav_news_current, li.nav_news_current:hover, li.nav_news_current_over {background-position:-735px -50px;}
li.nav_news_current a.nav_item, li.nav_news_current_over a.nav_item {width:111px; height: 50px;}
li.nav_news_current div.menu {right: 0px; min-width:111px}