#menu-wrap {
	width:    100%;
	height:   30px;
	position: relative;
	z-index:  100;


	/* remove all the bullets, borders and padding from the default list styling */
	ul {
		padding:         0;
		margin:          0;
		list-style-type: none;

		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		li {
			float:    left;
			position: relative;
		}

		/* style the links for the top level */
		a,
		a:visited {
			display:       block;
			line-height:   30px;
			padding-left:  10px;
			padding-right: 20px;
		}

		ul {
			/* hide the sub levels and give them a positon absolute so that they take up no room */
			visibility: hidden;
			position:   absolute;
			height:     0;
			top:        30px;
			left:       0;
			width:      149px;

			li {
				width: 100%
			}

			/* style the second level links */
			a,
			a:visited {
				border: 0;
				height:      auto;
				line-height: 15px;
				padding:     5px 10px;
				width:       150px;
			}
		}

		/* make the second level visible when hover on first level list OR link */
		li:hover ul,
		a:hover ul {
			visibility: visible;
		}
	}

	li,
	a,
	div {
		padding: 0;
		margin:  0;
	}

	li {
		&.section {
			line-height:   25px;
			padding-left:  10px;
			padding-right: 11px;
		}

		&.selected_page {
			line-height: 20px;
		}

		&.selected_subpage {
			line-height:   25px;
			padding-left:  10px;
			padding-right: 11px;

			a,
			a:visited {
				padding-right: 0;
				padding-left:  0;
			}
		}
	}

	/* style the table so that it takes no ppart in the layout - required for IE to work */
	table {
		position:        absolute;
		top:             0;
		left:            0;
		border-collapse: collapse;;
	}
}

/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {
	width:  100%;
	w\idth: 100%
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {
	width:         10px;
	w\idth:        10px;
	padding-right: 20px;
	white-space:   nowrap
}

/* another hack for IE5.5 */
* html #menu-wrap ul ul {
	top:  30px;
	t\op: 30px;
}

/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {
	width:  150px;
	w\idth: 128px;
}

.cms-nav-clearit {
	clear:       both;
	height:      0;
	line-height: 0.0;
	font-size:   0;
}

.cms-nav-sub-section {
	font-weight:     bold;
	font-size:       110%;
	list-style-type: none;
}

ul li.cms-nav-sub-section:before {
	content: '' !important;
}

.cms-nav-sidebar ul, .cms-nav-sidebar li, .cms-nav-sidebar a {
	list-style: none;
	padding:    0;
	margin:     0;

	ul,
	li,
	a {
		padding: 0;
		margin:  0;
	}

	li {
		position: relative;
		margin:   4px 8px 2px 8px;
	}
}