.Foo{}

/* Horizontal (main) Navigation styles */
   	.Nav-x                                  
		{text-transform:uppercase; list-style: none; font-size:80%; height:41px; padding: 0; margin:0 auto; width:986px; display: block; float: left; background:url(images/template/nav/mainnav/mainnav_border.gif) top repeat-x; }
  	.Nav-x H2                               
		{display:none;}
   	.Nav-x .Links                           
		{margin: 0 auto;  padding:0; background:url(images/template/nav/mainnav/menu_top.gif) top repeat-x; width:986px; height:22px;}
   	.Nav-x .Links .Separator                
		{display:none;}
   	.Nav-x .Links .Link                     
		{background: transparent url(images/template/nav/mainnav/main_nav_background.gif) no-repeat top right; padding:0; }
   	.Nav-x .Links .Link .Left               
		{ float: left; display: block; }
   	.Nav-x .Links .Link a                   
		{float: left; display: block;  text-decoration: none !important; color:#000; padding:4px 18px 18px 18px;}
   	.Nav-x .Links .Link a:active 	,   	.Nav-x .Links .Link a:visited		
		{ float: left; display: block;  text-decoration:none !important ;font-weight:normal !important; color:#000;}
	.Nav-x .Links .Link a:hover             
		{ float: left; display: block; text-decoration: none; color:#000; text-decoration:none; background:url(images/template/nav/mainnav/hoverstyle.gif) top repeat-x; }
   	.Nav-x .Links .LinkSelected             
		{ float: left; display: block; text-decoration: none; color:#fff;  background:url(images/template/nav/mainnav/onstyle.gif) top repeat-x; padding:2px 0 18px 0;}
  	.Nav-x .Links .LinkSelected .Left       
		{ float: left; display: block;}
  	.Nav-x .Links .LinkSelected .Left a           
		{float: left; display: block; text-decoration: none;color:#fff; padding:1px 18px 3px 18px; }
	.Nav-x .Links .LinkSelected .Left a:active    
		{ float: left; display: block; text-decoration: none;  color:#000; }
		
/* End  */


/* Vertical (secondary) Navigation styles - LHS*/
   .Nav-y
        {float:left; width:138px; padding:5px 0 0 0; text-transform:uppercase; font-size:90%;}
	/* header */
   .Nav-y .Header                          
		{  font-size:90%;  }
   .Nav-y .Header .Left                    
		{ text-align:left; float:left;  }
   .Nav-y .Header .Title                   
		{display:none;}
   .Nav-y .Header .Right                   
		{  }
    
	/* body */
   .Nav-y .Body {clear:both; border-top:2px solid #404040; padding:0;}
   .Nav-y .Body .Left                      
		{text-align:left;}
   .Nav-y .Body .Right                     
		{}
   .Nav-y .Body .Content                   
		{margin: 0; padding:0; text-align:left;}
		
   .Nav-y ul { margin:0; padding:0; }
   .Nav-y li {list-style:none; margin:0; padding:0;}
	
		
    
	/* first group */
	  .Nav-y ul li a 				{padding:3px 5px;border-bottom:2px solid #404040;  font-size:90%; display:block;text-decoration: none !important}
  	  .Nav-y ul li a:hover 			{padding:3px 5px; background:#D9D9D9; text-decoration:none;  }
	  .Nav-y ul li a:active , .Nav-y ul li a:visited	{text-decoration:none !important ;font-weight:normal !important; color:#000;}
  /* Hack for ie6 */
/*\*/* html .Nav-y ul li a {padding:3px 5px;border-bottom:2px solid #404040;  font-size:90%; display:block; height:10px;}


		
	/*second group - selected and sub*/
  	  .Nav-y ul li.Selected	ul		{border-bottom:2px solid #404040; }
	  .Nav-y ul li.Selected a 		{  font-size:90%;background:#636466; color:#fff;border:none;}
  	  .Nav-y ul li.Selected a:hover {  text-decoration:none; color:#ccc; background:#636466; }
  	  .Nav-y ul li.Selected ul li a				{background:#F0F0F0 !important; border-top:1px solid #404040; color:#000; padding:3px 0 3px 15px;}
	  .Nav-y ul li.Selected ul li a:hover		{background:#D9D9D9 !important;padding:3px 0 3px 15px; color:#000; border-top:1px solid #404040;}
	  .Nav-y ul li.Selected li a				{background:#F0F0F0 !important; border-top:1px solid #404040; color:#000; padding:3px 0 3px 15px;}
	  .Nav-y ul li.Selected li a:hover		{background:#D9D9D9 !important;padding:3px 0 3px 15px; color:#000; border-top:1px solid #404040; }
	
	/*third group - parentselected, selected and sub*/
  	  .Nav-y ul li.ParentSelected ul { border-bottom:2px solid #404040; }
	  .Nav-y ul li.ParentSelected a 		{padding:3px 5px; display:block;  font-size:90%;  background:#F0F0F0; color:#000;border:none; font-weight:bold;}

  	  .Nav-y ul li.ParentSelected  a:hover{padding:3px 5px; display:block; text-decoration:none; background:#D9D9D9;}
	  .Nav-y ul li.ParentSelected ul li a				{background:#F0F0F0 !important; border-top:1px solid #404040; color:#000; padding:3px 0 3px 15px; font-weight:normal;}
	  .Nav-y ul li.ParentSelected ul li a:hover		{background:#D9D9D9 !important;padding:3px 0 3px 15px;color:#000; }
  	  
	  .Nav-y ul li.ParentSelected ul ul	{ border:none !important; }
	  .Nav-y ul li.ParentSelected ul ul li {font-weight:normal !important;  }	
  .Nav-y ul li.ParentSelected ul li.Selected a {background:#636466 !important; color:#fff;padding:3px 0 3px 15px; font-weight:normal;}
  	  .Nav-y ul li.ParentSelected ul li.Selected a:hover		{ color:#ccc; padding:3px 0 3px 15px;}
	  /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected a:hover {background:#636466 !important; color:#ccc; }

  
	  .Nav-y ul li.ParentSelected ul ul li a {padding:3px 0 3px 45px; background:#000; }
  	  .Nav-y ul li.ParentSelected ul ul li a:hover {padding:3px 0 3px 45px; background:#000; }

	  .Nav-y ul li.ParentSelected ul li.Selected li a {background:#F0F0F0 !important; color:#000; font-weight:normal; padding-left:25px }
  	  .Nav-y ul li.ParentSelected ul li.Selected li a:hover		{ background:#D9D9D9 !important; color:#000;padding-left:25px }


	/*fourth group - parentselected, selected and sub*/
  	  .Nav-y ul li.ParentSelected	ul ul { border-bottom:2px solid #404040;  }
	  .Nav-y ul li.ParentSelected  ul li.ParentSelected a 		{ padding:3px 0 3px 15px;  display:block;  font-size:90%;  background:#F0F0F0; color:#000;border-top:1px solid #404040; font-weight:bold;}
  	  .Nav-y ul li.ParentSelected  ul li.ParentSelected a:hover{ padding:3px 0 3px 15px;  display:block; text-decoration:none; background:#D9D9D9;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected ul li a				{background:#F0F0F0 !important; display:block; border-top:1px solid #404040; color:#000; padding:3px 0 3px 35px; font-weight:normal;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected  ul li a:hover		{background:#D9D9D9 !important;padding:3px 0 3px 35px;color:#000 !important; }
  	  
	  .Nav-y ul li.ParentSelected ul ul ul	{ border:none !important; }
	  .Nav-y ul li.ParentSelected ul li.ParentSelected ul ul li {font-weight:normal !important;}	
	  .Nav-y ul li.ParentSelected ul li.ParentSelected ul li.Selected a {background:#636466 !important; color:#fff;padding:3px 0 3px 25px; font-weight:normal;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected ul li.Selected a:hover		{ color:#ccc; padding:3px 0 3px 25px;}
	  
	  .Nav-y ul li.ParentSelected  ul ul ul li a {padding:3px 0 3px 35px; background:#000; }
  	  .Nav-y ul li.ParentSelected  ul ul ul li a:hover {padding:3px 0 3px 35px; background:#000; }
	  .Nav-y ul li.ParentSelected  ul ul ul li.Selected a {padding:3px 0 3px 35px; background:#000; }
  	  .Nav-y ul li.ParentSelected  ul ul ul li.Selected a:hover {padding:3px 0 3px 35px; background:#000; }

	  .Nav-y ul li.ParentSelected ul li.ParentSelected li a {background:#F0F0F0 !important; color:#000; font-weight:normal; display:block;padding:3px 0 3px 35px !important;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li a:hover		{ background:#D9D9D9 !important;display:block;padding:3px 0 3px 35px !important;color:#000; }

	 .Nav-y ul li.ParentSelected ul ul li.Selected a {padding:3px 0 3px 35px !important;}
  	  .Nav-y ul li.ParentSelected ul ul li.Selected a:hover		{ padding:3px 0 3px 35px !important;}

  	  .Nav-y ul li.ParentSelected ul ul ul	{ }
	
	
	/*coloured nav*/
	 
	 
	 /*Bronze*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Bronze a, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Bronze a  {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/bronze.gif) 25px 55% no-repeat !important; border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Bronze a:hover, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Bronze a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/bronze.gif) 25px 55% no-repeat !important; color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.BronzeSelected a {padding:3px 0 3px 40px !important;color:#000 ; font-weight:normal; display:block; background:#894120 !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.BronzeSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#894120 !important; color:#000;}
	 
	 
	  .Nav-y ul li.ParentSelected ul ul li.Bronze a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/bronze.gif) 25px 55% no-repeat !important; border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Bronze a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/bronze.gif) 25px 55% no-repeat !important;}
	  .Nav-y ul li.ParentSelected ul ul li.BronzeSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#894120 !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.BronzeSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#894120 !important; color:#000;}
	 
	 
	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Bronze a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Bronze a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Bronze a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Bronze a:hover	 { background-position:25px 6px !important;}

	 
		   /*Silver*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Silver a, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Silver a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/silver.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Silver a:hover, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Silver a:hover			{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/silver.gif) 25px 55% no-repeat !important;  color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.SilverSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#bbbcbd !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.SilverSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#bbbcbd !important; color:#000 !important;}
	  
	  .Nav-y ul li.ParentSelected ul ul li.Silver a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/silver.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Silver a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/silver.gif) 25px 55% no-repeat !important;}
      .Nav-y ul li.ParentSelected ul ul li.SilverSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#bbbcbd !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.SilverSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#bbbcbd !important; color:#000 !important;}
	  
  
	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Silver a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Silver a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Silver a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Silver a:hover	 { background-position:25px 6px !important;}

	 
	
	 /*Gold*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Gold a, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Gold a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/gold.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Gold a:hover, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Gold a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/gold.gif) 25px 55% no-repeat !important;  color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.GoldSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#d2ab5d !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.GoldSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#d2ab5d !important; color:#000 !important;}
	  
	  
	  .Nav-y ul li.ParentSelected ul ul li.Gold a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/gold.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Gold a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/gold.gif) 25px 55% no-repeat !important;}
	  .Nav-y ul li.ParentSelected ul ul li.GoldSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#d2ab5d !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.GoldSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#d2ab5d !important; color:#000 !important;}
	 
	
	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Gold a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Gold a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Gold a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Gold a:hover	 { background-position:25px 6px !important;}

	 
	 /*Pink*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Pink a, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Pink a  {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/pink.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Pink a:hover, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Pink a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/pink.gif) 25px 55% no-repeat !important;  color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.PinkSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#e2004f !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.PinkSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#e2004f !important; color:#000 !important;}
	  
	  .Nav-y ul li.ParentSelected ul ul li.Pink a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/pink.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Pink a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/pink.gif) 25px 55% no-repeat !important;}
	  .Nav-y ul li.ParentSelected ul ul li.PinkSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#e2004f !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.PinkSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#e2004f !important; color:#000 !important;}
	  
	
	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Pink a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Pink a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Pink a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Pink a:hover	 { background-position:25px 6px !important;}

	 
	 /*Yellow*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Yellow a, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Yellow a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/yellow.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Yellow a:hover, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Yellow a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/yellow.gif) 25px 55% no-repeat !important;  color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.YellowSelected a {padding:3px 0 3px 40px !important; font-weight:normal; display:block; background:#fbc200 !important; border-top:1px solid #404040; color:#fff!important;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.YellowSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#fbc200 !important; color:#fff;}
	  
	  .Nav-y ul li.ParentSelected ul ul li.Yellow a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/yellow.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Yellow a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/yellow.gif) 25px 55% no-repeat !important;}
	  .Nav-y ul li.ParentSelected ul ul li.YellowSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#fbc200 !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.YellowSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#fbc200 !important; color:#000 !important;}


	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Yellow a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Yellow a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Yellow a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Yellow a:hover	 { background-position:25px 6px !important;}

	 
	 /*Blue*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Blue a,  .Nav-y ul li.ParentSelected ul li.ParentSelected li.Blue a  {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/blue.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Blue a:hover, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Blue a:hover			{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/blue.gif) 25px 55% no-repeat !important;  color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.BlueSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#009ddf !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.BlueSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#009ddf !important; color:#000;}
	  
	  .Nav-y ul li.ParentSelected ul ul li.Blue a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/blue.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Blue a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/blue.gif) 25px 55% no-repeat !important;}
	  .Nav-y ul li.ParentSelected ul ul li.BlueSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#009ddf !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.BlueSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#009ddf !important; color:#000 !important;}

	
	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Blue a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Blue a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Blue a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Blue a:hover	 { background-position:25px 6px !important;}

	 
	 /*Olive*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Olive a, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Olive a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/olive.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Olive a:hover, .Nav-y ul li.ParentSelected ul li.ParentSelected li.Olive a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/olive.gif) 25px 55% no-repeat !important;  color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.OliveSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#96bd0d !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.OliveSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#96bd0d !important; color:#000;}
	 
	  .Nav-y ul li.ParentSelected ul ul li.Olive a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/olive.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Olive a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#D9D9D9 url(images/template/nav/lhs/olive.gif) 25px 55%no-repeat !important;}
	  .Nav-y ul li.ParentSelected ul ul li.OliveSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#96bd0d !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.OliveSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#96bd0d !important; color:#000;}

	
	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Olive a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Olive a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Olive a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Olive a:hover	 { background-position:25px 6px !important;}

	 
	 /*Purple*/
	 
	  .Nav-y ul li.ParentSelected ul li.Selected li.Purple a,  .Nav-y ul li.ParentSelected ul li.ParentSelected li.Purple a  {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/purple.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul li.Selected li.Purple a:hover, Nav-y ul li.ParentSelected ul li.ParentSelected li.Purple a:hover		{padding:3px 0 3px 40px !important; display:block;background:#D9D9D9 url(images/template/nav/lhs/purple.gif) 25px 55% no-repeat !important;  color:#000 !important;}
	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.PurpleSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#4a2581 !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul li.ParentSelected li.PurpleSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#4a2581 !important; color:#000;}
	  
	  .Nav-y ul li.ParentSelected ul ul li.Purple a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block;background:#F0F0F0 url(images/template/nav/lhs/purple.gif) 25px 55% no-repeat !important;border-top:1px solid #404040;}
  	  .Nav-y ul li.ParentSelected ul ul li.Purple a:hover		{padding:3px 0 3px 40px !important; display:block;background:#D9D9D9 url(images/template/nav/lhs/purple.gif) 25px 55% no-repeat !important;}
	  .Nav-y ul li.ParentSelected ul ul li.PurpleSelected a {padding:3px 0 3px 40px !important;color:#000; font-weight:normal; display:block; background:#4a2581 !important; border-top:1px solid #404040; color:#fff;}
  	  .Nav-y ul li.ParentSelected ul ul li.PurpleSelected a:hover		{ padding:3px 0 3px 40px !important;display:block;background:#4a2581 !important; color:#000;}


	 /* Hack for ie6 */
/*\*/* html .Nav-y ul li.ParentSelected ul li.Selected li.Purple a, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Purple a, * html .Nav-y ul li.ParentSelected ul li.Selected li.Purple a:hover, * html .Nav-y ul li.ParentSelected ul li.ParentSelected li.Purple a:hover	 { background-position:25px 6px !important;}

	 
		
   .LeftPane .form	{padding:2px 0 0 0; margin:0; height:20px; }
   .LeftPane.Search {width:100%;}
   .LeftPane label {display:none;}
   
   
.LeftPane input.Text {width:99px !important ; margin:12px 1px 3px 3px; border:1px solid #ccc;}
.LeftPane input.Button {margin:10px 0 3px 0; width:26px; height:19px; padding:2px 0 0 0;}
		

    /* footer */
   .Nav-y .Footer                          
		{}
   .Nav-y .Footer .Left                    
		{}
   .Nav-y.Footer .Right                   
		{}

/* End  */




/* Search */
    .Search              
		{}
    .Left                
		{}
    .Right               
		{}
    .Body                
		{}
    .Form                
		{padding: 0px; margin: 0px;}
    .Form label             
		{float: left; padding: 3px 6px 0px 0px; font-weight: bold;}
    .Form input.Text     
		{width: 120px; font-size:11px;font-family: Arial, Sans-Serif, Helvetica;  float: left}
    .Form .Button   	
		{padding-top: 3px; padding: 0px; display: block; float: left; cursor: pointer}
    .Form .Option 		
		{display:none}
    .Form .Option input 
		{clear:both;display:block;float:left;width:13px;height:13px;margin-right:10px;}
		
/* End  */



/* FocusOn Box */
.Box-FocusOn 					{width:288px;  background: #d9d9d9 ; clear:both; margin:0 0 6px 0; }
/* Hack for ie6 */
/*\*/* html .Box-FocusOn  {width:288px;  background: #d9d9d9 ; clear:both; margin:0 0 6px 1px;}


     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-FocusOn .Banner
				{background: #7e909a;  padding: 0px; display: block}
            /* Used for rounded corners and to hold a <span> with the title in it. */
            .Box-FocusOn .Banner .Left
				{text-align:left;  width: 100%;}
            /* <span> in the above style to show Control title/ page title */
            .Box-FocusOn .Banner .Title
				{ color: #FFF;  text-align:left; display:block; width: 97%; padding:3px 6px 5px 6px; font-size:90%;}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
	
			
			
            .Box-FocusOn .Banner .Right
				{}
        /* End  */

        /* User Control Footer areas */
            .Box-FocusOn .Footer 
				{background:#dedede !important ; clear:both; }
            .Box-FocusOn .Footer .Left
				{  }
            .Box-FocusOn .Footer .Right
				{ }
            .Box-FocusOn .Footer .Left a
				 { color:#000; font-size:90%; text-decoration:underline; padding:5px 5px 8px 5px; font-weight:bold; display:block;}
            .Box-FocusOn .Footer .Left a:hover
				{ text-decoration:none;}				 
	    /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            .Box-FocusOn .Body
				{font-size:0.9em; line-height:1.4em;}
            /* Used to show left edge repeating background image */
            .Box-FocusOn .Body .Left
				{background:#dedede;  }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-FocusOn .Body .Content
				{height: auto; margin: 0px 4px 0px 4px; text-align:left; display:inline; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn .Body .Content .Text
				{/*float:left; */ padding:5px ;}
				/* Hack for ie6 */
/*\*/* html .Box-FocusOn .Body .Content .Text 				
	{ padding:5px; width:278px}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn .Body .Content a 
				{float:left; display: block;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn .Body .Content img
				{}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn .Body .Content label
				{display:block; font-weight:bold; width: 100%; clear: both}				
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn .Body .Right
				{background: #DEDEDE}
				
			.Box-FocusOn .CommandBtn {padding: 2px 16px 2px 6px; margin:3px 0 0 0;  color: #fff; font-weight: bold; text-decoration:none;}
 			.Box-FocusOn .CommandBtn:hover {text-decoration:underline;}
        /* End  */
/* End  */







/* News Box */
    .Box-News 
					{width:395px;  background: #d9d9d9 ; clear:both;margin:0 0 6px 0; }
   /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-News .Banner
				{background: #7e909a; padding: 0px; display: block}
            .Box-News .Banner .Left
				{text-align:left;  width: 100%;}
            /* <span> in the above style to show Control title/ page title */
            .Box-News .Banner .Title
				{ color: #FFF;  text-align:left; display:block; width: 97%; padding:3px 6px 5px 6px; text-transform:uppercase}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
            .Box-News .Banner .Right
				{display:none}
        /* End  */

        /* User Control Footer areas */
            .Box-News .Footer 
				{}
            .Box-News .Footer .Left
				{ }
            .Box-News .Footer .Right
				{}
				
        /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            .Box-News .Body
				{font-size:100%; line-height:1.4em;}
            /* Used to show left edge repeating background image */
            .Box-News .Body .Left
				{background:#d9d9d9 !important ;  }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-News .Body .Content
				{height: auto; margin: 0px 4px 0px 4px; text-align:left; display:inline; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-News .Body .Content a 
				{text-align:right; color: #0d558c;text-decoration: underline}
			.Box-News .Body .Content a:hover
				{text-decoration:none;} 
            .Box-News .Body .Content dl 
				{width: 100%; }
            .Box-News .Body .Content dl dt 
				{display:block; width: 90%; }
            .Box-News .Body .Content dl dt a
				{ display:inline;}
            .Box-News .Body .Content dl dd 
				{display:block; border-bottom: 1px solid #CCC;   margin-bottom: 3px; padding: 2px}
            .Box-News .Body .Content .Text
				{/*float:left;*/}
            .Box-News .Body .Content .morelink
                {font-weight: bold; padding: 5px 2px; background:#D9D9D9; text-align:right }
            .Box-News .Body .Content .morelink a
				{color:#000; text-decoration:underline; padding:0 0 0 3px;}
            .Box-News .Body .Content .morelink a:hover
				{text-decoration:none;}
				
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/

            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-News .Body .Content img
				{}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-News .Body .Right
				{}
        /* End  */
/* End  */


/* Events Box */
    .Box-Events 
		{width:398px;  background:#d9d9d9 !important ; clear:both;margin:0 0 6px 0; }
     /* Banner area (usually says 'focus on' in there in regular CMS */
	     .Box-Events H3 {margin:0; padding:0;}
            .Box-Events .Banner
				{background: #7e909a; height: 30px; padding: 0px; display: block}
            /* Used for rounded corners and to hold a <span> with the title in it. */
            .Box-Events .Banner .Left
				{text-align:left;  width: 100%;}
            /* <span> in the above style to show Control title/ page title */
            .Box-Events .Banner .Title
				{ color: #FFF; text-align:left; display:block; width: 97%; padding:3px 6px 5px 6px;font-size:90%; }
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
            .Box-Events .Banner .Right
				{display:none}
			/* */
			.Box-Events .Banner .Header
				{margin: 5px 4px 0px 4px; padding: 6px; text-align:left; display:block;  width: 398px;}
        /* End  */

        /* User Control Footer areas */
            .Box-Events .Footer 
				{clear:both;}
            .Box-Events .Footer .Left
				{}
            .Box-Events .Footer .Right
				{}
        /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            .Box-Events .Body
				{font-size:0.9em; line-height:1.4em; background: #FFF;}
            /* Used to show left edge repeating background image */
            .Box-Events .Body .Left
				{background:#d9d9d9 !important ; }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-Events .Body .Content
				{height: auto; margin: 0px 7px 0px 5px; text-align:left; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Events .Body .Content .Text
				{/*padding: 10px;*/}
            
            .Box-Events .Body .Content a 
				{text-align:right; color: #0d558c; text-decoration: underline; }
			.Box-Events .Body .Content a:hover
				{text-decoration:none;} 
            .Box-Events .Body .Content dl
				{width: 250px;}
            .Box-Events .Body .Content dl dt 
				{display:block; width: 90%; }
            .Box-Events .Body .Content dl dd 
				{display:block; border-bottom: 1px solid #CCC; width: 253px; margin-bottom: 3px; padding: 2px}
            .Box-Events .Body .Content dl dt img
				{margin-right: 3px;}
            .Box-Events .Body .Content ul 
				{margin: 0px;padding: 0;}
            .Box-Events .Body .Content ul li 
				{list-style: none;}
            .Box-Events .Body .Content ul li a
				{ display:inline;}

            .Box-Events .Body .Content .Text
				{}
            .Box-Events .Body .Content .morelink
                {font-weight: bold; padding: 5px 2px; background:#D9D9D9; }
            .Box-Events .Body .Content .morelink a
				{color:#000; text-decoration:underline;}
			.Box-Events .Body .Content .morelink a:hover
				{text-decoration:none;}
	
				
            
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Events .Body .Content a 
				{}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Events .Body .Content img
				{}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Events .Body .Right
				{ }
        /* End  */
/* End  */

/* Generic Box */
    .Box-Generic 
		{width:398px;  background: #d9d9d9 ; clear:both; margin:0 0 6px 0;}
		          /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-Generic .Banner
               {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; color: #de801b}
            /* Used for rounded corners and to hold a <span> with the title in it. */
            .Box-Generic .Banner .Left
                {/*background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto;*/ }
            /* <span> in the above style to show Control title/ page title */
            .Box-Generic .Banner .Title
				{font-weight:bold; display:block; padding:3px 6px 5px 6px; color:#de801b;font-size:90%;}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
            .Box-Generic .Banner .Right
				{/*text-align:left; float:right; width:2px; display:none*/}
			/* */
			.Box-Generic .Banner .Header
				{margin: 5px 4px 0px 4px; padding: 6px; float:left; text-align:left; display:block; background: #FFF; width: 398px;}
        /* End  */

	       
	    /* User Control Footer areas */
            .Box-Generic .Footer 
                {clear:both;}
            .Box-Generic .Footer .Left
                {/*background:transparent url(images/appfooter_left.gif) no-repeat top left;*/ text-align:center; float:left; font-weight: bold; width:100%; }
            .Box-Generic .Footer .Right
                {/*background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;*/}
            .Box-Generic .Footer .Left a
				 {/*color:#fff; display:block; width:auto;*/ text-align:left; font-size:90%; width:auto; display:block; background:#fff; padding:0 6px 6px 6px; margin:0 3px 3px 3px; color:#0d55a0; text-decoration:underline;}
            .Box-Generic .Footer .Left a:hover
				{text-decoration:none;}		
	
	    /* End  */
  
	  
	  
	    /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            .Box-Generic .Body
				{font-size:0.9em; line-height:1.4em; text-align: center; float:left; background: #fff; border-right:3px solid #e6e6e6; border-left:3px solid #e6e6e6;}
            /* Used to show left edge repeating background image */
            .Box-Generic .Body .Left
				{/*background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left; height:auto;*/}
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-Generic .Body .Content
				{height: auto; margin: 0px 4px 0px 4px; float:left; text-align:left; display:inline; background: #FFF;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Generic .Body .Content .Text
				{/*padding: 10px;*/}
            
            .Box-Generic .Body .Content a 
				{text-align:right; color: #92ac48; text-decoration: underline}
            .Box-Generic .Body .Content dl
				{width: 100%;}
            .Box-Generic .Body .Content dl dt 
				{display:block; width: 90%; }
            .Box-Generic .Body .Content dl dd 
				{display:block; border-bottom: 1px solid #CCC; width: 100%; clear: left; margin-bottom: 3px; padding: 2px}
            .Box-Generic .Body .Content dl dt img
				{float: left; margin-right: 3px;}
            .Box-Generic .Body .Content ul 
				{margin: 0px;padding: 0;}
            .Box-Generic .Body .Content ul li 
				{list-style: none;}
            .Box-Generic .Body .Content ul li a
				{float:left; display:inline;}
            .Box-Generic .Body .Content .Text
				{}
            
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Generic .Body .Content a 
				{}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Generic .Body .Content img
				{}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Generic .Body .Right
				{background:transparent url(images/appbody_right.gif) repeat-y top right;  float:right;}
        /* End  */

/* Email Broadcaster Box */
     /* Banner area (usually says 'focus on' in there in regular CMS */
         /*   .Box-Email .Banner
				{background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; }
            /* Used for rounded corners and to hold a <span> with the title in it. */
            /*   .Box-Email .Banner .Left
				{background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; }
            /* <span> in the above style to show Control title/ page title */
            /*   .Box-Email .Banner .Title
				{padding-left: 10px; font-weight:bold; line-height:32px; float:left; }
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
          /*     .Box-Email .Banner .Right
		  /* 		{background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px; }
        /* End  */

        /* User Control Footer areas */
          /*     .Box-Email .Footer 
				{background:transparent url(images/appfooter_bg.gif) repeat-x;  float:left; height: 13px; font-size: 11px;width:100%; }
            .Box-Email .Footer .Left
				{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;}
            .Box-Email .Footer .Right
				{background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;}
        /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            /*   .Box-Email .Body
				{font-size:0.9em; line-height:1.4em;}
            /* Used to show left edge repeating background image */
          /*     .Box-Email .Body .Left
				{background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left;   height:auto; }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
          /*    .Box-Email .Body .Content
				{border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding:10px; float:left; text-align:left; display:inline;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
          /*     .Box-Email .Body .Content .Text
				{float:left; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
          /*     .Box-Email .Body .Content a 
				{float:left;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
          /*     .Box-Email .Body .Content img
				{}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
         /*      .Box-Email .Body .Right
				{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right;}
				
        /* End  */
/* End  */


/* QuickSection Box */
    /*   .Box-QuickSection 
        {width:200px;}
     /* Banner area (usually says 'focus on' in there in regular CMS */
           /*    .Box-QuickSection .Banner
                {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; height: 35px; }
            /* Used for rounded corners and to hold a <span> with the title in it. */
          /*     .Box-QuickSection .Banner .Left
                {background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto; }
            /* <span> in the above style to show Control title/ page title */
          /*     .Box-QuickSection .Banner .Title
                {padding-left: 10px; font-weight:bold; line-height:32px; float:left; }
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
          /*    .Box-QuickSection .Banner .Right
                {float:right;height:35px; width:36px;padding:5px 0 0 5px;text-align:left; background:transparent url(images/appbanner_chamright.gif) no-repeat top right; cursor:pointer }
        /* End  */

        /* User Control Footer areas */
       /*        .Box-QuickSection .Footer 
                {float:left; height:13px; width:100%; font-size:11px; background:transparent url(images/appfooter_bg.gif) repeat-x;}
            .Box-QuickSection .Footer .Left
                {float:left; width:6px; height: 13px; background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; }
            .Box-QuickSection .Footer .Right
                {float:right;height:13px;width:6px; background:transparent url(images/appfooter_right.gif) no-repeat top right;text-align:left;}
        /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
        /*       .Box-QuickSection .Body
                {font-size:0.9em; line-height:1.4em;}
            /* Used to show left edge repeating background image */
         /*      .Box-QuickSection .Body .Left
                {background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left;   height:auto; }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
          /*     .Box-QuickSection .Body .Content
                {border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding:10px; float:left; text-align:left; display:inline;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
           /*    .Box-QuickSection .Body .Content a 
                {display:block;clear:left;text-align:right;}
            .Box-QuickSection .Body .Content dl 
                {margin: 0px;padding: 0;}
            .Box-QuickSection .Body .Content dl dt 
                {list-style: none;}
            .Box-QuickSection .Body .Content dl dt a
                {float:left; display:inline;}
            .Box-QuickSection .Body .Content dl dd 
                {}
            .Box-QuickSection .Body .Content .Text
                {float:left; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/

            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
        /*       .Box-QuickSection .Body .Content img
                {}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
        /*       .Box-QuickSection .Body .Right
                {background:transparent url(images/appbody_right.gif) repeat-y top right;  float:right; }
        /* End  */
/* End  */

/* Events Box */
  
 .Box-CrossPromo 
        {width:288px;  background: #909090; margin: 0 0 6px 0;}
		
		
		/* Hack for ie6 */
/*\*/* html .Box-CrossPromo  {width:288px;  background: #d9d9d9 ; clear:both; margin:0 0 3px 1px;}

     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-CrossPromo .Banner
               {background: #7e909a;padding: 0px; display: block}
            /* Used for rounded corners and to hold a <span> with the title in it. */
            .Box-CrossPromo .Banner .Left
                {/*background:transparent url(images/appbanner_chamleft.gif) no-repeat top left; height:35px; text-align:left; float:left; width:auto;*/ }
            /* <span> in the above style to show Control title/ page title */
            .Box-CrossPromo .Banner .Title
				{display:block; padding:3px 6px 5px 6px; color:#fff;font-size:90%; }
	            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
            .Box-CrossPromo .Banner .Right
                {/*background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px;*/ }
        /* End  */

        /* User Control Footer areas */
            .Box-CrossPromo .Footer 
                {clear:both;}
            .Box-CrossPromo .Footer .Left
                {/*background:transparent url(images/appfooter_left.gif) no-repeat top left;*/ }
            .Box-CrossPromo .Footer .Right
                {/*background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;*/}
     		.Box-CrossPromo .Footer .Left a
				 {/*color:#fff; display:block; width:auto;*/ }
	
	    /* End  */

        /* User Control Body/content areas. This is the part that holds the dynamic contents. */
            .Box-CrossPromo .Body
				{font-size:0.9em; line-height:1.4em; text-align: center; float:left; }
            /* Used to show left edge repeating background image */
            .Box-CrossPromo .Body .Left
                {/*background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left;   height:auto;*/ }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-CrossPromo .Body .Content
				{ text-align:left; padding:5px;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-CrossPromo .Body .Content .Text
				{/*float:left; font-weight: bold*/ }
            
            .Box-CrossPromo .Body .Content .divQuoteBlock 
                {font-style: italic;}
            .Box-CrossPromo .Body .Content a 
				{float:left; display: block;}
            .Box-CrossPromo .Body .Content ul 
                {margin: 0px;padding: 0;}
            .Box-CrossPromo .Body .Content ul li 
                {list-style: none;}
            .Box-CrossPromo .Body .Content ul li a
                {float:left; display:inline;}
            .Box-CrossPromo .Body .Content .Text
                {float:left; }
            
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-CrossPromo .Body .Content a 
                {color:#000; text-decoration:underline;}
				            .Box-CrossPromo .Body .Content a:hover
							{text-decoration:none;} 
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-CrossPromo .Body .Content img
                {}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-CrossPromo .Body .Right
				{background: #DEDEDE}
        /* End  */

/* PlacestoVisit Box */

    .Box-PlacesToVisit
        {width:288px;  background: #dedede; margin: 0 0 6px 0; clear:both;}
		
				/* Hack for ie6 */
/*\*/* html .Box-PlacesToVisit  {width:288px;  background: #d9d9d9 ; clear:both; margin:0 0 3px 1px;}

    /* User Control Banner areas (usually says 'focus on' in there in regular CMS */
        .Box-PlacesToVisit .Banner
               {background: #7e909a;  padding: 0px; display: block}
        /* Used for rounded corners and to hold a <span> with the title in it. */
        .Box-PlacesToVisit .Banner .Left
            {}
        /* <span> in the above style to show Control title/ page title */
        .Box-PlacesToVisit .Banner .Title
				{display:block; padding:3px 6px 5px 6px; color:#fff;font-size:90%;}
        /* Used for rounded corners. Can be set to display:none if not required in the layout. */
        .Box-PlacesToVisit .Banner .Right
            {}
    /* End  */

    /* User Control Footer areas */
        .Box-PlacesToVisit .Footer 
            {clear:both;}
        .Box-PlacesToVisit .Footer .Left
           { }
        .Box-PlacesToVisit  .Footer .Right
                {}
     	.Box-PlacesToVisit  .Footer .Left a
				 {}
        	.Box-PlacesToVisit  .Footer .Left a:hover
			{}

   
    /* End  */

    /* User Control Body/content areas. This is the part that holds the dynamic contents. */
        .Box-PlacesToVisit .Body
				{line-height:1.4em; text-align: center; float:left; font-size:90%; }
        /* Used to show left edge repeating background image */
        .Box-PlacesToVisit .Body .Left
                {/*background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; float:left;   height:auto;*/ }
        /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
        .Box-PlacesToVisit .Body .Content
                { text-align:left;}
        .Box-PlacesToVisit .Body .Content .Text
				{ padding:5px;}
        .Box-PlacesToVisit .Body ul 
            {list-style:none; padding:0px ; margin:0px;}
        .Box-PlacesToVisit .Body ul li
            {list-style:none; padding:5px}
        /* Nested inside the left div- for expandable widths (ie sliding doors)*/
        .Box-PlacesToVisit .Body .Right
            {}
		.Box-PlacesToVisit .Body ul li a
			{text-decoration:underline;color:#000;}
		.Box-PlacesToVisit .Body ul li a:hover
					{text-decoration:none;}
       /* End  */




    /* Clearing divs to force areas to fill the available space */
    .expandy 
        {clear:both;width:1px;overflow:hidden;height:100%;}
    .expandx 
        {float:right;height:1px;overflow:hidden;width:100%;}
    
    /* Comments Webpart */
    .Comment
        {padding:5px 0px 0px 5px;  margin: 4px 0px 4px 0px;}
    .Comment .Name
        {padding:2px 0px 5px 0px; font-weight:bold; font-size:90%}
    .Comment .Name .Date
        {font-size:80%; font-weight:normal}
    .Comment .Details
        {padding:0px 0px 5px 10px;}
    .CommentForm
        {background: #d9d9d9; color: #000; margin:0 0 5px 0;}
    .CommentForm Label
        {}
    .CommentRating
        {margin: 20px;}
    
    /* Social Bookmarking */
    .Socialbookmarks
        {clear: left; padding: 4px}
    .Socialbookmarks a
        {font-weight: bold; color: #000; text-decoration:underline;} 
        .Socialbookmarks a:hover
		{text-decoration:none;}
    /* Rating in Comment part */
    .ratingStar 
        {font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;} 
    .filledRatingStar 
        {background-image: url(Images/FilledStar.png);}  
    .emptyRatingStar 
        {background-image: url(Images/EmptyStar.png);}
    .savedRatingStar 
        {background-image: url(Images/SavedStar.png);}
    /* End  */
    
/* AdRotator Box */

.Box-AdRotator { height: 0px; position: relative; top: 0px; left: 0px; z-index: 1500; float: left; }

.Box-AdRotator .Inner .Header{background: #FFF url(Images/advetisment_graphic.gif) no-repeat center center; width:104px;height:24px;}

.Box-AdRotator .Inner { position: relative; left: 295px; top: 0px; width: 0px; height: 0px; padding-bottom: 20px; }

/*\*/
* html .Box-AdRotator { height: 0px; position: relative; top: 0px; left: 120px; z-index: 1500; float: left; }
* html .Box-AdRotator .Inner { position: absolute; top: 0px; left: 180px; width: 0px; height: 0px; }
/**/

/* End  */

/* Activity finder box 
.Box-ActivityFinder {font-size:1.1em; width: 288px; clear: both; font-size: 80%; overflow: hidden; margin: 1px 0 6px 0; background-color: #6E6F64; color: #fff; padding:0 0 5px 0; }
.Box-ActivityFinder .Banner { width: 100%; display: block; overflow: hidden; background-color: #3D4242; margin: 0;padding:3px 6px 5px 6px }

.Box-ActivityFinder { background-color: #882581 !important; width: 288px; clear: both;  color: #fff; font-size:80%; padding:0 0 5px 0; margin: 1px 0 6px 0;}
.Box-ActivityFinder .Banner { background-color: #4a2581; padding:3px 6px 5px 6px;text-transform:uppercase }
.Box-ActivityFinder .Body {font-size:1.1em;  padding:3px 6px 5px 6px }
.Box-ActivityFinder .Body .Btn { padding:3px 6px 5px 6px;background:#8a1419; display:block;float:left;width:50px; height:12px; color:#fff; font-weight:bold; border:1px solid #fff; font-size:90%; margin:5px 0 0 0;}
.Box-ActivityFinder .Body .Btn:hover {border:1px solid #000;}*/


.Box-ActivityFinder{width: 288px; clear: both;  background-color: #882581 !important; color: #fff; font-size:80%; 
padding:0 0 5px 0; margin: 1px 0 6px 0; }
.Box-ActivityFinder .Banner { background-color:  #4a2581;;padding:3px 6px 5px 6px;text-transform:uppercase }
.Box-ActivityFinder .Body {font-size:1.2em; padding:3px 6px 5px 6px; min-height:70px  }
.Box-ActivityFinder .Body .Btn { padding:3px 6px 5px 6px;background:#4a2581; display:block;float:left;width:50px; height:12px; color:#fff; font-weight:bold; border:1px solid #fff; font-size:90%; margin:5px 0 0 0;}
.Box-ActivityFinder .Body .Btn:hover {border:1px solid #000;}


.Box-ActivityFinder-Serv {width: 288px; clear: both;  background-color: #A91B22 !important; color: #fff; font-size:80%; 
padding:0 0 5px 0; margin: 1px 0 6px 0; }
.Box-ActivityFinder-Serv .Banner { background-color: #E80649;padding:3px 6px 5px 6px;text-transform:uppercase }
.Box-ActivityFinder-Serv .Body {font-size:1.2em; padding:3px 6px 5px 6px; min-height:70px  }
.Box-ActivityFinder-Serv .Body .Btn { padding:3px 6px 5px 6px;background:#E80649; display:block;float:left;width:50px; height:12px; color:#fff; font-weight:bold; border:1px solid #fff; font-size:90%; margin:5px 0 0 0;}
.Box-ActivityFinder-Serv .Body .Btn:hover {border:1px solid #000;}

.Box-ActivityFinder-Skill {background-color: #08059f !important;width: 288px; clear: both;  color: #fff; font-size:80%; padding:0 0 5px 0; margin: 1px 0 6px 0;}
.Box-ActivityFinder-Skill .Banner {   background: #0082D1;  padding:3px 6px 5px 6px;text-transform:uppercase}
.Box-ActivityFinder-Skill .Body {font-size:1.2em; padding:3px 6px 5px 6px; min-height:70px  }
.Box-ActivityFinder-Skill .Body .Btn {padding:3px 6px 5px 6px;background:#0082D1; display:block;float:left;width:50px; height:12px;color:#fff; font-weight:bold; border:1px solid #fff; font-size:90%; margin:5px 0 0 0;}
.Box-ActivityFinder-Skill .Body .Btn:hover {border:1px solid #000;}

.Box-ActivityFinder-Phys {width: 288px; clear: both; background-color: #d76f2b !important; color: #fff; font-size:80%;padding:0 0 5px 0; margin: 1px 0 6px 0; }
.Box-ActivityFinder-Phys .Banner { background: #FFC726; padding:3px 6px 5px 6px;text-transform:uppercase; color:#fff}
.Box-ActivityFinder-Phys .Body {font-size:1.2em; padding:3px 6px 5px 6px; min-height:70px }
.Box-ActivityFinder-Phys .Body .Btn { padding:3px 6px 5px 6px;background:#FFC726; display:block;float:left;width:50px; height:12px; color:#fff; font-weight:bold; border:1px solid #fff; font-size:90%; margin:5px 0 0 0;}
.Box-ActivityFinder-Phys .Body .Btn:hover {border:1px solid #fff;}

.Box-ActivityFinder-Exp {width: 288px; clear: both;  background-color: #005d0d !important; color: #fff; font-size:80%;padding:0 0 5px 0;margin: 1px 0 6px 0; }
.Box-ActivityFinder-Exp .Banner { background: #76B900;  padding:3px 6px 5px 6px;text-transform:uppercase}
.Box-ActivityFinder-Exp .Body {font-size:1.2em; padding:3px 6px 5px 6px; min-height:70px  }
.Box-ActivityFinder-Exp .Body .Btn { padding:3px 6px 5px 6px;background:#76B900; display:block;float:left;width:50px; height:12px;color:#fff; font-weight:bold; border:1px solid #fff; font-size:90%; margin:5px 0 0 0; text-align:center}
.Box-ActivityFinder-Exp .Body .Btn:hover {border:1px solid #000;}

.Box-ActivityFinder select, .Box-ActivityFinder-Serv select, .Box-ActivityFinder-Exp select, .Box-ActivityFinder-Phys select, .Box-ActivityFinder-Skill select  {margin:5px 2px 0 0; font-size:110%;}


/* Hack for ie6 */
/**/* html .Box-ActivityFinder, * html .Box-ActivityFinder-Serv, * html .Box-ActivityFinder-Skill, * html .Box-ActivityFinder-Phys, * html .Box-ActivityFinder-Exp  {width:288px;  background: #d9d9d9 ; clear:both; margin:0 0 6px 0;}