/*
	General rules
	*/

#main #nav li {
	list-style-type: none;
	position: relative;
	overflow: visible;
	line-height: 1.8em;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}
#main #nav ul {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: auto;
}
#main #nav div {
	margin: 0px;
	padding: 0px;
}
/* 	Layout CSS */
#main #nav {
	margin-left: 0px;
	margin-top: 0px;
	width: auto;
	overflow: visible;
	float: left;
	background-color: #666666;
	padding-top: 50px;
	padding-left: 50px;
	border-right-width: thin;
	border-right-style: dashed;
	border-right-color: #666;
	height: auto;
	padding-right: 20px;
}

/* All A tags - i.e menu items. */

#main #nav .slMenuItem_depth1 {	/* Main menu items */
	margin-top:4px;
	text-transform: lowercase;
	overflow: visible;
}
#main #nav .slMenuItem_depth2 {	/* Sub menu items */
	margin-top:2px;
	overflow: visible;
}
#main #nav .slMenuItem_depth3 {	/* Sub menu items */
	margin-top:2px;
	overflow: visible;
}
#main #nav .slMenuItem_depth4 {	/* Sub menu items */
	margin-top:1px;
	font-style: italic;
	overflow: visible;
}
#main #nav .slMenuItem_depth5 {	/* Sub menu items */
	margin-top:1px;
	overflow: visible;
}


/* UL tags, i.e group of menu utems.
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e.

	#nav .slideMenuDiv1

	instead of

	#nav .slideMenuDiv1 ul
	*/
	
#main #nav .slideMenuDiv1
{
	padding:1px;
}

#main #nav .slideMenuDiv1 ul {
	padding: 1px;
}

#main #nav .slideMenuDiv2
{
	margin-left:5px;
	padding:1px;
}
#main #nav .slideMenuDiv2 ul {
	margin-left:5px;
	padding:1px;
}
#main #nav .slideMenuDiv3 ul {
	margin-left:10px;
	padding:1px;
}
#main #nav .slMenuItem_depth4 ul {
	margin-left:15px;
	padding:1px;
}