/*
	REMOVE WHEN DONE CODING
	Some important notes about the navigation CSS
	-	Remember that if you set a width, height, margin etc. in the first level menu
		then it will inherit in the other levels which may cause issues
	-	To center a navigation you must use display: inline and text-align center
		instead of display: block, most helpful for footer navigations
	-	Use <li>|</li> for the pipe effects, it's much easier to code and style
	-	Don't use heights unless you absolutely have to, even when you do it's most likely
		only going to be for an IE6 only style sheet. Use padding to specify menu item spacing.
	REMOVE WHEN DONE CODING
*/


.menu {
}

.menu ul {
	list-style: none;
}

.menu li {
	float: left;
}

.menu li a {
	display: block;
	margin: 0;
	padding: 0;
}

.menu li a:hover {
}


/* second level */

.menu li ul {
	visibility: hidden;
}

.menu li li {
}

.menu li li a {
	margin: 0;
	padding: 0;
}

.menu li li a:hover {
}


/* third level */

.menu li li ul {
}

.menu li li li {
}

.menu li li li a {
	margin: 0;
	padding: 0;
}

.menu li li li a:hover {
}