/* Horizontal = navbar */
		
	#navbar {
		padding: 0px;
		margin: 0px;
		/*background-image:  url(/images/bg/navmenu_bg.gif);
		background-repeat: repeat-y; */
		color: #ffffff;
		vertical-align: middle;
		text-align: center;
		line-height: 1.4em;
		width: 960px;
		height: 1.4em;
		z-index: -1;
		}
		
		#navbar ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
			width: 160px;
			float: left;
			font-variant: small-caps;
			color: #FFFFFF;
			height: 1.4em;
/*			z-index: 10000;  */
			}
			
		#navbar a, #navbar h2 {
			font: bold 0.75em arial, helvetica, sans-serif;
			display: block;
			border-width: 1px;
			border-style: solid;
			border-color: #ccc #888 #555 #bbb;
			margin: 0px;
			padding: 2px 3px;
			}
			
		#navbar a {
			color: #ffffff;
			text-decoration: none;
			background: #003366;
			}
			
		#navbar .current {
			background: #006699;
			}			
			
		#navbar a:hover {
			background: #006699;
			}
		
		/* position drop-out sub-menus */
		#navbar li {
			position: relative;
			z-index: 10000;
			}

		#navbar ul ul ul {
			position: absolute;
			top: 0;	
			left: 100%;
			margin-left: 160px;
			}

		#navbar ul ul {  /* ensures drop-out menus float over text below, rather than pushing it down */
			position: absolute;
			top: 1.3em;		
			z-index: 10000;
			}

		#navbar ul ul a {
			background: #fcfcfc;
			color: #003366;
			}

	 	#navbar ul ul a:hover {
			background: #eeeeee;
		/*
			background: #ffffff;
			color: #003366;  */
			}
			
		/* hide 2nd level menus unless mouse-over */
		div#navbar ul ul {
			display: none;
			}

		div#navbar ul li:hover ul {
			display: block;
			width: 100%;
			left: 0px;
			z-index: 10000;
			}

		div#navbar ul ul,		/*up to three child-menus */
		div#navbar ul li:hover ul ul,
		div#navbar ul ul li:hover ul ul {
			display: none;
			}

		div#navbar ul li:hover ul,
		div#navbar ul ul li:hover ul,
		div#navbar ul ul ul li:hover ul {
			display: block;
			z-index: 10000;
			}

/* Vertical = leftbar */

	#leftbar {
		margin-left: 0px;
		margin-top: 7px;
		margin-right: 0px;
		padding: 0px;
		width: 150px;
		float: left;
		display: inline;
		color: #ffffff;
		vertical-align: middle;
		text-align: center;
		}
		
		#leftbar ul {
			list-style: none;
			/*width: 100%;*/
			color: #000000;
			font: bold 0.75em arial, helvetica, sans-serif;
			display: block;
			margin: 0px;
			padding: 0px;
			line-height: 1.5em;
			vertical-align: middle;

			padding: 2px 3px;  
			}
		
		#leftbar ul a {
			display: block;
			line-height: 1.8em;
			/*width: 100%;*/
			color: #000000;			
			text-decoration: none;
			background: #ffcc00;
			border-width: 1px;
			border-style: solid;
			border-color: #ccc #888 #555 #bbb;
			/*padding: 2px 3px;*/
			}
			
		#leftbar .current {
			background: #ffdd11;
			}			
			
		#leftbar ul a:hover {
			background: #ffdd11;
			}
		
		#leftbar ul li {
			display: block;
			width: 100%;
			background: #ffffff;
			border: none;
			}
			
		#leftbar ul li a {
			display: block;
			line-height: 1.4em;
			/*width: 100%;*/
			color: #003366;			
			text-decoration: none;
			background: #ffffff;
			padding: 2px 3px;
			}
			
		#leftbar ul li .current {
			background: #eeeeee;
			}			
			
		#leftbar ul li a:hover {
			background: #eeeeee;
			}
			
			
			
				
			/* IE fixes */
			#navbar, #leftbar {
				behavior: url(/css/csshover.htc);
				}

			<!--[if IE]>
			<style type="text/css" media="screen">
			#navbar, #leftbar {
				behavior: url(/css/csshover.htc);
				font-size: 100%;
				z-index: 10000;
				}

			#navbar ul li, #leftbar ul li {
				float: left; 	
				width: 100%;
				}
				
			#navbar ul li a, #leftbar ul li a {
				height: 1%; 
				} 

			#navbar a, #navbar h2 {
				font: bold 0.75em arial, helvetica, sans-serif;
				}
				
			</style>
			<![endif]-->
			
			
			



