/* NAVIGATION */
div#nav {
	float:				left;
	width:				950px;
	margin-top:			30px;
}
div#nav ul {
	float:				left;
	list-style-type:	none;
	padding:			0px;
	margin:				0px;
	margin-left: 		20px;
}

div#nav ul li{
	float:				left;
	margin-right:		2px;
	padding-left:		4px;
	background:			url("../img/nav_yellow_left.jpg") left no-repeat;
	border-bottom:		1px solid black;
	position:			relative;
}

div#nav ul li a{
	float:				left;
	height:				29px;
	background:			url("../img/nav_yellow_right.jpg") right no-repeat;
	padding-right:		4px;
}

div#nav ul li a span{
	height:				24px;
	font-size:			12px;
	font-weight:		bold;
	padding:			5px 10px 0px 10px;
	color:				black;
	float:				left;
	background:			url("../img/nav_yellow.jpg");
}

/* Hover */
div#nav ul li:hover,
div#nav ul li.selected,
div#nav ul li.sfhover{
	background:			url("../img/nav_white_left.jpg") left top no-repeat;
	border-bottom:		1px solid white;
	cursor:				pointer;
}

div#nav ul li:hover a,
div#nav ul li.selected a,
div#nav ul li.sfhover a{
	float:				left;
	background:			url("../img/nav_white_right.jpg") right top no-repeat;
	padding-right:		4px;
	cursor:				pointer;
}

div#nav ul li:hover a span,
div#nav ul li.selected a span,
div#nav ul li.sfhover a span{
	background:			url("../img/nav_white.jpg");
}

/* Sub nav */
div#nav ul li ul{
	position:			absolute;
	display:			none;
	background:			white;
	top:				30px;
	left: 				-21px;
	border: 			1px solid black;
	border-top:			0px;
	width: 				200px;
	padding: 			0px 0px 0px 0px;
	z-index:			10;
}

div#nav ul li ul li,
div#nav ul li ul li{
width:					190px;
margin:					0px;
padding: 				10px 0px 10px 10px;
background:				white;
float:					left;
border-bottom: 			1px solid #dfdfdf;
}

div#nav ul li ul li a,
div#nav ul li ul li a{
color:					black;
margin:					0px;
padding:				0px;
font-size:				11px;
height:					auto;
}



/* Subnav Hover */
div#nav ul li:hover ul,
div#nav ul li.sfhover ul{
	display:			block;
}

div#nav ul li:hover ul li a,
div#nav ul li.selected ul li a,
div#nav ul li.sfhover ul li a{
background:				white;
}


div#nav ul li:hover ul li:hover,
div#nav ul li.sfhover ul li.sfhover{
	background:			white;
	background:			url("../img/crumb_arrow.jpg") 180px center no-repeat;
border-bottom: 			1px solid #dfdfdf;
}

div#nav ul li:hover ul li:hover a,
div#nav ul li.sfhover ul li.sfhover a{
	background:			url("../img/crumb_arrow.jpg") 180px center no-repeat;
}

div#nav ul li:hover ul li:hover ul li a,
div#nav ul li.sfhover ul li.sfhover ul li a{
	background:			white;
}

div#nav ul li:hover ul li:hover ul li:hover a,
div#nav ul li.sfhover ul li.sfhover ul li:hover a{
	background:			url("../img/crumb_arrow.jpg") 180px center no-repeat;
}


/* Sub sub nav */
div#nav ul li ul li ul{
	position:			absolute;
	display:			none;
	background:			white;
	top:				-1px;
	left: 				180px;
	border: 			1px solid black;
	width: 				200px;
	padding: 			0px 0px 0px 0px;
	z-index:			900;
}

div#nav ul li ul li ul li,
div#nav ul li ul li ul li{
width:					190px;
margin:					0px;
padding: 				10px 0px 10px 10px;
background:				white;
float:					left;
border-bottom: 			1px solid #dfdfdf;
	z-index:			900;
}

div#nav ul li ul li ul li a,
div#nav ul li ul li ul li a{
color:					black;
margin:					0px;
padding:				0px;
font-size:				11px;
height:					auto;
	z-index:			900;
}

div#nav ul li:hover ul li ul,
div#nav ul li.sfhover ul li ul{
	display:			none;
}
/* sub sub nav Hover */
div#nav ul li:hover ul li:hover ul,
div#nav ul li ul li.sfhover ul{
	display:			block;
}

/* Breadcrumbs */

p#breadcrumbs {
	margin:					0px;
	margin-top:				10px;
	margin-right:			20px;
	padding-bottom:			5px;
	font-size:				11px;
	border-bottom:			1px solid #DFDFDF;
}

p#breadcrumbs a {
	color:					black;
	padding-right:			15px;
	margin-right:			10px;
	background:				url("../img/crumb_arrow.jpg") right no-repeat;
}

p#breadcrumbs a.selected {
	background: none;
	font-weight:bold;
}