/* styles for accordion menu */
/* A few IE bug fixes */
		* { margin: 0; padding: 0; }
		* html ul ul li a { height: 100%; }
		* html ul li a { height: 100%; }
		* html ul ul li { margin-bottom: -1px; }
		html* ul ul ul { margin: -15px 0 0 0; padding: 0; text-align: left; } /* fixes space between mainlink and submenu in IE7 */ 
		
		/* hack for safari 3.* */
		@media screen and (-webkit-min-device-pixel-ratio:0) 
		{	
			ul ul { margin: 15px 0 0 0; padding: 0; text-align: left; } /* to add space between mainlink and submenu */
		}
		/* hack for safari 3.* end */
				
		#theMenu { float: left; width: 220px; margin: 0 0 0 50px; padding: 0; display: none;}
		
		/* Some list and link styling */
		/*ul li { width: 100%;}*/
		ul ul li { margin: 0; padding: 0; } /* submenu */
		ul ul li a { color: #999999; padding: 0; text-decoration: none; }
		ul ul li a:hover { margin: 0; padding: 0; text-decoration: none;}
		
		/* For the subsub menu id="xtra" */
		ul ul ul li { width: 190px; padding: 0;  margin: 0; }
		ul ul ul li a { color: #FFF; }
		ul ul ul li a:hover { color: #FFF; }
								
		li { list-style-type: none; }
		
		/* Header links styling */		
		h3.head span
		{ 
			color: #FFF;
			display: block;
			font-size: 16px;
			font-weight: normal;
			text-align: left;
			margin: 0;
			padding: 5px 0 5px 0;
		}		
		
		h3.head a 
		{  /* item */		
			color: #849900;
			display: block;
			/*height: 21px;*/
			width: 120px;
			/*background: url(../images/about_menu/off.jpg) no-repeat;
			background-position: 0;*/
			margin: 0;
			padding: 5px 0 5px 0;		
			text-decoration: none;
			font-size: 16px;
			font-weight: normal;
			text-align: left;
		}	
		
		h3.head a:hover 
		{ 
			color: #FFF;
			display: block;
			/*height: 21px;*/
			/*background: url(../images/arrow_right.png) no-repeat;
			background-position: right;*/
		}		
		
	
		
		/* submenu */				
		/* hack for safari 3.* */
		@media screen and (-webkit-min-device-pixel-ratio:0) 
		{	
			h4.head a 
			{  		
				color: #a4a49e;
				display: block;			
				width: 100%;			
				margin: 0 0 0 20px;
				padding: 5px 0 5px 0;		
				text-decoration: none;
				font-size: 14px;
				font-weight: normal;
			}	
		}
		
		html* h4.head a /* hack for IE7 */
		{  		
			color: #a4a49e;
			display: block;			
			width: 100%;			
			margin: 0 0 0 20px;
			padding: 5px 0 5px 0;		
			text-decoration: none;
			font-size: 14px;
			font-weight: normal;
		}	
		
		h4.head a 
		{  		
			color: #a4a49e;
			display: block;			
			width: 100%;			
			margin: 0 0 0 20px;
			padding: 5px 0 5px 0;		
			text-decoration: none;
			font-size: 14px;
			font-weight: normal;
		}	
		
		html* h4.head a:hover /* hack for IE7 */
		{ 
			color: #FFF;
			display: block;
			margin: 0 0 0 20px;
			padding: 5px 0 5px 0;
			/*background-color: #232323;*/				
		}		
		
		h4.head a:hover 
		{ 
			color: #FFF;
			display: block;
			margin: 0 0 0 20px;
			padding: 5px 0 5px 0;
			/*background-color: #232323;*/				
		}		
		
		/* hack for IE6 to avoid issues with background image */
		* html h4.selected a 
		{ 
			color: #FFF;
			display: block;
			background: url(../images/ie6/arrow_right_ie6.jpg) no-repeat;
			background-position: 85% 50%;		
			/*background-color: #232323;*/			
		}
		
		h4.selected a 
		{ 
			color: #FFF;
			display: block;
			background: url(../images/arrow_right.png) no-repeat;
			background-position: 85% 50%;		
			/*background-color: #232323;*/			
		}
		
		* html h4.selected a:hover
		{ 
			color: #FFF;
			display: block;		
			background: url(../images/ie6/arrow_right_ie6.jpg) no-repeat;	
			background-position: 85% 50%;			
		}	
		
		h4.selected a:hover 
		{ 
			color: #FFF;
			display: block;		
			background: url(../images/arrow_right.png) no-repeat;	
			background-position: 85% 50%;			
		}								
/* styles for accordion menu ends */