/* Navigation */
/* Based on Son of Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns */


#nav a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#683ab9;
		text-decoration:none;
}

#nav ul { /* Begin First Level Lists */
	margin: 0;
	padding: 0;
  line-height: 1;
	list-style: none;
}
#nav ul li { /* All List Items */
	float: left;
	margin: 0;
	padding: 0;
	width: auto; /* width needed or else Opera goes nuts */
}
#nav ul li a {
	margin: 0;
	padding: 0;
	width: auto;
}
#nav ul li.last { } /* The last nav item usually needs something special */

#nav ul li ul { /* Begin Second Level Lists */
	position: absolute;
	background:#CCC;
	width: 100px;
	margin: -36px 0 0 208px;
	padding: 0;
	left: -999em;
  z-index: 999;
}

#nav ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
}
#nav ul li ul li a {
	display: block;
	margin: 0;
	padding: 5px;
	width: 100px; /* In Firefox, width = width - left/right padding */
}
#nav ul li ul li a:hover { background:#FFF; width:90px; text-decoration:none; }

#nav ul li ul li ul { /* Begin Third Level Lists */
	position: absolute;
	background: orange;
	width: 100px;
	margin: -1em 0 0 200px; /* Adjust -1em to fit the height of a list item */
	padding: 0;
	left: -999em;
  z-index: 999;
}
#nav ul li ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
}
#nav ul li ul li ul  a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100px; /* In Firefox, width = width - left/right padding */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

