/** Umgeni Water Amanzi - Ince New Media 2008 **/


/*CSS MENU*/
#navmenu-inner {position:absolute; top:100px; left:130px; z-index:300; width:836px; height:24px;}
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu a, #pmenu a:visited {display:block; font-size:11px; text-decoration:none; text-align:center!important; color:#fff; background:none; height:24px; font-weight:bold; padding:5px 0 0 0;}
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
#pmenu li {float:left;}

.au-size {width:107px!important; line-height:21px;}
.o-size {width:108px!important; line-height:21px; background: url('../i/services_bg.gif');}
.ir-size {width:110px!important; line-height:21px; background: url('../i/projects_bg.gif');}
.nm-size {width:139px!important; line-height:11px; background: url('../i/organisational_bg.gif');}
.cu-size {width:139px!important; line-height:11px; background: url('../i/organisational_bg.gif');}
.sus-size {width:116px!important; line-height:11px; background: url('../i/media_centre_bg.gif');}
.mc-size {width:116px!important;line-height:21px; background: url('../i/governance_bg.gif');}
.md-size {width:116px!important; line-height:11px; background: url('../i/media_centre_bg.gif');}

#au-fall li {margin-left:0; display:block; width:150px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#au-fall li a, #au-fall li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:3px; padding-right:3px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#au-fall li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF;}

#o-fall li {margin-left:0; display:block; width:200px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#o-fall li a, #o-fall li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:3px; padding-right:3px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#o-fall li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF;}

#ir-fall li {margin-left:0; display:block; width:170px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#ir-fall li a, #ir-fall li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:3px; padding-right:3px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#ir-fall li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF;}

#nm-fall li {margin-left:0; display:block; width:187px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#nm-fall li a, #nm-fall li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:3px; padding-right:5px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#nm-fall li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF; padding-right:5px;}

#cu-fall  li {margin-left:0; display:block; width:187px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#cu-fall  li a, #cu-fall  li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:3px; padding-right:5px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#cu-fall  li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF; padding-right:5px;}

#mc-fall  li { margin-left:0; display:block; width:130px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#mc-fall  li a, #mc-fall  li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:3px; padding-right:3px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#mc-fall  li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF;}

#sus-fall {width:230px; margin-left:-112px!important;}
#sus-fall li {display:block; width:230px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#sus-fall li a, #sus-fall  li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:3px; padding-right:3px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#sus-fall li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF;}


#md-fall li {margin-left:0; display:block; width:230px; height:16px; line-height:12px; border-left:1px #fff solid; border-right:1px #fff solid; background:#0072BC;}
#md-fall li a, #md-fall li a:visited {font-size:11px!important; text-align:left!important; color:#fff; padding-left:-250px; padding-right:5px; text-decoration:none;font-weight:bold; height:16px; line-height:12px; border-bottom:1px #fff solid; border-top:1px #fff solid; background:#0072BC;}
#md-fall li ul li {margin-left: -230px; width: 40px; }
#md-fall li a:hover {text-align:left; font-weight:bold; color:#fff; text-decoration:none;  height:16px; line-height:12px; background:#00AEEF; padding-right:5px;}




#pmenu li:hover {position:relative;}
#pmenu li:hover > a {color:#fff;  background: url('../i/menu_bg.gif') repeat-x;}
#pmenu li li:hover > a {font-weight:bold; background: url('../i/menu_bg2.gif') repeat-x; color:#fff;}
#pmenu li ul {display:none;}
#pmenu li:hover > ul {display:block; position:absolute; background:url('clear.gif'); padding:15px 0 0 0;}
#pmenu > li:hover > ul {left:-1px; top:21px;}
#pmenu > li:hover > ul li:hover > ul {left:187px; top:-16px;}
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; color:#fff;  background: url('../i/menu_bg.gif') repeat-x;}
* html #pmenu li li a:hover {position:relative; background: url('../i/menu_bg2.gif') repeat-x; color:#fff;}
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; background:url('../i/clear.gif'); padding:10px 0 0 0;}
#pmenu li a:active, #pmenu li a:focus {color:#abbe37; background:#fff;}
#pmenu li a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
#pmenu li a:hover ul {visibility:visible; left:-30px; top:16px; lef\t:-1px; to\p:21px;}
#pmenu li a:hover ul a:hover ul{visibility:visible; top:-11px; left:187px;}
#pmenu li a:hover ul a:hover ul a:hover ul {visibility:visible;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}

.menu_arrow_1 {position:relative; padding:0 0 0 26px;}
.menu_arrow_2 {position:relative; padding:0 0 0 60px;}
.bt {border-top:1px #fff solid;}
.menu_selected {background: url('../i/menu_bg3.gif') repeat-x; display:block; font-size:11px; text-decoration:none; text-align:center!important; color:#fff; height:24px; font-weight:bold; padding:5px 0 0 0;}


ul#media {margin-left: -230px;width:50px}
ul#media li {width:40px; display:block;float:left;}
ul#media li ul {margin-left: -260px; width: 80px;}
ul#media li ul li{ width: 70px; padding: inherit 4px;}