/* CSS for sub-navigation on SOAS website */

/* structure */
div#subnav {width:182px; padding:0 0 30px 0;}
div#subnav ul {list-style-type:none;}
div#subnav ul li {line-height:normal;}
div#subnav ul li a {padding:5px 8px 5px 13px; text-decoration:none; display:block; background-repeat:no-repeat; background-position:1% 50%; width:182px; w\idth:161px;}

div#subnav ul ul {font-size:.92em;}
div#subnav ul ul li a {padding:4px 8px 4px 25px; background-repeat:no-repeat; background-position:7% 50%; width:182px; w\idth:149px;} 
div#subnav ul ul ul {font-size:1em;}
div#subnav ul ul ul li a {padding:3px 8px 3px 37px; background-repeat:no-repeat; background-position:14% 50%; width:182px; w\idth:137px;}
/* end structure */

/* generic colours */
div#subnav ul li a {background-color:#EEE9DD; color:#365759; border-bottom: 1px solid #C5C2BD;}
div#subnav ul ul li a {border-bottom: 1px solid #D5C8AE; background-color:#F4F2EC; color:#014F37;} 
div#subnav ul ul ul {border-bottom: 1px solid #D5C8AE;}
div#subnav ul ul ul li a {background-color:#fff; color:#0A7655; border-bottom: 1px solid #fff; }

div#subnav ul li a:hover {background-color:#EEE9DD;}
div#subnav ul ul li a:hover {background-color:#F4F2EC;}
div#subnav ul ul ul li a:hover {background-color:#fff;}
div#subnav ul li a:hover {background-image:url(../assets/right.gif);}
/* end generic colours */

/* arrows */
/*
div#subnav ul li.active a {background-image:url(../assets/right.gif);}
div#subnav ul li.collapsed a {background-image:url(../assets/left.gif);}
div#subnav ul li.parent a {background-image:url(../assets/down.gif);}
div#subnav ul li.active ul li a {background-image:none;}
div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 

div#subnav ul li.active ul li.active a {background-image:url(../assets/right.gif);}
div#subnav ul li.active ul li.parent a {background-image:url(../assets/down.gif);}
div#subnav ul li.active ul li.active ul li a {background-image:none;}
div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/right.gif);}
*/

.about div#subnav ul li.active a {background-image:url(../assets/about_right.gif);}
.about div#subnav ul li.collapsed a {background-image:url(../assets/about_left.gif);}
.about div#subnav ul li.parent a {background-image:url(../assets/about_down.gif);}
.about div#subnav ul li.active ul li a {background-image:none;}
.about div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.about div#subnav ul li.active ul li.active a {background-image:url(../assets/about_right.gif);}
.about div#subnav ul li.active ul li.parent a {background-image:url(../assets/about_down.gif);}
.about div#subnav ul li.active ul li.active ul li a {background-image:none;}
.about div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.about div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/about_right.gif);}

.admissions div#subnav ul li.active a {background-image:url(../assets/admissions_right.gif);}
.admissions div#subnav ul li.collapsed a {background-image:url(../assets/admissions_left.gif);}
.admissions div#subnav ul li.parent a {background-image:url(../assets/admissions_down.gif);}
.admissions div#subnav ul li.active ul li a {background-image:none;}
.admissions div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.admissions div#subnav ul li.active ul li.active a {background-image:url(../assets/admissions_right.gif);}
.admissions div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/admissions_right.gif);}
.admissions div#subnav ul li.active ul li.parent a {background-image:url(../assets/admissions_down.gif);}
.admissions div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/admissions_down.gif);}
.admissions div#subnav ul li.active ul li.active ul li a {background-image:none;}
.admissions div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.admissions div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/admissions_right.gif);}
.admissions div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/admissions_right.gif);}

.about div#subnav ul li.active a {background-image:url(../assets/about_right.gif);}
.about div#subnav ul li.collapsed a {background-image:url(../assets/about_left.gif);}
.about div#subnav ul li.parent a {background-image:url(../assets/about_down.gif);}
.about div#subnav ul li.active ul li a {background-image:none;}
.about div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.about div#subnav ul li.active ul li.active a {background-image:url(../assets/about_right.gif);}
.about div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/about_right.gif);}
.about div#subnav ul li.active ul li.parent a {background-image:url(../assets/about_down.gif);}
.about div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/about_down.gif);}
.about div#subnav ul li.active ul li.active ul li a {background-image:none;}
.about div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.about div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/about_right.gif);}
.about div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/about_right.gif);}

