.Foo{}
/* Horizontal (main) Navigation styles */
   	.Nav-x                                  
		{font-size:12px; height:60px; list-style: none; padding: 0; margin:0; width: 987px; background: transparent url(images/template/nav/mainnav/nav_bac.gif)  no-repeat top left; display: block;}
	 .Nav-x H2                               
		{display:none;}
   	.Nav-x .Links                           
		{list-style: none; margin: 0;  padding: 0 0px 0 12px; text-align:center; height:28px; display:block;}
   	.Nav-x .Links .Separator                
		{display:none; visibility: hidden;}
   	.Nav-x .Links .Link                     
		{text-align:center;}
   	.Nav-x .Links .Link .Left               
		{font-size:12px; float: left; display: block;}
   	.Nav-x .Links .Link a                   
		{float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#FFF; padding:19px 32px 5px 32px; background:url(images/template/nav/mainnav/divider.gif) top left no-repeat;}
   	.Nav-x .Links .Link a:active 			
		{float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#FFF; text-decoration:underline;background:url(images/template/nav/mainnav/divider_r.gif) top left no-repeat;}
	.Nav-x .Links .Link a:hover             
		{float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#FFF; text-decoration:underline;background:url(images/template/nav/mainnav/divider_r.gif) top left no-repeat; }
   	.Nav-x .Links .LinkSelected             
		{height: 25px;  background: transparent url(images/template/nav/mainnav/on_right.gif) top right no-repeat; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#777; padding:0 0 15px 0; }
  	.Nav-x .Links .LinkSelected .Left       
		{height: 25px;  float: left; display: block;}
  	.Nav-x .Links .LinkSelected .Left a           
		{height: 25px; float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#777; padding:18px 25px 10px 18px; background:url(images/template/nav/mainnav/on_left.gif) top left no-repeat;}
	.Nav-x .Links .LinkSelected .Left a:hover {text-decoration:underline;}
	.Nav-x .Links .LinkSelected .Left a:active    
		{ float: left; display: block; font-weight: bold; text-decoration: none; text-align: center; color:#000; border-right: 1px solid #FFF;}
	
/* End  */


/* Vertical (secondary) Navigation styles - LHS*/
   .LeftPane .Nav-y
        {float:left; width: 191px; background:url(images/template/nav/lhs/topbar.gif) top no-repeat; padding:19px 0 0 0; }
	/* header */
   .LeftPane .Nav-y .Header                          
		{ width:100%; height: 35px; display: none}
   .LeftPane .Nav-y .Header .Left                    
		{ height:35px; text-align:left; float:left; width:auto; }
   .LeftPane .Nav-y .Header .Title                   
		{padding-left: 10px; font-weight:bold; float:left; }
   .LeftPane .Nav-y .Header .Right                   
		{ height:35px;text-align:left; float:right; width:6px; }
    
	/* body */
   .LeftPane .Nav-y .Body .Left                      
		{text-align:left; height:auto;}
   .LeftPane .Nav-y .Body .Right                     
		{}
   .LeftPane .Nav-y .Body .Content                   
		{margin: 0px; padding:0 0 26px 0; text-align:left; background:url(images/template/nav/lhs/bottombar.gif) bottom no-repeat;  }
    
	/* first group */
   .LeftPane .Nav-y .Body ul                         
		{margin: 0;padding: 0;list-style: none; list-style-type:none; width: 100%}
   .LeftPane .Nav-y .Body li                         
		{ color: #FFF;margin: 0; padding: 0; background:url(images/template/nav/lhs/a_image.gif) no-repeat top right; font-weight:bold;}
   .LeftPane .Nav-y .Body ul li a                    
		{color: #FFF;text-decoration: none;  background:url(images/template/nav/lhs/a_image.gif) no-repeat top right;display: block; padding:5px 0 5px 10px;}
   .LeftPane .Nav-y .Body ul li a:hover              
		{color: #FFF; text-decoration: none; background: url(images/template/nav/lhs/ahover_image.gif) top right no-repeat; display:block;  padding:5px 0 5px 10px;}
   .LeftPane .Nav-y .Body ul li.Selected  
    	{background:#FFF ; color: #666;margin: 0 ;padding: 5px 5px 5px 10px;font: 1em Arial, Helvetica, sans-serif;}   
   .LeftPane .Nav-y .Body ul li.Selected a           
		{color: #666; font: bold 1em Arial, Helvetica, sans-serif;padding: 0;text-decoration: none; display: block; width: 100%; background:url(images/template/bullet2.gif) right no-repeat;}
   .LeftPane .Nav-y .Body ul li.Selected a:hover     
		{color: #666;font: bold 1em Arial, Helvetica, sans-serif;padding: 0;text-decoration: underline; display: block; width: 100%;  background:url(images/template/bullet2.gif) right no-repeat;}
		
    /* second group */
   .LeftPane .Nav-y .Body ul ul                      
		{margin: 8px 0 0 0;padding: 0;}
   .LeftPane .Nav-y .Body ul ul li                   
		{background: none; color: #395978; margin: 0;padding: 5px 10px 5px 27px;}
   .LeftPane .Nav-y .Body ul ul li.Sub               
		{color: #FF9900;font: normal 0.9em Arial, Helvetica, sans-serif;margin: 0;padding: 3px 0 3px 0;}
   .LeftPane .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; }
   .LeftPane .Nav-y .Body ul ul li.Sub a:hover       
		{color: #999; margin: 0; padding: 0 0 5px 10px; }
   .LeftPane .Nav-y .Body ul ul li.Selected          
		{background: none;color:#FFF;margin:0;padding:5px 0 5px 0px; font: bold 0.9em Arial, Helvetica, sans-serif;}
   .LeftPane .Nav-y.Body ul ul li.Selected a        
		{color: #FF9900;margin: 0;padding: 0 0 5px 5px;margin-left:5px;display:block;}
   .LeftPane .Nav-y .Body ul ul li.Selected a:hover  
		{color: #999;margin-left:5px; padding: 0 0 5px 5px;display:block; }
		
    /* third group */
   .LeftPane .Nav-y .Body ul ul ul                       
		{margin: 0;padding: 0;background: none;}
   .LeftPane .Nav-y .Body ul ul ul li                    
		{background: none;color: #FF9900;margin: 0;padding: 5px 0 5px 15px;font: normal 1em Arial, Helvetica, sans-serif;}
   .LeftPane .Nav-y .Body ul ul ul li.Sub                
		{color: #FF9900;margin: 0;}
   .LeftPane .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 Arial, Helvetica, sans-serif; }
   .LeftPane .Nav-y .Body ul ul ul li.Sub a:hover        
		{color: #999; border-style: none; margin: 0; padding: 0 0 5px 15px; }
   .LeftPane .Nav-y .Body ul ul ul li.Selected           
		{background:none;color:#FFF;margin:0;}
   .LeftPane .Nav-y .Body ul ul ul li.Selected a         
		{color: #FF9900;margin: 0;padding: 0 0 5px 10px;margin-left:5px;display:block;}
   .LeftPane .Nav-y .Body ul ul ul li.Selected a:hover   
		{color: #999;margin-left:5px; padding: 0 0 5px 10px;display:block;}
		
    /* footer */
   .LeftPane .Nav-y .Footer                          
		{  float:left; height: 13px; font-size: 11px;}
   .LeftPane .Nav-y .Footer .Left                    
		{text-align:left; float:left; width:6px; height: 13px;}
   .LeftPane .Nav-y.Footer .Right                   
		{ height:13px;text-align:left; float:right; width:6px;}

/* End  */


/* Vertical (secondary) Navigation styles - RHS*/
   .RightPane .Nav-y
        {width:100%; border:1px solid #cfcfcf; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; clear: both; float: left}
  	/* header */
   .RightPane .Nav-y .Header                          
		{ width:100%; height: 35px; 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 Arial, Helvetica, sans-serif; border-bottom:1px solid #cfcfcf; }
   .RightPane .Nav-y .Body ul li a                    
		{color: #FFF; font: bold 1em Arial, Helvetica, sans-serif;padding: 0 0 0 0;text-decoration: none; display: block; width: 100%; color:#de801b !important; }
   .RightPane .Nav-y .Body ul li a:hover              
		{color: #FFF; text-decoration: underline;}
   .RightPane .Nav-y .Body ul li.Selected  
    	{background:#FFF; color: #666;margin: 0;padding: 5px 5px 5px 10px;font: 1em Arial, Helvetica, sans-serif;}   
   .RightPane .Nav-y.Body ul li.Selected a           
		{color: #666; font: bold 1em Arial, Helvetica, 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 Arial, Helvetica, 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; }
	.RightPane .Nav-y .Body ul ul li a
	{color:#0d558c !important;}
   .RightPane .Nav-y .Body ul ul li.Sub               
		{color: #FF9900;font: normal 0.9em Arial, Helvetica, 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 Arial, Helvetica, 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 Arial, Helvetica, 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 Arial, 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; display:none;}
   .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; display:none;}
   .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; display:none;}

/* End  */

/* Search */
    .Search              
		{width: 200px; padding:10px 5px 5px 5px; font-size:11px; font-family: Arial, Sans-Serif, Helvetica;}
    .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:100%;  background: #edede8; margin:0 0 5px 0; clear: both; float: left}
     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-FocusOn .Banner
				{ background:url(images/template/webparts/focuson/lhs_top_r.gif) top right no-repeat; width:100%; color: #de801b; border-bottom:1px solid #dedede;}
            /* Used for rounded corners and to hold a <span> with the title in it. */
            .Box-FocusOn .Banner .Left
				{}
            /* <span> in the above style to show Control title/ page title */
            .Box-FocusOn .Banner .Title
				{font-weight:bold; display:block; padding:8px 5px 8px 8px; color:#de801b; background: url(images/template/webparts/focuson/lhs_top.gif) top left no-repeat; color:#000;}
            /* 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: #edede8 url(images/template/webparts/focuson/bottom_l.gif) bottom left no-repeat; display:block; float:left; width:100%; text-align: center; border-top:1px solid #fff; margin:0;  }
            .Box-FocusOn .Footer .Left
				{text-align:center; float:left; font-weight: bold; width:100%; background: url(images/template/webparts/focuson/bottom_r.gif) bottom right no-repeat;  }
            .Box-FocusOn .Footer .Right
				{/* height:13px;text-align:left; float:right; width:6px;*/}
            .Box-FocusOn .Footer .Left a
				 {/*color:#fff; display:block; width:auto;*/ text-align:left; font-size:90%; display:block;  padding:5px 0px 10px 8px; margin:0 ; color:#567fa3; 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; border-bottom:1px solid #e1e1e0; }
            /* Used to show left edge repeating background image */
            .Box-FocusOn .Body .Left
				{}
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-FocusOn .Body .Content
				{ margin: 0px 4px 0px 7px; float:left; text-align:left; display:inline; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-FocusOn .Body .Content .Text
				{/*float:left; */ padding-bottom:10px;}
            /* 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;  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  */





            /* 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  */



    .Box-News 
	{width:250px;  background: #edede8; margin:0 0 5px 5px; clear: both; float: left}     /* Banner area (usually says 'focus on' in there in regular CMS */
            .Box-News .Banner
				{background:url(images/template/webparts/focuson/lhs_top_r.gif) top right no-repeat; width:100%; color: #de801b; border-bottom:1px solid #dedede;}            /* Used for rounded corners and to hold a <span> with the title in it. */
            .Box-News .Banner .Left
				{}
            /* <span> in the above style to show Control title/ page title */
           	.Box-News .Footer .Left a
				 {/*color:#fff; display:block; width:auto;*/ text-align:left; font-size:90%; display:block;  padding:5px 0px 10px 8px; margin:0 ; color:#567fa3; text-decoration:underline;}
            .Box-News .Banner .Title
				{font-weight:bold; display:block; padding:8px 5px 8px 8px; color:#de801b; background: url(images/template/webparts/focuson/lhs_top.gif) top left no-repeat; color:#000;}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
            .Box-News .Banner .Right
				{}
        /* End  */

        /* User Control Footer areas */
            .Box-News .Footer 
				{background: #edede8 url(images/template/webparts/focuson/bottom_l.gif) bottom left no-repeat; display:block; float:left; width:100%; text-align: center;  margin:0;  }
            .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
				{background: url(images/template/webparts/focuson/bottom_r.gif) bottom right no-repeat; width:100%;  /*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; text-align: center; float:left; }
            /* Used to show left edge repeating background image */
            .Box-News .Body .Left
				{/*text-align:center; float:left; font-weight: bold; width:100%; background: url(images/template/webparts/focuson/bottom_r.gif) bottom right no-repeat;*/ }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-News .Body .Content
				{/* margin: 0px 4px 0px 7px; float:left; text-align:left; display:inline; */ padding:0 0 0 5px;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-News .Body .Content a 
				{float:left; display: block;color:#567fa3; text-decoration:underline;}
			.Box-News .Body .Content a:hover
				{text-decoration:none;} 
            .Box-News .Body .Content dl 
				{}
            .Box-News .Body .Content dl dt 
				{display:block;  }
            .Box-News .Body .Content dl dt a
				{float:left; display:inline;}
            .Box-News .Body .Content dl dd 
				{display:block;  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 0 2px; background:#edede8; border-top:1px solid #fff; }
            .Box-News .Body .Content .morelink a
				{color:#567fa3;}
            .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  */



/* Events Box */

    .Box-Events 
	{width:250px;  background: #edede8; margin:0 0 5px 5px; clear: both; float: left}     /* Banner area (usually says 'focus on' in there in regular CMS */
              .Box-Events  .Banner
				{background:url(images/template/webparts/focuson/lhs_top_r.gif) top right no-repeat; width:100%; color: #de801b; border-bottom:1px solid #dedede;}            /* Used for rounded corners and to hold a <span> with the title in it. */
              .Box-Events  .Banner .Left
				{}
            /* <span> in the above style to show Control title/ page title */
           	  .Box-Events  .Footer .Left a
				 {/*color:#fff; display:block; width:auto;*/ text-align:left; font-size:90%; display:block;  padding:5px 0px 10px 8px; margin:0 ; color:#567fa3; text-decoration:underline;}
              .Box-Events  .Banner .Title
				{font-weight:bold; display:block; padding:8px 5px 8px 8px; color:#de801b; background: url(images/template/webparts/focuson/lhs_top.gif) top left no-repeat; color:#000;}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
             .Box-Events  .Banner .Right
				{}
        /* End  */

        /* User Control Footer areas */
            .Box-Events .Footer 
				{background: #edede8 url(images/template/webparts/focuson/bottom_l.gif) bottom left no-repeat; display:block; float:left; width:100%; text-align: center;  margin:0;  }
            .Box-Events  .Footer .Left
				{float:left; width:6px; height: 13px; background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; }
            .Box-Events  .Footer .Right
				{background: url(images/template/webparts/focuson/bottom_r.gif) bottom right no-repeat; width:100%;  /*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-Events .Body
				{font-size:0.9em; line-height:1.4em; text-align: center; float:left; }
            /* Used to show left edge repeating background image */
            .Box-Events .Body .Left
				{/*text-align:center; float:left; font-weight: bold; width:100%; background: url(images/template/webparts/focuson/bottom_r.gif) bottom right no-repeat;*/ }
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
            .Box-Events .Body .Content
				{/* margin: 0px 4px 0px 7px; float:left; text-align:left; display:inline; */ padding:0 0 0 5px;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
            .Box-Events .Body .Content a 
				{float:left; display: block;color:#567fa3; text-decoration:underline;}
			.Box-Events .Body .Content a:hover
				{text-decoration:none;} 
            .Box-Events .Body .Content dl 
				{}
            .Box-Events .Body .Content dl dt 
				{display:block;  }
            .Box-Events .Body .Content dl dt a
				{float:left; display:inline;}
            .Box-Events .Body .Content dl dd 
				{display:block;  clear: left; margin-bottom: 3px; padding: 2px}
            .Box-Events .Body .Content .Text
				{/*float:left;*/}
            .Box-Events .Body .Content .morelink
                {font-weight: bold; padding: 5px 2px 0 2px; background:#edede8; border-top:1px solid #fff; }
            .Box-Events .Body .Content .morelink a
				{color:#567fa3;}
            .Box-Events.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-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: 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:100%;  background: #edede8; margin:0 0 5px 0; clear: both; float: left}
     /* Banner area (usually says 'focus on' in there in regular CMS */
             .Box-CrossPromo  .Banner
				{ background:url(images/template/webparts/focuson/lhs_top_r.gif) top right no-repeat; width:100%; color: #de801b; border-bottom:1px solid #dedede;}
            /* Used for rounded corners and to hold a <span> with the title in it. */
             .Box-CrossPromo  .Banner .Left
				{}
            /* <span> in the above style to show Control title/ page title */
             .Box-CrossPromo  .Banner .Title
				{font-weight:bold; display:block; padding:8px 5px 8px 8px; color:#de801b; background: url(images/template/webparts/focuson/lhs_top.gif) top left no-repeat; color:#000;}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
             .Box-CrossPromo  .Banner .Right
				{}
        /* End  */

        /* User Control Footer areas */
             .Box-CrossPromo  .Footer 
				{background: #edede8 url(images/template/webparts/focuson/bottom_l.gif) bottom left no-repeat; display:block; float:left; width:100%; text-align: center; border-top:1px solid #fff; margin:0; height:15px;  }
            .Box-CrossPromo  .Footer .Left
				{text-align:center; float:left; font-weight: bold; width:100%; background: url(images/template/webparts/focuson/bottom_r.gif) bottom right no-repeat; height:15px;  }
            .Box-CrossPromo  .Footer .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%; display:block;  padding:5px 0px 10px 8px; margin:0 ; color:#567fa3; text-decoration:underline;}
             .Box-CrossPromo  .Footer .Left a:hover
				{text-decoration:none;}				 
	    /* 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; border-bottom:1px solid #e1e1e0; }
            /* Used to show left edge repeating background image */
             .Box-CrossPromo  .Body .Left
				{}
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
             .Box-CrossPromo  .Body .Content
				{ margin: 0px 4px 0px 7px; float:left; text-align:left; width:100%; padding:5px 0; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
             .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; display: block; color:#0d558c;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
             .Box-CrossPromo  .Body .Content img
				{}
			.Box-CrossPromo  .Body .Content ul	{padding:0; margin:0;}
			.Box-CrossPromo  .Body .Content li	{margin:0; padding:0; list-style:none; float:none !important;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
             .Box-CrossPromo  .Body .Content label
				{display:block; font-weight:bold; width: 100%; clear: both}				
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
             .Box-CrossPromo  .Body .Right
				{background: #DEDEDE}
				
			 .Box-CrossPromo  .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-CrossPromo  .CommandBtn:hover {text-decoration:underline;}
        /* End  */



/* PlacestoVisit Box */

  
    .Box-PlacesToVisit  {width:100%;  background: #edede8; margin:0 0 5px 0; clear: both; float: left}
     /* Banner area (usually says 'focus on' in there in regular CMS */
                 .Box-PlacesToVisit  .Banner
				{ background:url(images/template/webparts/focuson/lhs_top_r.gif) top right no-repeat; width:100%; color: #de801b; border-bottom:1px solid #dedede;}
            /* 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
				{font-weight:bold; display:block; padding:8px 5px 8px 8px; color:#de801b; background: url(images/template/webparts/focuson/lhs_top.gif) top left no-repeat; color:#000;}
            /* 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 
				{background: #edede8 url(images/template/webparts/focuson/bottom_l.gif) bottom left no-repeat; display:block; float:left; width:100%; text-align: center; border-top:1px solid #fff; margin:0; height:15px;  }
               .Box-PlacesToVisit  .Footer .Left
				{text-align:center; float:left; font-weight: bold; width:100%; background: url(images/template/webparts/focuson/bottom_r.gif) bottom right no-repeat;  height:15px; }
                .Box-PlacesToVisit  .Footer .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%; display:block;  padding:5px 0px 10px 8px; margin:0 ; color:#567fa3; 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; border-bottom:1px solid #e1e1e0; background:#edede8; }
            /* Used to show left edge repeating background image */
                 .Box-PlacesToVisit  .Body .Left
				{}
            /* Used to create a usable area for content with regular padding etc. Nested inside the right div */
                 .Box-PlacesToVisit  .Body .Content
				{ margin: 0px 4px 0px 7px; float:left; text-align:left; width:100%; padding:5px 0; }
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
                 .Box-PlacesToVisit  .Body .Content .Text
				{/*float:left; */}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
                 .Box-PlacesToVisit .Body .Content a 
				{float:left; display: block; color:#0d558c;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
                 .Box-PlacesToVisit  .Body .Content img
				{}
			    .Box-PlacesToVisit  .Body .Content ul	{padding:0; margin:0;}
			    .Box-PlacesToVisit  .Body .Content li	{margin:0; padding:0; list-style:none; float:none !important;}
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
                 .Box-PlacesToVisit  .Body .Content label
				{display:block; font-weight:bold; width: 100%; clear: both}				
            /* Nested inside the left div- for expandable widths (ie sliding doors)*/
                 .Box-PlacesToVisit  .Body .Right
				{background: #DEDEDE}
				
			     .Box-PlacesToVisit  .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-PlacesToVisit .CommandBtn:hover {text-decoration:underline;}
				  .Box-PlacesToVisit .Amenities {width:100%;  background: #edede8; margin:0 0 5px 0; clear: both; float: left}
				.Box-PlacesToVisit .Amenities   .Banner
				{ background:url(images/template/webparts/focuson/lhs_top_r.gif) top right no-repeat; width:100%; color: #de801b; border-bottom:1px solid #dedede;}
            /* Used for rounded corners and to hold a <span> with the title in it. */
                 .Box-PlacesToVisit .Amenities  .Banner .Left
				{}
            /* <span> in the above style to show Control title/ page title */
               .Box-PlacesToVisit .Amenities   .Banner .Title
				{font-weight:bold; display:block; padding:8px 5px 8px 8px; color:#de801b; background: url(images/template/webparts/focuson/lhs_top.gif) top left no-repeat; color:#000;}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
                .Box-PlacesToVisit .Amenities   .Banner .Right
				{}

				.Box-PlacesToVisit .Links  .Banner
				{ background:url(images/template/webparts/focuson/lhs_top_r.gif) top right no-repeat; width:100%; color: #de801b; border-bottom:1px solid #dedede;}
            /* Used for rounded corners and to hold a <span> with the title in it. */
                 .Box-PlacesToVisit .Links  .Banner .Left
				{}
            /* <span> in the above style to show Control title/ page title */
               .Box-PlacesToVisit .Links   .Banner .Title
				{font-weight:bold; display:block; padding:8px 5px 8px 8px; color:#de801b; background: url(images/template/webparts/focuson/lhs_top.gif) top left no-repeat; color:#000;}
            /* Used for rounded corners. Can be set to display:none if not required in the layout. */
                .Box-PlacesToVisit .Links   .Banner .Right
				{}
    /* 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; 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  */