/* Horizontal (main) Navigation styles */
   	.Nav-x                                  
		{list-style: none; padding: 0;margin:0 auto; height:30px; width: 100%; background: transparent url(images/template/nav/mainnav/nav_bac.gif)  no-repeat top; display: none; float: left}
  	 .Nav-x H2                               
		{display:none;}
   	.Nav-x .Links                           
		{list-style: none; margin: 0 auto;  vertical-align: top; padding: 0px; background: transparent url(images/template/nav/mainnav/nav_bac.gif)  no-repeat top; text-align:center; width: 100%}
   	.Nav-x .Links .Separator                
		{display:none; visibility: hidden;}
   	.Nav-x .Links .Link                     
		{background: transparent url(images/template/nav/mainnav/main_nav_background.gif) no-repeat  top right; text-align:center;}
   	.Nav-x .Links .Link .Left               
		{height: 25px; font-size:11px; background: transparent url(images/template/nav/mainnav/main_nav_background.gif) no-repeat top right; float: left; display: block;}
   	.Nav-x .Links .Link a                   
		{background: transparent url(images/template/nav/mainnav/main_nav_background.gif) no-repeat  top right; height: 21px; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#FFF; padding:4px 10px 0 10px;}
   	.Nav-x .Links .Link a:active 			
		{background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000;}
	.Nav-x .Links .Link a:hover             
		{background: transparent url(images/template/nav/mainnav/main_nav_background_over.gif) no-repeat  top right; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#FFF; text-decoration:underline; }
   	.Nav-x .Links .LinkSelected             
		{background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000; }
  	.Nav-x .Links .LinkSelected .Left       
		{height: 25px; font-size:11px; float: left; display: block;}
  	.Nav-x .Links .LinkSelected .Left a           
		{height: 21px; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000; padding:4px 10px 0 10px; border-right: 1px solid #FFF;}
	.Nav-x .Links .LinkSelected .Left a:active    
		{background: #FFF; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000; border-right: 1px solid #FFF;}
		
/* End  */


    .LeftPane .Nav-y
        {float:left; width: 165px;  background-color:#c2ced7 }
    /* header */
    .LeftPane .Nav-y .Header                          
		{display: none;}
    .LeftPane .Nav-y .Header .Left                    
		{height:35px; text-align:left; float:left; width: 165px; }
    .LeftPane .Nav-y .Header .Title                   
		{padding-left: 10px; font-weight:bold; line-height:32px; float:left; width: 165px;}
    .LeftPane .Nav-y .Header .Right                   
		{height:35px;text-align:left; float:right; width:6px;width: 165px;}
    
	/* game body */
	.LeftPane .Nav-y .Game .Body  
	    {display:inherit}
    .LeftPane .Nav-y .Game .Body .Left                      
		{background:#dadec5; text-align:left;}
    .LeftPane .Nav-y .Game .Body .Right                     
		{background:#dadec5;}
    .LeftPane .Nav-y .Game .Body .Content                   
		{margin: 0px; padding:0 0 8px 0; text-align:left; background:url(images/template/nav/lhs/lhs_nav_content_bot.gif) repeat-x bottom}
    
	/* first group */
    .LeftPane .Nav-y .Game .Body ul                         
		{margin: 0;padding: 0;list-style: none; list-style:disc; padding-bottom: 2px;width: 100%}
    .LeftPane .Nav-y .Game .Body li                         
		{background:#dadec5; color: #FFF;margin: 0;padding: 0;font: 1em Verdana, Arial, sans-serif; list-style:disc; 	border-top: 1px solid #FFFFFF;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
    .LeftPane .Nav-y .Game .Body ul li a                    
		{color: #000000; font: normal 0.9em Verdana, Arial, sans-serif; text-decoration: none; display: block; padding:5px 5px 5px 10px; border-top: 1px solid #dadec5;	border-bottom: 1px solid #dadec5;}
    .LeftPane .Nav-y .Game .Body ul li a:hover              
		{color: #000000; text-decoration: underline; background-color: #ecefdf;}
    .LeftPane .Nav-y .Game .Body ul li.Selected  
    	{background:#999933; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}   
    .LeftPane .Nav-y .Game .Body ul li.Selected a           
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding:5px 0px 5px 12px !important;text-decoration: none; display: block; border-top: 1px solid #999933; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #009bb1; padding-left: 2px;}
    .LeftPane .Nav-y .Game .Body ul li.Selected a:hover     
		{background:#999933;color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}
		
    /* second group */
   .LeftPane .Nav-y .Game .Body ul ul                      
		{background: #dadec5;margin: 0;padding: 0;}
   .LeftPane .Nav-y .Game .Body ul ul li                   
		{
	background: none;
	color: #395978;
	margin: 0;
	padding: 0;
	border-style: none;	

}

   .LeftPane .Nav-y .Game .Body ul ul li.Sub               
		{color: #000000; font: normal 0.9em Verdana, Arial, sans-serif;	margin: 0; padding: 0 0 5px 10px; list-style:none;}
		
   .LeftPane .Nav-y .Game .Body ul ul li.Sub a             
		{color: #000000; margin: 0; padding: 0 0 0 12px; border-style: none; text-decoration: none; font-weight:normal; background:url(images/arrow_list.gif) no-repeat;padding-top:4px}
		
   .LeftPane .Nav-y .Game .Body ul ul li.Sub a:hover       
		{color: #000000; margin: 0; padding: 0 0 0 12px; font-weight: normal; text-decoration: underline; background-color:#dadec5; background:url(images/arrow_list.gif) no-repeat;padding-top:4px} 
		
		
   .LeftPane .Nav-y .Game .Body ul ul li.Selected          
    	{background:#999933; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}   
   .LeftPane .Nav-y .Game .Body ul ul li.Selected a        
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; border-top: 1px solid #999933; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #009bb1; padding-left: 2px;}
   .LeftPane .Nav-y .Game .Body ul ul li.Selected a:hover  
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}
		
    /* third group */
   .LeftPane .Nav-y .Game .Body ul ul ul                       
		{margin: 0;padding: 0;background: none;}
   .LeftPane .Nav-y .Game .Body ul ul ul li                    
		{background: none;color: #FF9900;margin: 0;padding: 5px 0 5px 15px;font: normal 1em Verdana, Arial, sans-serif;}
   .LeftPane .Nav-y .Game .Body ul ul ul li.Sub                
		{color: #FF9900;margin: 0;}
   .LeftPane .Nav-y .Game .Body ul ul ul li.Sub a              
		{color: #FF9900; margin: 0; padding: 0 0 5px 15px;text-decoration: underline;font-weight:normal;font: normal 1em Verdana, Arial, sans-serif; }
   .LeftPane .Nav-y .Game .Body ul ul ul li.Sub a:hover        
		{color: #999; border-style: none; margin: 0; padding: 0 0 5px 15px; }
   .LeftPane .Nav-y .Game .Body ul ul ul li.Selected           
		{background:none;color:#FFF;margin:0;}
   .LeftPane .Nav-y .Game .Body ul ul ul li.Selected a         
		{color: #FF9900;margin: 0;padding: 0 0 5px 10px;margin-left:5px;display:block;}
   .LeftPane .Nav-y .Game .Body ul ul ul li.Selected a:hover   
		{color: #999;margin-left:5px; padding: 0 0 5px 10px;display:block;}
		
		
		
		
		
		
		
		
		

	/* sea body */
	.LeftPane .Nav-y .Sea .Body  
	    {display:inherit}
    .LeftPane .Nav-y .Sea .Body .Left                      
		{background:#b5e3e7; text-align:left;}
    .LeftPane .Nav-y .Sea .Body .Right                     
		{background:#b5e3e7;}
    .LeftPane .Nav-y .Sea .Body .Content                   
		{margin: 0; padding:0; text-align:left; background:url(images/template/nav/lhs/lhs_nav_content_bot.gif) repeat-x bottom}
    
	/* first group */
    .LeftPane .Nav-y .Sea .Body ul                         
		{margin: 0;padding: 0;list-style: none; list-style-type:none; padding-bottom: 2px;width: 100%; }
    .LeftPane .Nav-y .Sea .Body li                         
		{background:#b5e3e7; color: #FFF;margin: 0;padding: 0;font: 1em Verdana, Arial, sans-serif; border-top: 1px solid #FFFFFF;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; display:block}
    .LeftPane .Nav-y .Sea .Body ul li a                    
		{color: #000; font: 0.9em Verdana, Arial, sans-serif; text-decoration: none; border-top: 1px solid #b5e3e7;border-bottom: 1px solid #b5e3e7; margin:0;padding:5px 5px 5px 10px !important;display: block;}
    .LeftPane .Nav-y .Sea .Body ul li a:hover              
		{color: #000; text-decoration: underline; background-color: #e3f5f7;padding:5px 5px 5px 10px;display: block;}
    .LeftPane .Nav-y .Sea .Body ul li.Selected  
    	{background:#009bb1; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}   
    .LeftPane .Nav-y .Sea .Body ul li.Selected a           
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; border-top: 1px solid #009bb1; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #009bb1; padding-left: 2px;}
    .LeftPane .Nav-y .Sea .Body ul li.Selected a:hover     
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; background-color: #009bb1; padding-left: 2px;}
	
	

		
		
		
		
		
		
		
		
		
		
		
    /* second group */
   .LeftPane .Nav-y .Sea .Body ul ul                      
		{background: #b5e3e7; margin: 0;padding: 0;}
   .LeftPane .Nav-y .Sea .Body ul ul li                   
		{background: none;color: #395978; margin: 0;padding: 0; border:none}
   .LeftPane .Nav-y .Sea .Body ul ul li.Sub               
		{color: #000000; font: normal 0.9em Verdana, Arial, sans-serif;	margin: 0; padding: 0 0 5px 10px }
   .LeftPane .Nav-y .Sea .Body ul ul li.Sub a             
		{color: #000; margin: 0; padding: 0 0 0 12px;  background:url(images/arrow_list.gif) no-repeat;  border-style: none; text-decoration: none; font-weight:normal; }
   .LeftPane .Nav-y .Sea .Body ul ul li.Sub a:hover       
		{color: #000; margin: 0; padding: 0 0 0 12px;  font-weight: normal; background-color: #b5e3e7; text-decoration: underline} 
   .LeftPane .Nav-y .Sea .Body ul ul li.Selected          
    	{background:#009bb1; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}   
   .LeftPane .Nav-y .Sea .Body ul ul li.Selected a        
		{color: #fff; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; border-top: 1px solid #009bb1; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #009bb1; padding-left: 2px;}
   .LeftPane .Nav-y .Sea .Body ul ul li.Selected a:hover  
		{color: #fff; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; background-color: #009bb1; padding-left: 2px;}
		
    /* third group */
   .LeftPane .Nav-y .Sea .Body ul ul ul                       
		{margin: 0;padding: 0;background: none;}
   .LeftPane .Nav-y .Sea .Body ul ul ul li                    
		{background: none;color: #FF9900; margin: 0;padding: 5px 0 5px 15px;font: normal 1em Verdana, Arial, sans-serif;}
   .LeftPane .Nav-y .Sea .Body ul ul ul li.Sub                
		{color: #FF9900;margin: 0;}
   .LeftPane .Nav-y .Sea .Body ul ul ul li.Sub a              
		{color: #FF9900; margin: 0; padding: 0 0 5px 15px;text-decoration: underline;font-weight:normal;font: normal 1em Verdana, Arial, sans-serif; }
   .LeftPane .Nav-y .Sea .Body ul ul ul li.Sub a:hover        
		{color: #999; border-style: none; margin: 0; padding: 0 0 5px 15px; }
   .LeftPane .Nav-y .Sea .Body ul ul ul li.Selected           
		{background:none;color:#FFF;margin:0;}
   .LeftPane .Nav-y .Sea .Body ul ul ul li.Selected a         
		{color: #FF9900;margin: 0;padding: 0 0 5px 10px;margin-left:5px;display:block;}
   .LeftPane .Nav-y .Sea .Body ul ul ul li.Selected a:hover   
		{color: #999;margin-left:5px; padding: 0 0 5px 10px;display:block;}		
    
	/* coarse body */
	.LeftPane .Nav-y .Coarse .Body  
	    {display:inherit}
    .LeftPane .Nav-y .Coarse .Body .Left                      
		{background:#e7d7d6; text-align:left;}
    .LeftPane .Nav-y .Coarse .Body .Right                     
		{background:#e7d7d6;}
    .LeftPane .Nav-y .Coarse .Body .Content                   
		{margin: 0px; padding:0 0 0 0; text-align:left; background:url(images/template/nav/lhs/lhs_nav_content_bot.gif) repeat-x bottom}
    
	/* first group */
    .LeftPane .Nav-y .Coarse .Body ul                         
		{margin: 0;padding: 0;list-style: none; list-style-type:none; padding-bottom: 2px;width: 100%}
    .LeftPane .Nav-y .Coarse .Body li                         
		{background:#e7d7d6; color: #FFF;margin: 0;padding: 0;font: 1em Verdana, Arial, sans-serif; border-top: 1px solid #FFFFFF;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
    .LeftPane .Nav-y .Coarse .Body ul li a                    
		{color: #000000; font:  0.9em Verdana, Arial, sans-serif; text-decoration: none; display: block; padding:5px 5px 5px 10px; border-top: 1px solid #e7d7d6; border-bottom: 1px solid #e7d7d6;}
    .LeftPane .Nav-y .Coarse .Body ul li a:hover              
		{color: #000000; text-decoration: underline; background-color: #f7efee;}
    .LeftPane .Nav-y .Coarse .Body ul li.Selected  
    	{background:#967a63; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}   
    .LeftPane .Nav-y .Coarse .Body ul li.Selected a           
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; border-top: 1px solid #967a63; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #009bb1; padding-left: 6px;}
    .LeftPane .Nav-y .Coarse .Body ul li.Selected a:hover     
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; background-color: #967a63; padding-left: 6px;}
		
		
    /* second group */
   .LeftPane .Nav-y .Coarse .Body ul ul                      
		{background: #e7d7d6;margin: 0;padding: 0;}
   .LeftPane .Nav-y .Coarse .Body ul ul li                   
		{background: none;color: #395978; margin: 0;padding: 0; border:none}
   .LeftPane .Nav-y .Coarse .Body ul ul li.Sub               
		{color: #000000; font: normal 0.9em Verdana, Arial, sans-serif;	margin: 0; padding: 3px 0 3px 10px !important;list-type:none;}
   .LeftPane .Nav-y .Coarse .Body ul ul li.Sub a             
		{color: #000000; margin: 0; padding: 5px 5px 5px 10px;  background:url(images/arrow_list.gif) no-repeat; border-style: none; text-decoration: none; font-weight:normal;}
   .LeftPane .Nav-y .Coarse .Body ul ul li.Sub a:hover       
		{color: #000000; margin: 0; padding: 5px 5px 5px 10px; font-weight: normal; background-color: #e7d7d6; text-decoration: underline} 
   .LeftPane .Nav-y .Coarse .Body ul ul li.Selected          
    	{background:#967a63; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}   
   .LeftPane .Nav-y .Coarse .Body ul ul li.Selected a        
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; border-top: 1px solid #967a63; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #009bb1; padding-left: 6px;}
   .LeftPane .Nav-y .Coarse .Body ul ul li.Selected a:hover  
		{color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; background-color: #967a63; padding-left: 6px;}
		
		
		
    /* third group */
   .LeftPane .Nav-y .Coarse .Body ul ul ul                       
		{margin: 0;padding: 0;background: none;}
   .LeftPane .Nav-y .Coarse .Body ul ul ul li                    
		{background: none;color: #FF9900;margin: 0;padding: 5px 0 5px 15px;font: normal 1em Verdana, Arial, sans-serif;}
   .LeftPane .Nav-y .Coarse .Body ul ul ul li.Sub                
		{color: #FF9900;margin: 0;}
   .LeftPane .Nav-y .Coarse .Body ul ul ul li.Sub a              
		{color: #FF9900; margin: 0; padding: 0 0 5px 15px;text-decoration: underline;font-weight:normal;font: normal 1em Verdana, Arial, sans-serif; }
   .LeftPane .Nav-y .Coarse .Body ul ul ul li.Sub a:hover        
		{color: #999; border-style: none; margin: 0; padding: 0 0 5px 15px; }
   .LeftPane .Nav-y .Coarse .Body ul ul ul li.Selected           
		{background:none;color:#FFF;margin:0;}
   .LeftPane .Nav-y .Coarse .Body ul ul ul li.Selected a         
		{color: #FF9900;margin: 0;padding: 0 0 5px 10px;margin-left:5px;display:block;}
   .LeftPane .Nav-y .Coarse .Body ul ul ul li.Selected a:hover   
		{color: #999;margin-left:5px; padding: 0 0 5px 10px;display:block;}		
  
	  
    
	
/* generic body */
.LeftPane .Nav-y .Generic .Body   {display:inherit}  
	  
.LeftPane .Nav-y .Generic .Body .Left {background:#c2ced7; text-align:left;}                     
		
.LeftPane .Nav-y .Generic .Body .Right {background:#c2ced7;}                    
		
.LeftPane .Nav-y .Generic .Body .Content {margin: 0px; padding:0 0 8px 0; text-align:left; background:url(images/template/nav/lhs/lhs_nav_content_bot.gif) repeat-x bottom}    
		
		
/* first group */
.LeftPane .Nav-y .Generic .Body ul {margin: 0;padding: 0;list-style: none; list-style:disc; padding-bottom: 2px;width: 100%}     
		
		
.LeftPane .Nav-y .Generic .Body li {background:#c2ced7; color: #000;margin: 0;padding: 0;font: 1em Verdana, Arial, sans-serif; list-style:none;border-top: 1px solid #FFFFFF;border-bottom: 1px;	border-right-style: none;border-bottom-style: none;border-left-style: none;}	 	                       
		
	
.LeftPane .Nav-y .Generic .Body ul li a {color: #000000;font: normal 0.9em Verdana, Arial, sans-serif; text-decoration: none; display: block; padding:5px 5px 5px 10px; border-top: 1px solid #c2ced7;border-bottom: 1px solid #c2ced7;}	                
		
		
.LeftPane .Nav-y .Generic .Body ul li a:hover {color: #000000; text-decoration: underline; background-color: #ecefdf;}  	
		
		

	
	
/*level 2* the list inside Llyn Brenig*/ 
.LeftPane .Nav-y .Generic .Body ul ul ul {background: #c2ced7;margin: 0;padding: 0 !important;}		
   
.LeftPane .Nav-y .Generic .Body ul ul ul li.Sub {color: #000000; font: normal 1em Verdana, Arial, sans-serif;	margin: 0; padding: 3px 5px 1px 20px !important; list-style:none;border:none !important;}   

 .LeftPane .Nav-y .Generic .Body ul ul ul li.Sub a {color: #000000; margin: 0; padding:5px 5px 5px 10px;  border-style: none; text-decoration: none; font-weight:normal !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}            
		
		
.LeftPane .Nav-y .Generic .Body ul ul ul li.Sub a:hover {color: #000000; margin: 0; padding:5px 5px 5px 10px;  font-weight: normal !important; text-decoration: underline !important; background-color:#c2ced7 !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}    
		
/*level 2* GAME FACT FILES*/ 
/*level 2* the list inside Llyn Brenig*/ 
.LeftPane .Nav-y .Generic .Body ul li.GameSelected ul ul {background: #dadec5;margin: 0;padding: 0 !important;}		

.LeftPane .Nav-y .Generic .Body ul li.GameSelected ul ul li.Sub,.LeftPane .Nav-y .Generic .Body ul li.GameSelected ul ul li.Selected {color: #000000; font: normal 1em Verdana, Arial, sans-serif;	margin: 0; padding: 3px 5px 1px 20px !important; list-style:none;border:none !important;}   

.LeftPane .Nav-y .Generic .Body ul  li.GameSelected ul ul li.Sub a,
.LeftPane .Nav-y .Generic .Body ul  li.GameSelected ul ul li.Selected a {color: #000000; margin: 0; padding:3px 5px 3px 10px !important; border-style: none; text-decoration: none; font-weight:normal !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}            
.LeftPane .Nav-y .Generic .Body ul  li.GameSelected ul ul li.Selected a{font-weight:bold !important}
		
.LeftPane .Nav-y .Generic .Body ul li.GameSelected ul ul li.Sub a:hover,
.LeftPane .Nav-y .Generic .Body ul li.GameSelected ul ul li.Selected a:hover {color: #000000; margin: 0; padding:3px 5px 3px 10px !important;  font-weight: normal !important; text-decoration: underline !important; background-color:#dadec5 !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}    
.LeftPane .Nav-y .Generic .Body ul li.GameSelected ul ul li.Selected a:hover {font-weight:bold !important}

.LeftPane .Nav-y .Generic .Body ul li.GameSelected li{background: #dadec5;}
.LeftPane .Nav-y .Generic .Body ul li.GameSelected li a:hover{background-color:#ecefdf !important}
	
/*The rest of the list from Glaslyn down*/	
.LeftPane .Nav-y .Generic .Body ul li #Child a {color: #000000;font: normal 0.9em Verdana, Arial, sans-serif; text-decoration: none; display: block; padding:5px 5px 5px 10px; border-top: 1px solid #c2ced7;border-bottom: 1px solid #c2ced7;}	
		
.LeftPane .Nav-y .Generic .Body ul li #Child a:hover {color: #000000; text-decoration: underline; background-color: #ecefdf;}	          




/*level 2* SEA FACT FILES*/ 
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected ul ul {background: #b5e3e7;margin: 0;padding: 0 !important;}		

.LeftPane .Nav-y .Generic .Body ul li.SeaSelected ul ul li.Sub,.LeftPane .Nav-y .Generic .Body ul li.SeaSelected ul ul li.Selected {color: #000000; font: normal 1em Verdana, Arial, sans-serif;	margin: 0; padding: 3px 5px 1px 20px !important; list-style:none;border:none !important;}   

.LeftPane .Nav-y .Generic .Body ul  li.SeaSelected ul ul li.Sub a,
.LeftPane .Nav-y .Generic .Body ul  li.SeaSelected ul ul li.Selected a {color: #000000; margin: 0; padding:3px 5px 3px 10px !important; border-style: none; text-decoration: none; font-weight:normal !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}            
.LeftPane .Nav-y .Generic .Body ul  li.SeaSelected ul ul li.Selected a{font-weight:bold !important}
		
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected ul ul li.Sub a:hover,
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected ul ul li.Selected a:hover {color: #000000; margin: 0; padding:3px 5px 3px 10px !important;  font-weight: normal !important; text-decoration: underline !important; background-color:#b5e3e7 !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}    
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected ul ul li.Selected a:hover {font-weight:bold !important}

.LeftPane .Nav-y .Generic .Body ul li.SeaSelected li{background: #b5e3e7;}
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected li a:hover{background-color:#b5e3e7 !important}


/*level 2* COARSE FACT FILES*/ 
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected ul ul {background: #e7d7d6;margin: 0;padding: 0 !important;}		

.LeftPane .Nav-y .Generic .Body ul li.CourseSelected ul ul li.Sub,.LeftPane .Nav-y .Generic .Body ul li.CourseSelected ul ul li.Selected {color: #000000; font: normal 1em Verdana, Arial, sans-serif;	margin: 0; padding: 3px 5px 1px 20px !important; list-style:none;border:none !important;}   

.LeftPane .Nav-y .Generic .Body ul  li.CourseSelected ul ul li.Sub a,
.LeftPane .Nav-y .Generic .Body ul  li.CourseSelected ul ul li.Selected a {color: #000000; margin: 0; padding:3px 5px 3px 10px !important; border-style: none; text-decoration: none; font-weight:normal !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}            
.LeftPane .Nav-y .Generic .Body ul  li.CourseSelected ul ul li.Selected a{font-weight:bold !important}
		
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected ul ul li.Sub a:hover,
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected ul ul li.Selected a:hover {color: #000000; margin: 0; padding:3px 5px 3px 10px !important;  font-weight: normal !important; text-decoration: underline !important; background-color:#e7d7d6 !important; background:url(images/arrow_list.gif) no-repeat;border:none !important;}    
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected ul ul li.Selected a:hover {font-weight:bold !important}

.LeftPane .Nav-y .Generic .Body ul li.CourseSelected li{background: #e7d7d6;}
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected li a:hover{background-color:#e7d7d6 !important}


/*Game tab*/	
.LeftPane .Nav-y .Generic .Body ul li.Game {background:#999933; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;} 
    	  
.LeftPane .Nav-y .Generic .Body ul li.Game a {color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding:5px 0px 5px 12px !important; text-decoration: none; display: block; border-top: 1px solid #999933; border:none !important; padding-left: 2px;}          
		
.LeftPane .Nav-y .Generic .Body ul li.Game a:hover{background:#999933;color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}		  
   
		
/*course tab*/
.LeftPane .Nav-y .Generic .Body ul li.Course {background:#967A63; color: #FFFFFF !important; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;font-weight:bold;}       			
	
.LeftPane .Nav-y .Generic .Body ul li.Course a {color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding:5px 0px 5px 12px !important; text-decoration: none; display: block; border-top: 1px solid #967A63; border:none !important; padding-left: 2px;}	
		
		
.LeftPane .Nav-y .Generic .Body ul li.Course a:hover {background:#967A63;color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}		

	
/*Sea Fisheries tab*/
.LeftPane .Nav-y .Generic .Body ul li.Sea {background:#009BB1; color: #FFFFFF !important; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;font-weight:bold;}      	 		
	
.LeftPane .Nav-y .Generic .Body ul li.Sea a {color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding:5px 0px 5px 12px !important; text-decoration: none; display: block; border-top: 1px solid #967A63; border:none !important; padding-left: 2px;}           
		
.LeftPane .Nav-y .Generic .Body ul li.Sea a:hover {background:#009BB1;color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}			
			
	
/*Llyn Brenig selected tab*/
.LeftPane .Nav-y .Generic .Body ul li.Selected {background:#c2ced7; color: #000; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;list-style:none;font-weight:bold !important;}   
    	  
.LeftPane .Nav-y .Generic .Body ul li.Selected a {color: #000; font: bold 0.9em Verdana, Arial, sans-serif !important;; padding:5px 0px 5px 12px !important; text-decoration: none; display: block; border-top: 1px solid #999933; border:none !important; padding-left: 6px;}          
		
.LeftPane .Nav-y .Generic .Body ul li.Selected a:hover {background-color:#c2ced7 !important;color: #000; font:bold 0.9em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none !important; display: block; padding-left: 6px;}

		
	
	
/*Selected tabs ON*/	
	
/*Sea Fisheries selected tab*/	
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected {background:#009BB1; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;} 
    	  
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected  a {color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding:5px 0px 5px 12px !important; text-decoration: none; display: block; border-top: 1px solid #999933; border:none !important; padding-left: 2px;}          
		
.LeftPane .Nav-y .Generic .Body ul li.SeaSelected  a:hover {background:#009BB1;color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}		
		
		
		
		
/*Course Fisheries selected tab*/	
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected {background:#967A63; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}     
    	
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected  a {color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding:5px 0px 5px 12px !important; text-decoration: none; display: block; border-top: 1px solid #999933; border:none !important; padding-left: 2px;}          
		
.LeftPane .Nav-y .Generic .Body ul li.CourseSelected  a:hover {background:#967A63;color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}			
			    
		
	
	
/*Game Fisheries selected tab*/	
.LeftPane .Nav-y .Generic .Body ul li.GameSelected {background:#999933; color: #FFFFFF; margin: 0; font: 1em Verdana, Helvetica, sans-serif; padding: 0;}   
    	  
.LeftPane .Nav-y .Generic .Body ul li.GameSelected a {color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding:5px 0px 5px 12px !important; text-decoration: none; display: block; border-top: 1px solid #999933; border:none !important; padding-left: 2px;}           
		
.LeftPane .Nav-y .Generic .Body ul li.GameSelected a:hover {background:#999933;color: #FFFFFF; font: bold 1em Verdana, Arial, sans-serif; padding: 8px 0; text-decoration: none; display: block; padding-left: 2px;}	    
		
	   
	
	
    /* footer */
   .LeftPane .Nav-y .Footer                          
		{background:transparent url(images/appfooter_bg.gif) repeat-x;  float:left; font-size: 11px; display:none}
   .LeftPane .Nav-y .Footer .Left                    
		{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px;display:none }
   .LeftPane .Nav-y .Footer .Right                   
		{background:transparent url(images/appfooter_right.gif) no-repeat top right;text-align:left; float:right; width:6px;display:none}

/* End  */


/* Vertical (secondary) Navigation styles - RHS*/
   .RightPane .Nav-y
        {width:100%;  background: #e6e6e6; margin-bottom: 3px; clear: both; float: left}
  	/* header */
   .RightPane .Nav-y .Header                          
		{ display:none;}
   .RightPane .Nav-y .Header .Left                    
		{ height:35px; text-align:left; float:left; width:auto; }
   .RightPane .Nav-y .Header .Title                   
		{padding-left: 10px; font-weight:bold; line-height:32px; float:left; color:#de801b; }
   .RightPane .Nav-y .Header .Right                    
		{ height:35px;text-align:left; float:right; width:6px; }
    
	/* body */
   .RightPane .Nav-y .Body .Left                      
		{background:transparent url(images/appbody_left.gif) repeat-y; text-align:left; height:auto;}
   .RightPane .Nav-y .Body .Right                     
		{background:transparent url(images/appbody_right.gif) repeat-y top right;}
   .RightPane .Nav-y .Body .Content                   
		{margin: 0px; padding:0 0 0 0; text-align:left; }
    
	/* first group */
   .RightPane .Nav-y .Body ul                         
		{margin: 0;padding: 0;list-style: none; list-style-type:none; padding-bottom: 0px;width: 100%}
   .RightPane .Nav-y .Body li                         
		{color: #FFF; margin: 0;padding: 5px 4px;font: 1em Verdana, Arial, sans-serif;  text-decoration:underline; }
   .RightPane .Nav-y .Body ul li a                    
		{color: #485e7a; font: bold 1em Verdana, Arial, sans-serif;padding: 0 0 0 0;text-decoration: none; display: block; width: 100%;  }
   .RightPane .Nav-y .Body ul li a:hover              
		{color: #485e7a; text-decoration: none;}
   .RightPane .Nav-y .Body ul li.Selected  
    	{background:#FFF; color: #666;margin: 0;padding: 5px 5px 5px 10px;font: 1em Verdana, Arial, sans-serif;}   
   .RightPane .Nav-y.Body ul li.Selected a           
		{color: #666; font: bold 1em Verdana, Arial, sans-serif;padding: 0 0 0 0;text-decoration: none; display: block; width: 100%}
   .RightPane .Nav-y .Body ul li.Selected a:hover     
		{color: #666; font: bold 1em Verdana, Arial, sans-serif;padding: 0 0 0 0;text-decoration: none; display: block; width: 100%}
		
    /* second group */
   .RightPane .Nav-y .Body ul ul                      
		{background: #FFF url(images/nav-y_itemBg.gif) repeat-x;margin: 8px 0 0 0;padding: 0;}
   .RightPane .Nav-y .Body ul ul li                   
		{background: none;color: #395978; margin: 0;padding: 5px 10px 5px 27px; border-bottom:1px solid #ccc; }
	.RightPane .Nav-y .Body ul ul li a
	{color:#0d558c !important;}
		.RightPane .Nav-y .Body ul ul li a:hover
	{color:	#859244 !important;}

   .RightPane .Nav-y .Body ul ul li.Sub               
		{color: #FF9900;font: normal 0.9em Verdana, Arial, sans-serif;margin: 0;padding: 3px 0 3px 0;}
   .RightPane .Nav-y .Body ul ul li.Sub a             
		{color: #FF9900; margin: 0; padding: 0 0 5px 10px; border-style: none; text-decoration: underline;font-weight:normal; }
   .RightPane .Nav-y .Body ul ul li.Sub a:hover       
		{color: #999; margin: 0; padding: 0 0 5px 10px; }
   .RightPane .Nav-y .Body ul ul li.Selected          
		{background: none;color:#FFF;margin:0;padding:5px 0 5px 0px; font: bold 0.9em Verdana, Arial, sans-serif;}
   .RightPane .Nav-y .Body ul ul li.Selected a        
		{color: #FF9900;margin: 0;padding: 0 0 5px 5px;margin-left:5px;display:block;}
   .RightPane .Nav-y .Body ul ul li.Selected a:hover  
		{color: #999;margin-left:5px; padding: 0 0 5px 5px;display:block; }
		
    /* third group */
   .RightPane .Nav-y .Body ul ul ul                       
		{margin: 0;padding: 0;background: none;}
   .RightPane .Nav-y .Body ul ul ul li                    
		{background: none;color: #FF9900;margin: 0;padding: 5px 0 5px 15px;font: normal 1em Verdana, Arial, sans-serif;}
   .RightPane .Nav-y .Body ul ul ul li.Sub                
		{color: #FF9900;margin: 0;}
   .RightPane .Nav-y .Body ul ul ul li.Sub a              
		{color: #FF9900; margin: 0; padding: 0 0 5px 15px;text-decoration: underline;font-weight:normal;font: normal 1em Verdana, Helvetica, sans-serif; }
   .RightPane .Nav-y .Body ul ul ul li.Sub a:hover        
		{color: #999; border-style: none; margin: 0; padding: 0 0 5px 15px; }
   .RightPane .Nav-y.Body ul ul ul li.Selected           
		{background:none;color:#FFF;margin:0;}
   .RightPane .Nav-y .Body ul ul ul li.Selected a         
		{color: #FF9900;margin: 0;padding: 0 0 5px 10px;margin-left:5px;display:block;}
   .RightPane .Nav-y .Body ul ul ul li.Selected a:hover   
		{color: #999;margin-left:5px; padding: 0 0 5px 10px;display:block;}
		
    /* footer */
   .RightPane .Nav-y .Footer                          
		{background:transparent url(images/appfooter_bg.gif) repeat-x;  float:left; height: 13px; font-size: 11px;}
   .RightPane .Nav-y .Footer .Left                    
		{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px; }
   .RightPane .Nav-y .Footer .Right                   
		{background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px; }

/* End  */

/* Search */
 .Search  {padding:5px;font-size:11px;font-family: Arial, Sans-Serif, Helvetica;height: 63px;
	display: block;
	float: left;
	text-align: left;
	width: 130px;
}


    
    .Search  input.Text     
		{
	width: 122px;
	font-size:11px;
	font-family: Arial, Sans-Serif, Helvetica;
	float: left;
	padding-right: 3px;
}
    .Search  .Button   	
		{ margin: 6px 0px 0px 0px; display: block; float: right; cursor: pointer}
    .Search .Option 		
		{display:none}
    .Search  .Option input 
		{clear:both;display:block;float:left;width:13px;height:13px;margin-right:10px;}
    
	.Search  a{color:#000000; text-decoration:none;}
	.Search a:hover{color:#000000; text-decoration:underline;}
/* End  */






/* FocusOn Box */.Box-FocusOn {width: 165px; margin-bottom: 3px; clear: both; float: left;} /* Banner area (usually says 'focus on' in there in regular CMS */
.Box-FocusOn .Banner{background: transparent url(images/appbanner_bg.gif) repeat-x; width: 165px; color: #de801b;} /* Used for rounded corners and to hold a <span> with the title in it. */
.Box-FocusOn .Banner .Left, .Box-FocusOn .Banner .Right, .Box-FocusOn .Footer .Right, .Box-FocusOn .Body .Left, .Box-FocusOn .Body .Content .Text, .Box-FocusOn .Body .Content img{} /* <span> in the above style to show Control title/ page title */
.Box-FocusOn .Banner .Title{font-weight: bold; font-size:0.75em;  display: block; padding: 5px 3px; color: #fff; background-color:#436e8e; text-transform: uppercase;} /* Used for rounded corners. Can be set to display:none if not required in the layout. */
.Box-FocusOn .Footer {/*background: url(images/template/box/focuson/footer_left.gif) repeat-y; */float: left; width: 100%; text-align: center;}
.Box-FocusOn .Footer .Left {display: none; /*background:transparent url(images/appfooter_left.gif) no-repeat top left;*/text-align: center; float: left; font-weight: bold; width: 100%;}
.Box-FocusOn .Footer .Left a {/*color:#fff; display:block; width:auto;*/text-align: left; font-size: 80%; width: auto; display: block; padding: 8px 6px 10px 0; margin: 0 3px 0 3px; color: #0d55a0; text-decoration: underline;}
.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; /*text-align: center; float: left;*/} /* Used to show left edge repeating background image */
.Box-FocusOn .Body img {padding-bottom: 3px;}
.Box-FocusOn .Body .Content {height: auto; margin: 0px 0px 4px 4px; float: left; text-align: left; display: inline;} /* 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 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; background: url(images/commandBtn_tile.gif) no-repeat right; color: #fff; font-weight: bold; text-decoration: none;}
.Box-FocusOn .CommandBtn:hover {text-decoration: underline;} /* End  */ /* End  */


/* FocusOn Box */
.RightPane .Box-FocusOn {width: 136px; margin-bottom: 3px; clear: both; float: left; } /* Banner area (usually says 'focus on' in there in regular CMS */
.RightPane .Box-FocusOn .Banner{background: transparent url(images/appbanner_bg.gif) repeat-x; width: 138px; color: #de801b;} /* Used for rounded corners and to hold a <span> with the title in it. */
.RightPane .Box-FocusOn .Banner .Left, .Box-FocusOn .Banner .Right, .Box-FocusOn .Footer .Right, .Box-FocusOn .Body .Left, .RightPane .Box-FocusOn .Body .Content .Text, .Box-FocusOn .Body .Content img{} /* <span> in the above style to show Control title/ page title */
.RightPane .Box-FocusOn .Banner .Title{font-weight: bold; font-size:0.75em;  display: block; padding: 5px 3px; color: #fff; background-color:#436e8e} /* Used for rounded corners. Can be set to display:none if not required in the layout. */
.RightPane .Box-FocusOn .Footer {/*background: url(images/template/box/focuson/footer_left.gif) repeat-y; */float: left; width: 100%; text-align: center;}
.RightPane .Box-FocusOn .Footer .Left {display: none; /*background:transparent url(images/appfooter_left.gif) no-repeat top left;*/text-align: center; float: left; font-weight: bold; width: 100%;}
.RightPane .Box-FocusOn .Footer .Left a {/*color:#fff; display:block; width:auto;*/text-align: left; font-size: 80%; width: auto; display: block; padding: 8px 6px 10px 0; margin: 0 3px 0 3px; color: #0d55a0; text-decoration: underline;}
.RightPane .Box-FocusOn .Footer .Left a:hover {text-decoration: none;} /* End  */ /* User Control Body/content areas. This is the part that holds the dynamic contents. */
.RightPane .Box-FocusOn .Body {font-size: 0.9em; line-height: 1.4em; /*text-align: center; float: left;*/} /* Used to show left edge repeating background image */
.RightPane .Box-FocusOn .Body img {padding-bottom: 3px;}
.RightPane .Box-FocusOn .Body .Content {height: auto; margin: 0px 0px 4px 0px; float: left; text-align: left; display: inline; width:136px} /* Nested inside the left div- for expandable widths (ie sliding doors)*/
.RightPane .Box-FocusOn .Body .Content a {float: left; display: block;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/
.RightPane .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)*/
.RightPane .Box-FocusOn .Body .Right {background: #DEDEDE;}
.RightPane .Box-FocusOn .CommandBtn {padding: 2px 16px 2px 6px; margin: 3px 0 0 0; background: url(images/commandBtn_tile.gif) no-repeat right; color: #fff; font-weight: bold; text-decoration: none;}
.RightPane .Box-FocusOn .CommandBtn:hover {text-decoration: underline;} /* End  */ /* End  */

/* News Box */
    .Box-News 
		{width:270px;  background: url(images/template/webparts/boxout_bac_tile.gif) 0 23px repeat-x ; float: right}
     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-News .Banner
				{background: url(images/template/webparts/rss_newsboxtitle_background.gif) repeat-x; height: 30px; padding: 0px; display: block}
            /* Used for rounded corners and to hold a <span> with the title in it. */
            .Box-News .Banner .Left
				{text-align:left; float:left; width: 100%; }
            /* <span> in the above style to show Control title/ page title */
            .Box-News .Banner .Title
				{ color: #FFFFFF; font: bold 12px Verdana, Helvetica, sans-serif;  float:left; text-align:left; display:block;  width: 97%; padding: 6px 4px 6px 4px}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
            .Box-News .Banner .Right
				{text-align:left; float:right; width:2px; display:none}
        /* End  */

        /* User Control Footer areas */
            .Box-News .Footer 
				{float:left; height:5px; width:100%; font-size:11px; background:transparent url(images/appfooter_bg.gif) repeat-x;}
            .Box-News .Footer .Left
				{float:left; width:6px; height: 13px; background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; }
            .Box-News .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-News .Body
				{font-size:0.9em; line-height:1.4em;}
            /* Used to show left edge repeating background image */
            .Box-News .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-News .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-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: 250px;}
            .Box-News .Body .Content dl dt 
				{display:block; width: 90%; }
            .Box-News .Body .Content dl dt a
				{float:left; display:inline;}
            .Box-News .Body .Content dl dd 
				{display:block; border-bottom: 1px solid #CCC; width: 259px; clear: left; margin-bottom: 3px; padding: 2px}
            .Box-News .Body .Content .Text
				{/*float:left;*/}
            .Box-News .Body .Content .morelink
                {font-weight: bold; padding: 5px 2px; background:#eff2e4; width:259px;}
            .Box-News .Body .Content .morelink a
				{color:#de801b;}
            .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
				{background:transparent url(images/appbody_right.gif) repeat-y top right; float:right;}
        /* End  */
/* End  */


/* Events Box */
    .Box-Events 
		{width:270px;  background: url(images/template/webparts/boxout_bac_tile.gif) 0 23px repeat-x ; float: left}
     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-Events .Banner
				{background: url(images/template/webparts/rss_newsboxtitle_background.gif) repeat-x; 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; float:left; width: 100%;}
            /* <span> in the above style to show Control title/ page title */
            .Box-Events .Banner .Title
				{ color: #FFF; font: bold 12px Verdana, Helvetica, sans-serif;  float:left; text-align:left; display:block; width: 97%; padding: 6px 4px 9px 4px}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
            .Box-Events .Banner .Right
				{text-align:left; float:right; width:2px; display:none}
			/* */
			.Box-Events .Banner .Header
				{margin: 5px 4px 0px 4px; padding: 6px; float:left; text-align:left; display:block; background: #FFF; width: 262px;}
        /* End  */

        /* User Control Footer areas */
            .Box-Events .Footer 
				{background:transparent url(images/appfooter_bg.gif) repeat-x;  float:left; height: 7px; font-size: 11px;width:100%; }
            .Box-Events .Footer .Left
				{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;}
            .Box-Events .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-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: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-Events .Body .Content
				{height: auto; margin: 0px 7px 0px 7px; float:left; text-align:left; display:inline; background: #FFF;}
            /* 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; padding:0 0 0 3px; }
			.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; clear: left; margin-bottom: 3px; padding: 2px}
            .Box-Events .Body .Content dl dt img
				{float: left; margin-right: 3px;}
            .Box-Events .Body .Content ul 
				{margin: 0;padding: 0;}
            .Box-Events .Body .Content ul li 
				{list-style: none;}
            .Box-Events .Body .Content ul li a
				{float:left; display:inline;}

            .Box-Events .Body .Content .Text
				{}
            .Box-Events .Body .Content .morelink
                {font-weight: bold; padding: 5px 2px; background:#eff2e4; width:253px;}
            .Box-Events .Body .Content .morelink a
				{color:#de801b;}
			.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
				{background:transparent url(images/appbody_right.gif) repeat-y top right;  float:right; }
        /* End  */
/* End  */

/* Generic Box */
    .Box-Generic 
{width:100%; border:1px solid #cfcfcf; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; clear: both; float: left}
          /* 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:8px 6px; color:#de801b;}
            /* 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: 262px;}
        /* End  */

	       
	    /* User Control Footer areas */
            .Box-Generic .Footer 
                {/*background:transparent url(images/appfooter_bg.gif) repeat-x; */  display:block; float:left; width:100%; text-align: center;}
            .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: 0;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 
        {background: #edf1f3; float: left; width: 139px}
     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-QuickSection .Banner
                {display: none}
            
        /* End  */

        /* User Control Footer areas */
            .Box-QuickSection .Footer 
                {display: none}

        /* 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
                {}
            /* 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;  width:139px}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-QuickSection .Body .Content a 
                {display:block;clear:left;color:#395e7c}
			 .Box-QuickSection .Body .Content a:hover 
                {display:block;clear:left;color:#395e7c}
            .Box-QuickSection .Body .Content dl 
                {margin: 0px;padding: 3px; width:132px;}
            .Box-QuickSection .Body .Content dl dt 
                {margin: 2px 0px 2px 2px ;padding:0; width:128px;}
            .Box-QuickSection .Body .Content dl dt a
                {}
            .Box-QuickSection .Body .Content dl dd 
                {
	margin: 0;
	padding: 0 2px;
	border-bottom: 1px solid #FFF;
	font-size:0.8em;
	color: #333333;
}
            .Box-QuickSection .Body .Content .Text
                {
	float:left;
	background-color: #EDF1F3;
	width:132px;
}
            /* 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
                { }
        /* End  */
/* End  */

/* Events Box */
  
 .Box-CrossPromo 
        {width:138px; border: 1px solid #cfcfcf; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x;}
     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-CrossPromo .Banner
               {background:transparent url(images/appbanner_bg.gif) repeat-x; width:100%; color: #9cb454}
            /* 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
				{font-weight:bold; display:block; padding:8px 6px; color:#333333;}
	            /* 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 
                {/*background:transparent url(images/appfooter_bg.gif) repeat-x; */  display:block; float:left; width:100%; text-align: center;}
            .Box-CrossPromo .Footer .Left
                {/*background:transparent url(images/appfooter_left.gif) no-repeat top left;*/ text-align:center; float:left; font-weight: bold; width:100%; }
            .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;*/ text-align:left; font-size:90%; width:auto; display:block; background:#fff; padding:0 6px 6px 6px; margin:0 3px 3px 3px; color:#1884ba;}
	
	    /* 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
				{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-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 
                {float:left;}
            /* 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: #FFFFFF}
        /* End  */

/* PlacestoVisit Box */

    .Box-PlacesToVisit
        {width:100%; border: 1px solid #cfcfcf; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px}
    /* User Control Banner areas (usually says 'focus on' in there in regular CMS */
        .Box-PlacesToVisit .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-PlacesToVisit .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-PlacesToVisit .Banner .Title
				{font-weight:bold; display:block; padding:8px 6px; color:#de801b;}
        /* Used for rounded corners. Can be set to display:none if not required in the layout. */
        .Box-PlacesToVisit .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-PlacesToVisit .Footer 
            {/*background:transparent url(images/appfooter_bg.gif) repeat-x; */  display:block; float:left; width:100%; text-align: center;}
        .Box-PlacesToVisit .Footer .Left
           {/*background:transparent url(images/appfooter_left.gif) no-repeat top left;*/ text-align:center; float:left; font-weight: bold; width:100%; }
        .Box-PlacesToVisit  .Footer .Right
                {/*background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;*/}
     	.Box-PlacesToVisit  .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:#0d558c; text-decoration:underline;}
        	.Box-PlacesToVisit  .Footer .Left a:hover
			{text-decoration:none;}

   
    /* End  */

    /* User Control Body/content areas. This is the part that holds the dynamic contents. */
        .Box-PlacesToVisit .Body
				{font-size:0.9em; line-height:1.4em; text-align: center; float:left; background: #fff; border-right:3px solid #e5e5e5; border-left:3px solid #e5e5e5;}
        /* 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
                {font-style: italic;}
        .Box-PlacesToVisit .Body .Content .Text
				{float:left; font-weight: bold }
        .Box-PlacesToVisit .Body ul 
            {list-style:none; padding:0px ; margin:0px;}
        .Box-PlacesToVisit .Body ul li
            {list-style:none; padding:0px}
        /* Nested inside the left div- for expandable widths (ie sliding doors)*/
        .Box-PlacesToVisit .Body .Right
            {background:transparent url(images/appbody_right.gif) repeat-y top right; float:right; text-align:left;}
       /* 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%;
	display: none;
}
    
    /* Comments Webpart */
    .Comment
        {padding:5px 0px 0px 5px; border:1px solid #CCC; 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
        {border: 1px dotted #CCC; background: #FFF; color: #FFF;}
    .CommentForm Label
        {font-weight: bold;}
    .CommentRating
        {margin: 20px;}
    
    /* Social Bookmarking */
    .Socialbookmarks
        {clear: left; padding: 4px}
    .Socialbookmarks a
        {font-weight: bold; color: #ff9900} 
    
    /* 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  */

.breadarea {
float:left; margin:0px; padding:3px 0 0 5px;width:425px;}
}