#navigation {
	background-repeat:repeat-x;
	background-position:bottom left;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 910px;
}

#navigation * {
	list-style-position: inside;
    font-size: 12px;
	line-height:2em;
}
    #navList{
        width: 100%;
    }
        #navList li{
            bottom: 0px; /* Fixes a problem with ie5. Some how.*/
            float:left;
            list-style-type:none;
            margin-right:1px;
			position:relative;
            z-index: 10;
        }
            #navList li ul{
                display:none;
                padding-bottom: 5px;
				background-repeat:repeat-x;
				background-position:bottom left;
            }
            #navList li ul li{
                width:150px;
            }
			#navList li.over ul,
            #navList li:hover ul {
                display:block;
                position:absolute;
				left: 0;
                width:150px;
                z-index:10;
            }

            #navList li a{
                white-space:nowrap;
                background-color:transparent;
                text-decoration:none;
                padding:0 10px;
                line-height:2em;
                display:block;
                line-height: 2.5em;
            }
            #navList li li{
                position:relative;
            }

            #navList li li a{
                white-space:normal;
                overflow:hidden;
                padding: 10px;
                line-height:1.5em;
                width: 125px;
            }
            /* Sub sub menus.  Attach the arrow inside the 10px padding and hide the rest of it until rollover.*/
            #navList li:hover ul ul,
            #navList li.over  ul ul ul ul,
            #navList li.over  ul ul ul,
            #navList li.over  ul ul {
                width:0;
                height:3em;
                overflow:hidden;
                position:absolute;
                left:140px;
                top:0;
                background:url(images/sub-menu.gif) no-repeat -1px 16px transparent;
                z-index: 10;
                padding:0 0 0 10px;
				border: none 0;
            }

            #navList li li:hover > ul { /* IE6 fails utterly here.  */
                width:150px;
                overflow:visible;
                height:auto;
                background-repeat: repeat-x;
                background-position:bottom left;
                padding: 5px 0;
                border: solid 2px #01314E;
                z-index: 20;
                top: -4px;
                left: 145px;
            }

			/* IE 6, limits the number of sub menus but should be enough for most people.*/
			#navList li li li li.over ul,
			#navList li li li.over ul,
			#navList li li.over ul {
                width:150px;
                overflow:visible;
                height:auto;
                background-repeat: repeat-x;
                background-position:bottom left;
                padding: 5px 0;
                border: solid 2px #01314E;
                z-index: 20;
                top: -4px;
                left: 145px;
			}


/* Bullet point positioning */
	#navList li.cat-item {
		background-position: 6px 12px;
		text-indent: 10px;
	}

	#navList li.page_item{ 		background-position:6px 12px}
	#navList li li.page_item{	background-position:8px 15px}

	#navList li li.cat-item,
	#navList li li.current-cat,
	#navList li li.current_page_item {
		background-position: 8px 15px;
		text-indent: 12px;
	}

/* CSS 3 Stuff */
	#navList li ul{
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}
	#navList li li:hover > ul {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

/* Colours */
	#navigation {
		background-image:url(images/navigationbackground.gif);
		background-color:#025787
	}
    #navigation a {color:white}
    /* Active colour */
    #navList li ul li.current-cat,
    #navList li ul li.current_page_item,
    #navList li ul li.current_page_ancestor,
    #navList li ul li.over,
    #navList li ul li:hover,
    #navList li.current-cat-parent,
    #navList li.current_page_parent,
    #navList li.current_page_ancestor,
    #navList li.current-cat,
    #navList li.current_page_item,
    #navList li.over,
    #navList li:hover{
        background-color:#01314E;
    }
    #navList li ul,
	#navList li ul ul,
	#navList li li li li.over ul,
	#navList li li li.over ul,
	#navList li li.over ul {
		background-image:url(images/menubackground.gif);
		background-color:#025787;
		border-color:#01314E;
	}
    #navList li li:hover > ul {
		background-image:url(images/menubackground.gif);
		background-color:#025787;
		border-color:#01314E;
	}
