﻿.foo{}

/* News Component*/
    /* Forms- for search etc*/
        .News-Form  {display:block;width:100%; font: 1em Arial, Helvetica, sans-serif;float:left;clear:right}
        .News-Form  span.fieldlabel{width: 200px;height: 20px;display:block;float:left;clear:left;padding-top: 3px;margin-left:10px;}
        .News-Form  span.field{width: 200px;min-height: 20px;display:inline;float:left;padding: 3px 13px 0px 0px;font-size:11px;font-family:Arial, Helvetica, sans-serif;overflow:hidden;text-align:left;}
        .News-Form  select.listbox{width:190px;float:left;display:inline;}
        .News-Form  textarea.field{width: 200px;padding-top: 0px;font-size:11px;float:left;font-family:Arial, Helvetica, sans-serif;}
        .News-Form  input.field, .News-Form  select.field{width: 200px;min-height:15px;float:left;padding-top: 0px;font-size:11px;font-family:Arial, Helvetica, sans-serif;vertical-align:middle;}
        .News-Form  input.hiddenfield{display:none;}
        .News-Form  span.fielderror{padding: 0px 0px 0px 10px;display:inline;clear:both;}
        .News-Form  span.fieldrequiredmarker{color:#FF9900;}
        .News-Form  a.CommandBtn, .News-Form a.CommandBtn:link, .News-Form a.CommandBtn:active,.News-Form a.CommandBtn:visited{display: inline;vertical-align: middle;width: 105px;height: 18px;text-align:center;padding: 4px 0px 0px 0px;margin: 0px 0px 0px 6px;font: bold 11px Tahoma,Arial,Sans-Serif;color: #FFF;background:transparent url(images/CommandBtn.gif) 0px -1px no-repeat;text-decoration: none;float:right;}
        .News-Form  a.CommandBtn:hover{background-position:0px -22px ;color: #333333;text-decoration: none;}
        .News-Form  a.CommandBtnSlim,.News-Form a.CommandBtnSlim:link,.News-Form a.CommandBtnSlim:active,.News-Form a.CommandBtnSlim:visited{display: block;vertical-align: middle;width: 70px;height: 19px;text-align: center;padding: 4px 2px 0px 2px;font: 11px Arial, Helvetica, sans-serif;color: #333;background:transparent url(images/CommandBtnSlim.gif) 0px -23px no-repeat;text-decoration: none;float:right;}
        .News-Form  a.CommandBtnSlim:hover{background-position: 0px 0px ;}
    /* end */
    /* News Listings styles */
        /* top four use these styles */
            /* News flash */
                .TopNewsFlash {width:350px;padding:8px;margin-top:10px;border: 1px solid #FF9900;display:block;float:left;}
                .TopNewsFlash .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;}
                .TopNewsFlash .Text {display:block;float:left;}
                .TopNewsFlash .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold;font-size:1.4em;display:block;}
                .TopNewsFlash .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;}
                .TopNewsFlash .Text .Summary {margin-left: 10px;}
                .TopNewsFlash a{color: #666666;}
                .TopNewsFlash a:hover{color: #FF9900}
            /* end */
            /* normal */
                .TopNews {width:350px;padding:8px;margin-top:10px;border: 1px dashed #EFEFEF;display:block;float:left;}
                .TopNews .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;}
                .TopNews .Text {display:block;float:left;}
                .TopNews .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold;font-size:1.4em;display:block;}
                .TopNews .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;}
                .TopNews .Text .Summary { margin-left: 10px;}
                .TopNews a{color: #666666;}
                .TopNews a:hover{color: #FF9900}
            /* end */
        /* end */
        /* the rest use these styles */
            /* News flash */
                .NewsFlash {width:350px;padding:8px;margin-top:10px;border: 1px dashed #FF9900;display:block;float:left;}
                .NewsFlash .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;}
                .NewsFlash .Text {display:block;float:left;}
                .NewsFlash .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold;font-size:1.1em;display:block;}
                .NewsFlash .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;}
                .NewsFlash .Text .Summary { margin-left: 10px;font-size:0.9em;}
                .NewsFlash a{color: #666666;}
                .NewsFlash a:hover{color: #FF9900}
            /* end */
            /* normal */
                .News {width:350px;padding:8px;margin-top:10px;border: 1px solid #FF9900;display:block;float:left;}
                .News .Image {float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;}
                .News .Text {display:block;float:left;}
                .News .Text .Headline {margin-left: 10px; font-weight:bold;font-size:1.1em;display:block;}
                .News .Text .Date { font-style:italic; font-size:0.75em; margin: 0px 0px 0px 10px;display:block;}
                .News .Text .Summary { margin: 0px 0px 0px 10px;font-size:0.9em;}
                .News a{color: #666666;}
                .News a:hover{color: #FF9900}
            /* end */
       /* end */
    /* News details styles */
        .news-imagebox   {font-size:0.75em; background-color:#EFEFEF;float:left;clear:right;padding:5px ;margin:0px 5px 5px 0px;}
        .news-imagebox img{border:2px solid #FFF;}
    /* end 
    .TopArticle{margin:5px 0px 0px 0px;padding-bottom:5px;width:100%}
    .TopArticle .Title{}
    .TopArticle .Flash{}
        .SubArticles{}
    .SubArticles .Title{}
    .SubArticles .Flash{}*/
    
    .TopArticle                 {margin:0px 0px 5px 0px;padding-bottom:0px; background: url(images/template/webparts/boxout_bac_tile.gif) repeat-x;color:#de801b}
    .TopArticle .topleft, .TopArticle .topright, .TopArticle .bottomleft, .TopArticle .bottomright{background-image: url(images/news/1.gif);height: 5px;font-size: 4px; background-repeat:no-repeat;}
    .TopArticle .topleft, .TopArticle .bottomleft {}
    .TopArticle .topright, .TopArticle .bottomright {}
    .TopArticle .topright       {background-position: 100% 0; display:none;}
    .TopArticle .bottomleft     {background-position: 0 -10px;height:5px;}
    .TopArticle .bottomright    {background-position: 100% -10px; display:none}
    .TopArticle .Holder         {min-height: 180px; width: 100%; padding:5px 0 0 0;}
    .TopArticle .inner          {margin-left: 5px;margin-right: 5px;background:#FFF;padding-left: 5px; padding-right:5px;text-align: left;}
    .TopArticle .contentleft, .TopArticle .contentright 
                                {background-image: url(images/news/2.gif);background-repeat: repeat-y;}
    .TopArticle .contentright   {background-position: 100% 0; } 
    .TopArticle a				{text-decoration:none; }
    .TopArticle a:hover, .TopArticle a:active 
                                {text-decoration:underline; }
    .TopArticle .Title          {font: 160% Arial; text-decoration:none; color:#000; clear:right;}
    .TopArticle .Image,.TopArticle .Image img
                                {float:left; margin-right: 6px; border:none !important; margin:5px 8px 0 0;}
	.TopArticle img				{float:left; margin:0; }
    .TopArticle .Flash          {clear:left;display:block;}
    .TopArticle .Body    		{ padding:8px 10px 10px 8px; display:block; }
	 .TopArticle .Body  a:hover {color:#0d558c; text-decoration:underline;}
    .TopArticle .More           {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;}/**/
    .TopArticle .Date           {text-align:right;font-size:80%;margin-left:8px;display:block;width:auto;clear:both;font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#000;}/**/
    
    .SubArticles                {width: 100%; padding: 0px; float: left; margin-top: 10px; clear: both}
    .SubArticle                 {float:left;margin:5px 5px 3px 0; width: 24%;background: #dedede url(images/template/webparts/boxout_bac_tile.gif) repeat-x;}
    .SubArticles span			{font-family:Georgia, "Times New Roman", Times, serif; color:#de801b; font-size:150%; }
	.SubArticle .topleft, .SubArticle .topright, .SubArticle .bottomleft, .SubArticle .bottomright
                                {background-image: url(images/news/1.png);height: 5px;font-size: 4px; background-repeat:no-repeat;}
    .SubArticle .topleft, .SubArticle .bottomleft 
                                { height:5px; }
    .SubArticle .topright, .SubArticle .bottomright 
                                { display:none;}
    .SubArticle .topright       {background-position: 100% 0; display:none;}
    .SubArticle .bottomleft     {}
    .SubArticle .bottomright    {}
    
    .SubArticle .Holder         {min-height: 120px; margin: 0; }
    .SubArticle .Holder img     {float:left; }
    .SubArticle .inner          {margin-left: 5px;margin-right: 5px;background:#FFF; padding:3px; text-align: left;}
    .SubArticle .contentleft, .SubArticle .contentright 
                                {background-image: url(images/news/2.png);background-repeat: repeat-y;}
    .SubArticle .contentright   {background-position: 100% 0; }
    .SubArticle a				{text-decoration:none; color:#0d558c; text-decoration:none !important; padding:5px 0; }
    .SubArticle a:hover, .SubArticle a:active 
                                {text-decoration:underline !important; }
    .SubArticle .Title          {font-size:90%;font-weight:bold;clear:both;text-decoration:none;}
    .SubArticle .Image, .SubArticle .Image img
                                {float:left;display:block; border:none !important;}
    .SubArticle .Flash          {clear:left;display:block;}
    .SubArticle .Body           {float:left;width:auto;font-size:90%; }
	.SubArticle .Body a			{ display:block; float:right; padding:0 0 0 10px; }
    .SubArticle .More           {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;font-size:75%;font-weight:bold;}/**/
    .SubArticle .Date           {text-align:left;font-size:80%; display:block; clear:both; color:#000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}/**/
    
    .ArticleList                {float: left; margin: 5px 0; padding:10px 0}
	.ArticleList span			{font-family:Georgia, "Times New Roman", Times, serif; color:#de801b; font-size:150%; padding:0 0 10px 0; }
    .ArticleList ul             {margin: 10px 0 0 10px; padding:0; }
    .ArticleList ul li          {background:url(images/template/bullet.gif) 0 5px no-repeat; list-style:none; font-size:90%; margin:0; padding:0 0 0 15px;}
    .ArticleList ul li a        {text-decoration:none; color:#0d558c;}
    .ArticleList ul li a:hover  {text-decoration:underline;}
    
    .StandardNewsList           {border-bottom: 1px dotted #666; padding: 4px; width: 100%; margin-bottom: 4px; display: block;}
    .StandardNewsList-Title     {font: 600 1.4em Arial}
    .StandardNewsList-Summary   {}
    .StandardNewsList-Date      {font: bold 0.75em Arial}
    .StandardNewsList-Flash     {color: #CC3300; font-weight: bold;}
    
/* end */




/* Events Component*/
    /* EventsDiary Box */
    .Box-EventsDiary {width:100%; border: 1px solid #cfcfcf; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; float: left}
         /* Banner area */
                .Box-EventsDiary .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-EventsDiary .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-EventsDiary .Banner .Title{padding-left: 10px; font-weight:bold; line-height:32px; float:left; color:#de801b; }
                /* Used for rounded corners. Can be set to display:none if not required in the layout. */
                .Box-EventsDiary .Banner .Right{background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px; }
            /* End  */
            /* Footer areas */
                .Box-EventsDiary .Footer {background:transparent url(images/appfooter_bg.gif) repeat-x;  float:left; height: 13px; font-size: 11px;width:100%; }
                .Box-EventsDiary .Footer .Left{display:none;}
                .Box-EventsDiary .Footer .Right{display:none;}
            /* End  */

            /* Body area*/
                .Box-EventsDiary .Body{font-size:0.9em; line-height:1.4em;}
                /* Used to show left edge repeating background image */
                .Box-EventsDiary .Body .Left{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-EventsDiary .Body .Content{  height: auto; margin: 0px 3px 0px 3px; padding:6px; float:left; text-align:center; display:inline; background: #FFF; padding: 4px;}
                .Box-EventsDiary .Body .Content .Text{float:left;}
                .Box-EventsDiary .Body .Content a {float:left;}
                .Box-EventsDiary .Body .Content img{}
                .Box-EventsDiary .Body .Content .Calender {margin-top: 6px; text-align: center; border:none !important; background:none !important; height:145px;}
				.Box-EventsDiary .Body .Content .Calender td, .Box-EventsDiary .Body .Content .Calender th {border: 1px solid #fff;}
                .Box-EventsDiary .Body .Content .Calender .Title{background-color:#FFF;font-weight:bold;}
                .Box-EventsDiary .Body .Content .Calender .DayHeader {background:#595959; color:#fff;}
				 Box-EventsDiary .Body .Content .Calender .DayHeader
                .Box-EventsDiary .Body .Content .Calender .SelectedDay {background:#fff ; color:#5f265f; }
				.Box-EventsDiary .Body .Content .Calender .SelectedDay a	{ color:#5f265f; font-weight:bold !important;}
                .Box-EventsDiary .Body .Content .Calender .EventDay {background:#CCC;}
                .Box-EventsDiary .Body .Content .Calender .WeekDay{background:#cfdde8; color:#5f265f !important; }
				.Box-EventsDiary .Body .Content .Calender .WeekDay a { color:#5f265f !important;}
                .Box-EventsDiary .Body .Content .Calender .WeekEnd{background:#cfdde8; color:#5f265f !important;}
				.Box-EventsDiary .Body .Content .Calender .WeekEnd a { color:#5f265f !important;}
				.Box-EventsDiary .Body .Content .Calender .WeekEnd a:hover	{}
                .Box-EventsDiary .Body .Content .Calender .Today{background:#ffd548;}
				.Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth {background:#e6e6e6;}
                .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth a:link{color:#FF9900; }
				.Box-EventsDiary .Body .Content div {border:1px solid #cfcfcf; background: url(images/template/button_bac.gif) repeat-x;text-decoration: none; height:15px;}
                
                .Box-EventsDiary  a.CommandBtn, .News-Form a.CommandBtn:link, .News-Form a.CommandBtn:active,.News-Form a.CommandBtn:visited{display: inline;vertical-align: middle;width: 105px;height: 18px;text-align:center;padding: 4px 0px 0px 0px;margin: 0px 0px 0px 6px;font: bold 11px Tahoma,Arial,Sans-Serif;color: #FFF;background:transparent url(images/CommandBtn.gif) 0px -1px no-repeat;text-decoration: none;float:right;}
                .Box-EventsDiary  a.CommandBtn:hover{background-position:0px -22px ;color: #333333;text-decoration: none;}
                .Box-EventsDiary  a.CommandBtnSlim,.News-Form a.CommandBtnSlim:link,.News-Form a.CommandBtnSlim:active,.News-Form a.CommandBtnSlim:visited{display: block;vertical-align: middle;width: 78px;height: 16px;text-align: center;padding: 0px 2px 0px 2px;font: 11px Arial,Sans-Serif;color: #0d558c;}
                .Box-EventsDiary  a.CommandBtnSlim:hover{background-position: 0px 0px ;}
                /* Nested inside the left div- for expandable widths (ie sliding doors)*/
                .Box-EventsDiary .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right;  float:right; }
            /* End  */
    /* End  */
    /* EventsSearch Box */
    .Box-EventsSearch {width:100%; border: 1px solid #cfcfcf; background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; margin-bottom: 3px; float: left}
         /* Banner*/
                .Box-EventsSearch .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-EventsSearch .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-EventsSearch .Banner .Title{padding-left: 10px; font-weight:bold; line-height:32px; float:left; color:#de801b;  }
                /* Used for rounded corners. Can be set to display:none if not required in the layout. */
                .Box-EventsSearch .Banner .Right{background:transparent url(images/appbanner_chamright.gif) no-repeat top right; height:35px;text-align:left; float:right; width:6px; }
            /* End  */

            /* Footer */
                .Box-EventsSearch .Footer { background:transparent url(images/appfooter_bg.gif) repeat-x;  float:left; height: 13px; font-size: 11px;width:100%; }
                .Box-EventsSearch .Footer .Left{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;}
                .Box-EventsSearch .Footer .Right{background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;}
            /* End  */

            /* Body*/
                .Box-EventsSearch .Body{font-size:0.9em; line-height:1.4em;}
                /* Used to show left edge repeating background image */
                .Box-EventsSearch .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-EventsSearch .Body .Content{border-top: 1px solid #fff; height: auto; margin: 0px 3px 0px 3px; padding:6px; float:left; text-align:left; display:inline; background: #FFF; padding: 4px;}
                .Box-EventsSearch .Body .Content .Text{float:left; }
                   .Box-EventsSearch .Body .Content input,.Box-EventsSearch .Body .Content select{font-size:1em;}
               /*  .Box-EventsSearch .Body .Content .Calender a {float:left; background:#990000 !important; color:#fff; display:block;}
                .Box-EventsSearch .Body .Content img{}
            .Box-EventsSearch .Body .Content .Calender {font-size:0.9em; margin-left: 10px}
                .Box-EventsSearch .Body .Content .Calender .Title{background-color:#FFF;font-weight:bold;}
                .Box-EventsSearch .Body .Content .Calender .DayHeader {background-color:#FFf;}
                .Box-EventsSearch .Body .Content .Calender .SelectedDay {background-color:#a4bf4f;}
                .Box-EventsSearch .Body .Content .Calender .EventDay {background-color:#CCC;}
                .Box-EventsSearch .Body .Content .Calender .WeekDay{background-color:#EFEFEF;}
                .Box-EventsSearch .Body .Content .Calender .WeekEnd a{background-color:#FFF;}
                .Box-EventsSearch .Body .Content .Calender .Today{background-color:#ffd548;}
                .Box-EventsSearch .Body .Content .Calender .OtherDaysofMonth a:link{color:#FF9900;}*/


				
                
                .Box-EventsSearch  a.CommandBtn, .News-Form a.CommandBtn:link, .News-Form a.CommandBtn:active,.News-Form a.CommandBtn:visited		
                    {display:block; width: 70px; background: url(images/template/searchbut.gif) repeat-x; color: #FFF;  text-align: center; padding: 1px 3px 3px 3px; margin-top: 6px;}
                .Box-EventsSearch  a.CommandBtn:hover
                    {display:block; width: 70px;background: url(images/template/searchbut.gif) repeat-x;}
                .Box-EventsSearch  a.CommandBtnSlim,.News-Form a.CommandBtnSlim:link,.News-Form a.CommandBtnSlim:active,.News-Form a.CommandBtnSlim:visited{display: block;vertical-align: middle;width: 70px;height: 19px;text-align: center;padding: 4px 2px 0px 2px;font: 11px Tahoma,Arial,Sans-Serif;color: #333333;background:transparent url(images/CommandBtnSlim.gif) 0px -23px no-repeat;text-decoration: none;float:right;}
                .Box-EventsSearch  a.CommandBtnSlim:hover{background-position: 0px 0px ;}
                /* Nested inside the left div- for expandable widths (ie sliding doors)*/
                .Box-EventsSearch .Body .Right{background:transparent url(images/appbody_right.gif) repeat-y top right;  float:right; }
                /* End  */
        /* End  */
    /* Events Listings styles */
        .EventList
            {display: block; width: 100%;background: #DEDEDE url(images/rhs_box_background.gif) repeat-x; padding:5px; color:#000;}
       	 .GridView
	   		{background:#fff; }
	    .EventList table
            { width:100%;  }
         .EventList table tbody
		 { margin:5px;}
		 .EventList table tbody td	
		{ background:#fff; border-bottom:1px solid #cfcfcf;}
		.EventList .Event
            { padding:5px;}
        .EventList .Event .Image
            {float: left;max-width:100px; margin-right: 6px; margin-bottom: 10px}
        .EventList .Event .Text
            {display:block; float:left; padding:0 0 5px 0;}
        .EventList .Event .Text .Title 
            {display:block; font-size:1.4em;}
        .EventList .Event .Text .FieldLabel
            {display:block; float:left; margin-left:5px; font-weight:bold; color:#de801b;}
        .EventList .Event .Text .Field
            {width: 120px; display:block; float:left;} 
     /* End  */
    /* Events Detail styles */
        .Event{margin: 10px 0px 10px 0px; display: block; width: 100%; padding: 8px;}
        .Event .Image{}
        .Event .Text{}
        .Event .Title {font: 1.4em Verdana;}
        .Event a {color:#de801b; text-decoration:underline;  }
		.Event a:hover {text-decoration:none;}
        .Event .FieldLabel{display:block;float:left;font-weight:bold;}
        .Event .Field{display:block;float:left;} 
    /* End  */
    
/* End  */

/*Blog Component*/
    .post{padding: 4px; margin: 0 0 10px 0; clear: both; width: 500px}
  	.postfoot{padding-top: 0.5em;padding-right: 0em;padding-left: 0em;padding-bottom: 0.5em;font-size: 0.9em;text-transform:uppercase;margin: 0em;color: #666;}
    .postsummary{ }
    .postsummary .title,.postsummary .date{font-size:1.4em;font-weight:bold;padding:5px 0px 10px 0px;display:block;}
    .postsummary .date{text-transform:uppercase;font-size:1.2em;padding:0px; }
    .postseparator{border:1px dotted #CCC}
    .postsummary img{padding:10px;float:right; }
    .postcomment {float: left;width: 80px;overflow: hidden;padding-right: 10px; color: #999;font-family: Georgia, Serif;text-transform: uppercase;text-align: center; font-size: 90%;font-weight: bold;}
    .postthanks {border: 1px dotted #666; padding: 4px; font-weight: bold; font-size: 1.4em}
    
    .TagCollection 
        {padding: 0px; font-size: 90%; margin: 0px; line-height: 200%; list-style-type: none}
        
    .Tag1   {padding: 0px; margin: 0px; display: inline}
    .Tag1 a {font-size: 160%; font-weight: 900; margin-right: 6px; text-decoration: none}
    .Tag2   {padding: 0px; margin: 0px; display: inline}
    .Tag2 a {font-size: 145%; font-weight: 800; margin-right: 6px; text-decoration: none}
    .Tag3   {padding: 0px; margin: 0px; display: inline}
    .Tag3 a {font-size: 130%; font-weight: 600; margin-right: 6px; text-decoration: none}
    .Tag4   {padding: 0px; margin: 0px; display: inline}
    .Tag4 a {font-size: 120%; font-weight: 500; margin-right: 6px; text-decoration: none}
    .Tag5   {padding: 0px; margin: 0px; display: inline}
    .Tag5 a {font-size: 110%; font-weight: 300; margin-right: 6px; text-decoration: none}



