#leftNavContainer { width: 230px; /*width of menu*/ float: left; }
.leftnav-triservice, .leftnav-police, .leftnav-fire, .leftnav-emergency { border-style: none solid none solid; border-color: #cccccc; border-width: 1px; font-size: 80%; margin: 0 0 20px 0; }
.leftnav-triservice a, .leftnav-police a, .leftnav-fire a, .leftnav-emergency a { overflow: hidden; }
/*.leftnav-triservice ul.firstLevel, .leftnav-triservice ul.secondLevel, .leftnav-triservice ul.thirdLevel,
.leftnav-police ul.firstLevel, .leftnav-police ul.secondLevel, .leftnav-police ul.thirdLevel,*/
ul.firstLevel, ul.secondLevel, .ul.thirdLevel { list-style-type: none; margin: 0; padding: 0; }
.leftnav-triservice ul li, .leftnav-police ul li, .leftnav-fire ul li, .leftnav-emergency ul li, ul.firstLevel, ul.secondLevel { display: inline; /* fixes vertical space issue in ie7 */ /*font-weight: bold;*/ }
.leftnav-triservice li a, .leftnav-police li a, .leftnav-fire li a, .leftnav-emergency li a { display: block; height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/ padding: 4px 0 4px 10px; line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none; background-color: transparent; /* background-position: 100% -96px;  */ }
.leftnav-triservice ul.firstLevel li a { background-image: url('/images/side-nav/bg-leftnav-triservice.png'); background-position: 100% -128px; }
.leftnav-police ul.firstLevel li a { background-image: url('/images/side-nav/bg-leftnav-police.png'); background-position: 100% -128px; }
.leftnav-fire ul.firstLevel li a { background-image: url('/images/side-nav/bg-leftnav-fire.png'); background-position: 100% -128px; }
.leftnav-emergency ul.firstLevel li a { background-image: url('/images/side-nav/bg-leftnav-emergency.png'); background-position: 100% -128px; }
.leftnav-triservice li a:link, .leftnav-triservice li a:visited, .leftnav-police li a:link, .leftnav-police li a:visited, .leftnav-fire li a:link, .leftnav-fire li a:visited, .leftnav-emergency li a:link, .leftnav-emergency li a:visited { color: #FFFFFF; }
.leftnav-triservice li a:hover, .leftnav-police li a:hover, .leftnav-fire li a:hover, .leftnav-emergency li a:hover { color: #FFFFFF; background-position: 100% 0px; }
.leftnav-triservice ul.firstLevel li a.selected, .leftnav-police ul.firstLevel li a.selected, .leftnav-fire ul.firstLevel li a.selected, .leftnav-emergency ul.firstLevel li a.selected { color: #FFFFFF; background-image: none; background-color: #808080; }
.leftnav-triservice ul.secondLevel li a, .leftnav-police ul.secondLevel li a, .leftnav-fire ul.secondLevel li a, .leftnav-emergency ul.secondLevel li a { background-image: url('/images/side-nav/bg-second-level.png'); background-repeat: repeat-x; background-position: bottom; }
.leftnav-triservice ul.secondLevel li a { color: #5B6693; }
.leftnav-police ul.secondLevel li a { color: #006293; }
.leftnav-fire ul.secondLevel li a { color: #E31C18; }
.leftnav-emergency ul.secondLevel li a { color: #E57D03; }
.leftnav-triservice ul.secondLevel li a:hover, .leftnav-police ul.secondLevel li a:hover, .leftnav-fire ul.secondLevel li a:hover, .leftnav-emergency ul.secondLevel li a:hover { background-position: bottom; background-color: #FFFFFF; background-image: url('../images/side-nav/bg-second-level-rollover.png'); background-repeat: repeat-x; }
.leftnav-triservice ul.secondLevel li a.selected { color: #FFFFFF; background-position: 100% -128px; background-image: url('/images/side-nav/bg-leftnav-triservice.png'); }
.leftnav-police ul.secondLevel li a.selected { color: #FFFFFF; background-position: 100% -128px; background-image: url('/images/side-nav/bg-leftnav-police.png'); }
.leftnav-fire ul.secondLevel li a.selected { color: #FFFFFF; background-position: 100% -128px; background-image: url('/images/side-nav/bg-leftnav-fire.png'); }
.leftnav-emergency ul.secondLevel li a.selected { color: #FFFFFF; background-position: 100% -128px; background-image: url('/images/side-nav/bg-leftnav-emergency.png'); }
.leftnav-triservice ul.thirdLevel li a { padding-left: 20px; background-position: 100% -32px; background-image: url('/images/side-nav/bg-leftnav-triservice.png'); color: #FFFFFF; }
.leftnav-police ul.thirdLevel li a { padding-left: 20px; background-position: 100% -32px; background-image: url('/images/side-nav/bg-leftnav-police.png'); color: #FFFFFF; }
.leftnav-fire ul.thirdLevel li a { padding-left: 20px; background-position: 100% -32px; background-image: url('/images/side-nav/bg-leftnav-fire.png'); color: #FFFFFF; }
.leftnav-emergency ul.thirdLevel li a { padding-left: 20px; background-position: 100% -32px; background-image: url('/images/side-nav/bg-leftnav-emergency.png'); color: #E57D03; }
.leftnav-triservice ul.thirdLevel li a.selected, .leftnav-police ul.thirdLevel li a.selected, .leftnav-fire ul.thirdLevel li a.selected, .leftnav-emergency ul.thirdLevel li a.selected { padding-left: 20px; background-position: 100% -64px; }
.leftnav-triservice ul.secondLevel li a.selected:hover, .leftnav-triservice ul.thirdLevel li a:hover, .leftnav-triservice ul.thirdLevel li a.selected:hover { background-position: 100% 0px; background-image: url('../images/side-nav/bg-leftnav-triservice.png'); }
.leftnav-police ul.secondLevel li a.selected:hover, .leftnav-police ul.thirdLevel li a:hover, .leftnav-police ul.thirdLevel li a.selected:hover { background-position: 100% 0px; background-image: url('../images/side-nav/bg-leftnav-police.png'); }
.leftnav-fire ul.secondLevel li a.selected:hover, .leftnav-fire ul.thirdLevel li a:hover, .leftnav-fire ul.thirdLevel li a.selected:hover { background-position: 100% 0px; background-image: url('../images/side-nav/bg-leftnav-fire.png'); }
.leftnav-emergency ul.secondLevel li a.selected:hover, .leftnav-emergency ul.thirdLevel li a:hover, .leftnav-emergency ul.thirdLevel li a.selected:hover { background-position: 100% 0px; background-image: url('../images/side-nav/bg-leftnav-emergency.png'); }
.leftnav-triservice .arrow, .leftnav-police .arrow, .leftnav-fire .arrow, .leftnav-emergency .arrow { display: block; height: 20px; width: 10px; position: relative; top: -26px; padding: 0px; margin: 0px; left: 10px; float: right; margin-bottom: -26px; /* this is to stop the element appearing the line below */ }
.leftnav-triservice .arrow { background-image: url('/images/side-nav/arrow-triservice.png'); background-repeat: no-repeat; }
.leftnav-police .arrow { background-image: url('/images/side-nav/arrow-police.png'); background-repeat: no-repeat; }
.leftnav-fire .arrow { background-image: url('/images/side-nav/arrow-fire.png'); background-repeat: no-repeat; }
.leftnav-emergency .arrow { background-image: url('/images/side-nav/arrow-emergency.png'); background-repeat: no-repeat; }