.research div#subnav ul li.active a {background-image:url(../assets/research_right.gif);}
.research div#subnav ul li.collapsed a {background-image:url(../assets/research_left.gif);}
.research div#subnav ul li.parent a {background-image:url(../assets/research_down.gif);}
.research div#subnav ul li.active ul li a {background-image:none;}
.research div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.research div#subnav ul li.active ul li.active a {background-image:url(../assets/research_right.gif);}
.research div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/research_right.gif);}
.research div#subnav ul li.active ul li.parent a {background-image:url(../assets/research_down.gif);}
.research div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/research_down.gif);}
.research div#subnav ul li.active ul li.active ul li a {background-image:none;}
.research div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.research div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/research_right.gif);}
.research div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/research_right.gif);}

.academics div#subnav ul li.active a {background-image:url(../assets/academics_right.gif);}
.academics div#subnav ul li.collapsed a {background-image:url(../assets/academics_left.gif);}
.academics div#subnav ul li.parent a {background-image:url(../assets/academics_down.gif);}
.academics div#subnav ul li.active ul li a {background-image:none;}
.academics div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.academics div#subnav ul li.active ul li.active a {background-image:url(../assets/academics_right.gif);}
.academics div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/academics_right.gif);}
.academics div#subnav ul li.active ul li.parent a {background-image:url(../assets/academics_down.gif);}
.academics div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/academics_down.gif);}
.academics div#subnav ul li.active ul li.active ul li a {background-image:none;}
.academics div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.academics div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/academics_right.gif);}
.academics div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/academics_right.gif);}

.alumni div#subnav ul li.active a {background-image:url(../assets/alumni_right.gif);}
.alumni div#subnav ul li.collapsed a {background-image:url(../assets/alumni_left.gif);}
.alumni div#subnav ul li.parent a {background-image:url(../assets/alumni_down.gif);}
.alumni div#subnav ul li.active ul li a {background-image:none;}
.alumni div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.alumni div#subnav ul li.active ul li.active a {background-image:url(../assets/alumni_right.gif);}
.alumni div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/alumni_right.gif);}
.alumni div#subnav ul li.active ul li.parent a {background-image:url(../assets/alumni_down.gif);}
.alumni div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/alumni_down.gif);}
.alumni div#subnav ul li.active ul li.active ul li a {background-image:none;}
.alumni div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.alumni div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/alumni_right.gif);}
.alumni div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/alumni_right.gif);}

.visitors div#subnav ul li.active a {background-image:url(../assets/visitors_right.gif);}
.visitors div#subnav ul li.collapsed a {background-image:url(../assets/visitors_left.gif);}
.visitors div#subnav ul li.parent a {background-image:url(../assets/visitors_down.gif);}
.visitors div#subnav ul li.active ul li a {background-image:none;}
.visitors div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.visitors div#subnav ul li.active ul li.active a {background-image:url(../assets/visitors_right.gif);}
.visitors div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/visitors_right.gif);}
.visitors div#subnav ul li.active ul li.parent a {background-image:url(../assets/visitors_down.gif);}
.visitors div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/visitors_down.gif);}
.visitors div#subnav ul li.active ul li.active ul li a {background-image:none;}
.visitors div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.visitors div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/visitors_right.gif);}
.visitors div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/visitors_right.gif);}

.business div#subnav ul li.active a {background-image:url(../assets/business_right.gif);}
.business div#subnav ul li.collapsed a {background-image:url(../assets/business_left.gif);}
.business div#subnav ul li.parent a {background-image:url(../assets/business_down.gif);}
.business div#subnav ul li.active ul li a {background-image:none;}
.business div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.business div#subnav ul li.active ul li.active a {background-image:url(../assets/business_right.gif);}
.business div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/business_right.gif);}
.business div#subnav ul li.active ul li.parent a {background-image:url(../assets/business_down.gif);}
.business div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/business_down.gif);}
.business div#subnav ul li.active ul li.active ul li a {background-image:none;}
.business div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.business div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/business_right.gif);}
.business div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/business_right.gif);}

