/*******************************
 *
 *	ROUTER.CSS
 *
 *  Version: 1.0
 *
 *	Authors: 
 *	The Roundhouse
 *  Tom Knowles
 *
 *  Description:
 *
 *	This CSS deals exclusively with the router
 */
 
 
 #site #routerholder
 {
	width:					800px;
	position:				absolute;
	top:					188px;
	right:					10px;
	 font-size:		75%;
	
 }
 
 #site #routerholder ol
 {
 	background-image:		url(../z_images/layout/bg/router/bg_router.png);
	background-position:	top right;
	background-repeat:		no-repeat;
	
	height:					32px;
	position:				absolute;
	right:					10px;
	padding-right:			7px;	
 }
 
 #site #routerholder ol li
 {
 	display:				block;
	float:					left;
	height:					22px;
	line-height:			42px;
	width:					auto;
	padding:				10px 0px 0 0px;
	
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	color:					#FFFFFF;
	
	
	background-image:		url(../z_images/layout/bg/router/bg_router_li.png);
	background-position:	0 0;
	background-repeat:		no-repeat;
	
 }
 
 #site #routerholder ol li.first-child
 {
 	margin-left:			-10px;
	padding-left:			13px;
	background-position:	0 0;
	background-image:		url(../z_images/layout/bg/router/bg_router_li_left.png);
 }
 
 #site #routerholder ol li a
 {
 	margin:					-10px -10px 0 20px;
	padding:				0 20px 0 4px;
	height:					32px;
	display:				block;
	text-decoration:		none;
	color:					#FFFFFF;
	background-image: url(../z_images/layout/bg/router/bg_router_li_over_edge.png);
	background-repeat:		no-repeat;
	background-position:	-100px -10000px;
	outline:				none;
 }
 
 #site #routerholder ol li:last-child a
 {
	background-image: url(../z_images/layout/bg/router/bg_router_li_over_edge_lc.png);
	background-repeat:		no-repeat;
	background-position:	-100px -10000px;
 }
 
 #site #routerholder ol li.first-child a
 {
 	margin:					-10px -10px 0 7px;
 }
  
 #site #routerholder ol li:hover ol
 {
 	display:				block;
 } 
 
 #site #routerholder ol li:hover, #site #routerholder ol li.active
 {
 	background-image: url(../z_images/layout/bg/router/bg_router_li.png);
	background-repeat:		no-repeat;
	background-position:	0px -32px;
	position:				relative;
	right:					0px;
	margin-right:			-8px;
 }
 
 #site #routerholder ol li.first-child:hover
 {
 	background-image: url(../z_images/layout/bg/router/bg_router_li_left.png);
	background-repeat:		no-repeat;
	background-position:	0px -32px;
	margin-left:			-12px;
 }
 
 #site #routerholder ol li:hover a, #site #routerholder ol li.active a
 {
 	background-image: url(../z_images/layout/bg/router/bg_router_li_over_edge.png);
	background-repeat:		no-repeat;
	background-position:	top right;
	position:				relative;
	top:					0;
	padding-right:			28px;
 }
 
  #site #routerholder ol li.last-child:hover a, #site #routerholder ol li.last-child.active a
 {
 	background-image: url(../z_images/layout/bg/router/bg_router_li_over_edge_lc.png);
	background-repeat:		no-repeat;
	background-position:	top right;
 }
 
 #site #routerholder ol li.active.first-child
 {
 	background-image: url(../z_images/layout/bg/router/bg_router_li_left.png);
	background-repeat:		no-repeat;
	background-position:	0px -32px;
	margin-left:			-12px;
 }

 #site #routerholder ol li ol
 {
	display:			none;
	position:			absolute;
	left:				-2px;
	background-image:	none;	
	top:				32px;
	width:				150px;
	padding:			6px 10px 11px 10px !important;
	height:				auto;
	background-image:	url(../z_images/layout/bg/router/bg_router_sub_ul.png);
	background-repeat:	no-repeat;
	background-position:	left bottom;
 }
 

 #site #routerholder ol li.first-child ol
 {
	left:				-2px;
 }
 
 #site #routerholder ol li.last-child ol
 {
	right:				-24px;
	left:				auto;
 }
 
 
 #site #routerholder ol li ol li
 {
 	font-family:			Arial, Helvetica, sans-serif;
	font-size:				90% !important;
	font-weight:			bold;
	color:					#56777C;
	
	margin:					1px 0 1px 0 !important;
	padding:				0 0 0 0!important;
	float:					none !important;
	width:					133px !important;
	
	
	background-image:		none !important;
	
	display:				block;
	
	line-height:			1.5em;
	height:					auto !important;
	list-style:				none;


 }
 
 #site #routerholder ol li ol li a
 {
	font-weight:			bold;
	position:				relative;
	color:					#56777C;
	background-color:		#F3F7F8;
	background-image:		none !important;
	margin:					0!important;
	top:					0  !important;
	padding:				2px 8px 2px 8px !important;
	line-height:			1.5em;
	height:					auto !important;
	width:					117px !important;
 }


#site #routerholder ol li ol li a:hover, #site #routerholder ol li ol li.active a
 {
	color:					#006699;
	background-color:		#E1EBEC;
 }




#site #routerholder ol li ol li.first-child
 {
 	margin-left:			0;
	padding-left:			0;
	background-position:	0;
	background-image:		none;
 }
 
 #site #routerholder ol li ol li a
 {
 	margin:					0;
	padding:				0;
	height:					32px;
	line-height:			auto;
	display:				block;
	text-decoration:		none;
	color:					#56777C;
 }
 
 #site #routerholder ol li ol li.first-child a
 {
 	margin:					0;
 }
 
 #site #routerholder ol li ol li:hover
 {
 	background-image: none;
	position:				relative;
	right:					0px;
	margin-right:			0;
	font-size:				90% !important;
 }
 
 #site #routerholder ol li ol li:hover ol
 {
 	display:				block;
 }
 
 #site #routerholder ol li ol li.first-child:hover
 {
 	background-image: none;
	margin-left:			0;
 }
 
 #site #routerholder ol li ol li:hover a
 {
 	background-image: none;
	position:				relative;
	top:					0;
	padding-right:			0;
 }