/* This style sheet does all the global look and feel, it should not be edited,
unless making a global change to the entire site. To modify the look on one
given page or section use a local style sheet to override this style sheet */

#leftnav {
	font: normal normal normal 10px Arial, sans-serif;
	margin-bottom: 20px;
	background-color: #F3F3F3;
	width: 160px; }

/* LEVEL ONE GLOBAL */

#leftnav ul {
	background-color: #e6e7e8;
	list-style: none;
	margin: 0 0 5px;
	padding: 0; }

#leftnav li {
	margin-bottom: 1px;
	padding-right: 0; }

#leftnav li a {
	color: #5c5a53;
	background: #c9cacc url("/includes/zonebar/gfx/nav_primary_bk.png") repeat-y;
	border-bottom: #b6b7b8 solid 1px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 2px 0px 2px 10px;
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; }

html>body #leftnav li a {
	width: 150px !important; }

#leftnav li.first-child a {
	color: #fff;
	text-transform: uppercase;
	padding: 4px 0px 4px 10px;
	font-size: 10px;
	border-bottom: none;
	background: #78818E url("/includes/zonebar/gfx/first-child-bck.gif") no-repeat top right; }

#leftnav li.first-child a:hover {
	text-decoration: underline;
}

#leftnav #zservices li.first-child a,#leftnav #zservices li.first-child a:hover {
	background: #EE8444 url("/includes/zonebar/gfx/first-child-bck-orange.gif") no-repeat top right !important; }

#leftnav li a:hover {
	color: #fff;
	background-color: #78818E; }

/* LEVEL TWO SECTION */

#leftnav ul.section li.first-child a {
	background-color: #78818E;
	padding-top: 17px; }

#leftnav ul.section li a {
	background-color: #DCDDDF; }

#leftnav ul.section li a:hover {
	background-color: #78818E !important; }

/* LEVEL THREE */

#leftnav ul.section ul {
	display: none;
	margin: 1px 0 0; }

#leftnav ul.section ul a, #leftnav ul.section li.active ul a {
	font-size: 10px;
	background: #EDEEF1 url("/includes/zonebar/gfx/nav_secondary_bk.png") repeat-y;
	width: 160px;
	padding: 2px 0px 1px 17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 137px; }
	
/* LEVEL FOUR */

#leftnav ul.section li.active ul ul {
	display: none;
	margin: 1px 0 0; }

#leftnav ul.section ul ul a, #leftnav ul.section li.active ul ul a {
	font-size: 10px;
	background: #fff url("/includes/zonebar/gfx/nav_tertiary_bk.png") repeat-y;
	width: 160px;
	padding: 2px 0px 1px 24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px; }


/* ACTIVE ELEMENTS */

#leftnav ul.section li.active ul, #leftnav ul.section li.active ul li.active ul {
	display:block; }

#leftnav ul.section li.active a {
	background: url("/includes/zonebar/gfx/nav_primary_bk_active.png") repeat-y; }

#leftnav ul.section ul li.active a {
	background: url("/includes/zonebar/gfx/nav_secondary_bk_active.png") repeat-y; }

#leftnav ul.section ul ul li.active a {
	background-image: url("/includes/zonebar/gfx/nav_tertiary_bk_active.png"); }
	
#leftnav ul.section li.rss a, #leftnav ul.section li.active ul li.rss a {
	background-image: url("/includes/zonebar/gfx/rss.gif");
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 32px;
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 128px; }

html>body #leftnav ul li.rss a {
	width: 128px !important; }

#znews.only li.first-child a {
	padding-top: 16px !important; }