.soasnet div#subnav ul li.active a {background-image:url(../assets/soasnet_right.gif);}
.soasnet div#subnav ul li.collapsed a {background-image:url(../assets/soasnet_left.gif);}
.soasnet div#subnav ul li.parent a {background-image:url(../assets/soasnet_down.gif);}
.soasnet div#subnav ul li.active ul li a {background-image:none;}
.soasnet div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.soasnet div#subnav ul li.active ul li.active a {background-image:url(../assets/soasnet_right.gif);}
.soasnet div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/soasnet_right.gif);}
.soasnet div#subnav ul li.active ul li.parent a {background-image:url(../assets/soasnet_down.gif);}
.soasnet div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/soasnet_down.gif);}
.soasnet div#subnav ul li.active ul li.active ul li a {background-image:none;}
.soasnet div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.soasnet div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/soasnet_right.gif);}
.soasnet div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/soasnet_right.gif);}

.utility div#subnav ul li.active a {background-image:url(../assets/about_right.gif);}
.utility div#subnav ul li.collapsed a {background-image:url(../assets/about_left.gif);}
.utility div#subnav ul li.parent a {background-image:url(../assets/about_down.gif);}
.utility div#subnav ul li.active ul li a {background-image:none;}
.utility div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.utility div#subnav ul li.active ul li.active a {background-image:url(../assets/about_right.gif);}
.utility div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/about_right.gif);}
.utility div#subnav ul li.active ul li.parent a {background-image:url(../assets/about_down.gif);}
.utility div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/about_down.gif);}
.utility div#subnav ul li.active ul li.active ul li a {background-image:none;}
.utility div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.utility div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/about_right.gif);}
.utility div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/about_right.gif);}

.cefims div#subnav ul li.active a {background-image:url(../assets/cefims_right.gif);}
.cefims div#subnav ul li.collapsed a {background-image:url(../assets/cefims_left.gif);}
.cefims div#subnav ul li.parent a {background-image:url(../assets/cefims_down.gif);}
.cefims div#subnav ul li.active ul li a {background-image:none;}
.cefims div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.cefims div#subnav ul li.active ul li.active a {background-image:url(../assets/cefims_right.gif);}
.cefims div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/cefims_right.gif);}
.cefims div#subnav ul li.active ul li.parent a {background-image:url(../assets/cefims_down.gif);}
.cefims div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/cefims_down.gif);}
.cefims div#subnav ul li.active ul li.active ul li a {background-image:none;}
.cefims div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.cefims div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/cefims_right.gif);}
.cefims div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/cefims_right.gif);}
/* end arrows */

/* section specific colours */
.about div#subnav ul li.active a {color:#65A41A;}
.about div#subnav ul li.active ul li a {color:#014F37;}
.about div#subnav ul li.active ul li.active a {color:#65A41A;}
.about div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.about div#subnav ul li.active ul li.active ul li.active a {color:#65A41A;}

.admissions div#subnav ul li.active a {color:#CA9A04;}
.admissions div#subnav ul li.active ul li a {color:#014F37;}
.admissions div#subnav ul li.active ul li.active a {color:#CA9A04;}
.admissions div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.admissions div#subnav ul li.active ul li.active ul li.active a {color:#CA9A04;}

.research div#subnav ul li.active a {color:#F36E02;}
.research div#subnav ul li.active ul li a {color:#014F37;}
.research div#subnav ul li.active ul li.active a {color:#F36E02;}
.research div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.research div#subnav ul li.active ul li.active ul li.active a {color:#F36E02;}

.academics div#subnav ul li.active a {color:#DD0C42;}
.academics div#subnav ul li.active ul li a {color:#014F37;}
.academics div#subnav ul li.active ul li.active a {color:#DD0C42;}
.academics div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.academics div#subnav ul li.active ul li.active ul li.active a {color:#DD0C42;}

.alumni div#subnav ul li.active a {color:#432E82;}
.alumni div#subnav ul li.active ul li a {color:#014F37;}
.alumni div#subnav ul li.active ul li.active a {color:#432E82;}
.alumni div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.alumni div#subnav ul li.active ul li.active ul li.active a {color:#432E82;}

