div.menu-primary-container {
    background: #b3b3b3; /* Old browsers */
	overflow: hidden;
}
.menu-primary-container ul, .menu-primary-container li{ list-style:none; padding:0; margin:0; display:inline; }
.menu-primary-container ul li{ float:left; position:relative; }
.menu-primary-container ul li a{
    display: block;
    padding: 6px 0;
    white-space:nowrap;
	background: #b3b3b3;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border-right: 1px solid #fff;
}
.menu-primary-container ul li#menu-item-34 a, .menu-primary-container ul li#menu-item-59 a {border-right: none;}
.menu-primary-container ul li a:hover{ background:#222;}
.menu-primary-container ul ul{
    position:absolute;
    top:-99999px;
    left:0;
    opacity: 0; /* Hide sub level */
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497;
    box-shadow:#111 0 1px 1px;
	background: #b3b3b3;
}
.menu-primary-container ul ul ul {
    position:absolute;
    top:-99999px;
    left:100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}
.menu-primary-container ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
.menu-primary-container ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; }

.menu-primary-container ul li.current-menu-item a {background: #222;}

/* special colour for registration menu link */
.menu-primary-container ul li#menu-item-34 a, .menu-primary-container ul li#menu-item-59 a {background: #fbdd05; color: #8A6903; font-weight: bold; border-right: 1px solid #fff;}
.menu-primary-container ul li#menu-item-34 a:hover, .menu-primary-container ul li#menu-item-59 a:hover {background: #000; color: #fff;}

/* DIV table display to go full width. */
/* Note that dropdowns don't work with these styles added, if removed dropdowns work but 100% width of menu will not. */
div.menu-primary-container {display: table; width: 100%;}
.menu-primary-container ul#menu-primary {display: table-row;}
.menu-primary-container ul li {display: table-cell; float: none;}