#navindexbg {width: 137px; margin: 0px; padding: 0px; }
/* specifically for nn4 */
#navindexbg p {display: block; line-height: 100%; margin: 0px 0px 0px 3px; width: 110px; }
/* reset and hide from nn4 */ /*/*/
#navindexbg p {margin: 0px 0px 0px 17px; }
/* unhide */
 
/* specifically for nn4 */
#navindex {top: 0px; left: 0px; background: #99ddff; width: 130px; margin: 0px; padding: 10px 3px 10px 3px; height: auto; border: 1px solid #5577bb; }
/* hide from nn4 and reset navindex to normal */ /*/*/
#navindex {background: white; padding: 0px; border: none; width: 137px; height: auto; }  
#navindex {background: transparent;} /* reset after setting white for opera */
/* unhide */

/* index section hide from nn4 */ /*/*/
#navindexbg img {margin: 0px; padding: 0px; display: block; }
#navindextopimg {background: url(../images/index/indextop.gif) no-repeat left top; width: 137px; height: 30px; padding: 0px; margin: 0px; display: block; left: 0px; top: 0px; }
#navindexbotimg {background: url(../images/index/indexbot.gif) no-repeat left top; width: 137px; height: 28px; padding: 0px; margin: 0px; display: block; left: 0px; top: 0px; }
#navindexbg {background: url("../images/index/indexbg.gif") repeat-y; padding: 2px 0px; }
#navindexbg p {border: 0px; }
/* unhide */

/* link colours within index section */
#navindex a.index, #navindex a.drkred {display: block; width: 105px; padding: 2px 0px 2px 3px; margin: 1px 0px 2px 0px; }
#navindex a.drkred {display: block; }

/* link colour hide from nn4 - pl1 is PopLayer 1 activating link etc */ /*/*/
#navindex a.index, #navindex a.drkred {border: 1px solid #66CCFF; }
#navindex a.index:hover, #navindex a.drkred:hover {background: #7799dd; color: #EEEEEE; }
#navindex a#pl1:hover {background: #bbccdd; font: #eeeeee; }
#navindex a#pl2:hover {background: #ccbbdd; font: #eeeeee; }
#navindex a#pl3:hover {background: #ccddaa; font: #eeeeee; }
#navindex a#pl4:hover {background: #ddccaa; font: #eeeeee; }
#navindex a#pl5:hover {background: #aaddcc; font: #eeeeee; }
/* unhide */

/* popup layer formatting for all browsers */
#poplayer1 p.popheading, #poplayer1a p.popheading, #poplayer2 p.popheading, #poplayer3 p.popheading, #poplayer4 p.popheading, #poplayer5 p.popheading {font: bold 10px Tahoma, Arial, "Trebuchet MS", Verdana, sans-serif; background: #eeeeee; margin: 1px 0 2px 5px; padding: 2px 5px 2px 0px; width: 118px; }
#poplayer1 p.popheading, #poplayer1a p.popheading {color: #aabbcc; }
#poplayer2 p.popheading {color: #bbaacc; }
#poplayer3 p.popheading {color: #aabb88; }
#poplayer4 p.popheading {color: #ccbb99; }
#poplayer5 p.popheading {color: #99ccbb; }

#poplayer1, #poplayer2, #poplayer3, #poplayer4, #poplayer5 {
	position: absolute;
	width: 133px;
	padding: 10px 0px;
	left: 131px;
	visibility: hidden;
}
#poplayer1a {position: absolute; visibility: hidden; width: 133px; padding: 10px 0px; left: 265px; }
#layclear {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 100px;
	left: 131px;
	width: 400px;
	height: 320px;
	z-index: 21;
	visibility: hidden;
}
#layclear img {width: 400px; height: 350px; padding: 0; margin: 0; border: none 0; }
#poplayer1, #poplayer1a {top: 117px; background-color: #ddeeFF; border: 1px dashed #bbccdd; }
#poplayer1 {z-index: 22; }
#poplayer1a {z-index: 28; }
#poplayer2 {background-color: #eeddff; border: thin dashed #ccbbdd; z-index: 23; top: 146px; }
#poplayer3 {background-color: #eeffcc; border: thin dashed #ccddaa; z-index: 24; top: 175px}
#poplayer4 {background-color: #FFeecc; border: thin dashed #ddccaa; z-index: 25; top: 204px; }
#poplayer5 {background-color: #ccFFee; border: thin dashed #aaddcc; z-index: 26; top: 232px; }

#poplayer1 p, #poplayer1a p, #poplayer2 p, #poplayer3 p, #poplayer4 p, #poplayer5 p {margin: 0px; padding: 5px; width: 125px; line-height: 80%; }
/* reset line height and hide from nn4 */ /*/*/
#poplayer1 p, #poplayer1a p, #poplayer2 p, #poplayer3 p, #poplayer4 p, #poplayer5 p {line-height: 100%; }

/* popup layer images specifically for nn4 */
#poplayer1 img, #poplayer1a img, #poplayer2 img, #poplayer3 img, #poplayer4 img, #poplayer5 img {display: none; }
/* reset layer images and hide from nn4 */ /*/*/
#poplayer1 img, #poplayer1a img, #poplayer2 img, #poplayer3 img, #poplayer4 img, #poplayer5 img {display: inline ; float: left; clear: left; padding: 0; margin: 1px 2px 0 0; }
/* unhide */

/* popup layers hide from nn4 */ /*/*/
#poplayer1 p, #poplayer1a p, #poplayer2 p, #poplayer3 p, #poplayer4 p, #poplayer5 p {display: block; line-height: 90%; width: 125px; padding: 0px; margin: 0px; }
#poplayer1 p a.index, #poplayer1a p a.index, #poplayer2 p a.index, #poplayer3 p a.index, #poplayer4 p a.index, #poplayer5 p a.index {display: block; margin: 1px 0 2px 5px; padding: 2px 5px 2px 0px; width: 118px; }
#poplayer1 p a.drkred, #poplayer2 p a.drkred, #poplayer3 p a.drkred, #poplayer4 p a.drkred, #poplayer5 p a.drkred {display: block; margin: 1px 0 2px 5px; padding: 2px 5px 2px 0px; width: 118px; }
#poplayer1 p a.index, #poplayer1a p a.index, #poplayer1 p a.drkred {border: 1px solid #bbccdd; }
#poplayer2 p a.index, #poplayer2 p a.drkred {border: 1px solid #ccbbdd; }
#poplayer3 p a.index, #poplayer3 p a.drkred {border: 1px solid #ccddaa; }
#poplayer4 p a.index, #poplayer4 p a.drkred  {border: 1px solid #ddccaa; }
#poplayer5 p a.index, #poplayer4 p a.drkred  {border: 1px solid #aaddcc; }

#poplayer1 p a.index:hover, #poplayer1a p a.index:hover, #poplayer1 p a.drkred:hover {background-color: #bbccdd; color: #EEEEEE; }
#poplayer2 p a.index:hover, #poplayer2 p a.drkred:hover {background-color: #ccbbdd; color: #EEEEEE; }
#poplayer3 p a.index:hover, #poplayer3 p a.drkred:hover {background-color: #ccddaa; color: #EEEEEE; }
#poplayer4 p a.index:hover, #poplayer4 p a.drkred:hover {background-color: #ddccaa; color: #EEEEEE; }
#poplayer5 p a.index:hover, #poplayer5 p a.drkred:hover {background-color: #aaddcc; color: #EEEEEE; }
#poplayer1 img, #poplayer1a img, #poplayer2 img, #poplayer3 img, #poplayer4 img, #poplayer5 img {display: block; }
/* unhide */