.visitors div#subnav ul li.active a {color:#015DBC;}
.visitors div#subnav ul li.active ul li a {color:#014F37;}
.visitors div#subnav ul li.active ul li.active a {color:#015DBC;}
.visitors div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.visitors div#subnav ul li.active ul li.active ul li.active a {color:#015DBC;}

.business div#subnav ul li.active a {color:#097F86;}
.business div#subnav ul li.active ul li a {color:#014F37;}
.business div#subnav ul li.active ul li.active a {color:#097F86;}
.business div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.business div#subnav ul li.active ul li.active ul li.active a {color:#097F86;}

.soasnet div#subnav ul li.active a {color:#A48747;}
.soasnet div#subnav ul li.active ul li a {color:#014F37;}
.soasnet div#subnav ul li.active ul li.active a {color:#A48747;}
.soasnet div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.soasnet div#subnav ul li.active ul li.active ul li.active a {color:#A48747;}

.utility div#subnav ul li.active a {color:#65A41A;}
.utility div#subnav ul li.active ul li a {color:#014F37;}
.utility div#subnav ul li.active ul li.active a {color:#65A41A;}
.utility div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.utility div#subnav ul li.active ul li.active ul li.active a {color:#65A41A;}

.cefims div#subnav ul li.active a {color:#C60606;}
.cefims div#subnav ul li.active ul li a {color:#014F37;}
.cefims div#subnav ul li.active ul li.active a {color:#C60606;}
.cefims div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.cefims div#subnav ul li.active ul li.active ul li.active a {color:#C60606;}

.languagecentre div#subnav ul li.active a {color:#015DBC;}
.languagecentre div#subnav ul li.active ul li a {color:#014F37;}
.languagecentre div#subnav ul li.active ul li.active a {color:#015DBC;}
.languagecentre div#subnav ul li.active ul li.active ul li a {color:#0A7655;}
.languagecentre div#subnav ul li.active ul li.active ul li.active a {color:#015DBC;}

.languagecentre div#subnav ul li.active a {background-image:url(../assets/visitors_right.gif);}
.languagecentre div#subnav ul li.collapsed a {background-image:url(../assets/visitors_left.gif);}
.languagecentre div#subnav ul li.parent a {background-image:url(../assets/visitors_down.gif);}
.languagecentre div#subnav ul li.active ul li a {background-image:none;}
.languagecentre div#subnav ul li.active ul li a:hover {background-image:url(../assets/right.gif);} 
.languagecentre div#subnav ul li.active ul li.active a {background-image:url(../assets/visitors_right.gif);}
.languagecentre div#subnav ul li.active ul li.active a:hover {background-image:url(../assets/visitors_right.gif);}
.languagecentre div#subnav ul li.active ul li.parent a {background-image:url(../assets/visitors_down.gif);}
.languagecentre div#subnav ul li.active ul li.parent a:hover {background-image:url(../assets/visitors_down.gif);}
.languagecentre div#subnav ul li.active ul li.active ul li a {background-image:none;}
.languagecentre div#subnav ul li.active ul li.active ul li a:hover {background-image:url(../assets/right.gif);}
.languagecentre div#subnav ul li.active ul li.active ul li.active a {background-image:url(../assets/visitors_right.gif);}
.languagecentre div#subnav ul li.active ul li.active ul li.active a:hover {background-image:url(../assets/visitors_right.gif);}
/* section specific colours */

/* shortcut back links */
div#left p {font-size:0.92em; margin:0;}
div#left p a {background:url(../assets/white_left.gif) no-repeat 1% 60%; color:#fff; padding:5px 8px 5px 13px; display:block; width:182px; w\idth:161px;}
.about div#left p {background: #65A41A;}
.admissions div#left p {background: #DAB622;}
.research div#left p {background: #E3571A;}
.academics div#left p {background: #D50D3C;}
.alumni div#left p {background: #7262A0;}
.visitors div#left p {background: #036FC6;}
.business div#left p {background: #108F96;}
.soasnet div#left p {background: #C4B083;}
.utility div#left p {background: #65A41A;}
.languagecentre div#left p {background: #036FC6;}
/* end shortcut back links */