.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:374px;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                 {}
    .TopArticle .topleft, .TopArticle .topright, .TopArticle .bottomleft, .TopArticle .bottomright{display:none}
    .TopArticle .topleft, .TopArticle .bottomleft {}
    .TopArticle .topright, .TopArticle .bottomright {}
    .TopArticle .topright       {}
    .TopArticle .bottomleft     {}
    .TopArticle .bottomright    {}
    .TopArticle .Holder, .SubArticle .Holder        
								{width: 100%; padding:5px 0 0 0;}
    .TopArticle .inner, .SubArticle .inner
						         {background:#f3f3f1;margin-left: 5px;margin-right: 5px;padding-left: 5px; padding-right:5px;border-top:2px solid #000;border-bottom:2px solid #000;text-align: left;}
    .TopArticle .contentleft, .TopArticle .contentright 
                                {background:#fff;}
    .TopArticle .contentright   {padding:5px; } 
    .TopArticle a				{text-decoration:none; }
    .TopArticle a:hover, .TopArticle a:active 
                                {text-decoration:underline; }
    .TopArticle .Title, .SubArticle .Title          
								{font-weight:bold; text-decoration:underline; 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,.SubArticle .Body
					    		{padding:8px 10px 10px 8px; display:block;font-size:0.9em }
	.TopArticle .Body  a:hover  {text-decoration:underline;}
    .TopArticle .More, .SubArticle .More
					            {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;}/**/
    .TopArticle .Date,.SubArticle .Date
					            {text-align:right;font-size:80%;margin-left:8px;margin-bottom:5px;display:block;width:auto;clear:both;font-weight:normal;color:#000;}
    .SubArticles                {width: 100%; padding: 0px;  margin-top: 0px; clear: both}
    .SubArticle                 {float:none; margin:5px 5px 3px 0; width: 100%;}
    .SubArticles span			{ }
	.SubArticle .topleft, .SubArticle .topright, .SubArticle .bottomleft, .SubArticle .bottomright
                                {display:none;}
    .SubArticle .topleft, .SubArticle .bottomleft 
                                {}
    .SubArticle .topright, .SubArticle .bottomright 
                                { display:none;}
    .SubArticle .topright       {}
    .SubArticle .bottomleft     {}
    .SubArticle .bottomright    {}
    
    .SubArticle .Holder         {}
    .SubArticle .Holder img     {float:left; }
    .SubArticle .inner          {background:#FFF;border-top:0px solid #000;border-bottom:1px solid #000;}
    .SubArticle .contentleft, .SubArticle .contentright 
                                {}
    .SubArticle .contentright   {}
    .SubArticle a				{}
    .SubArticle a:hover, .SubArticle a:active 
                                {}
    .SubArticle .Title          {padding: 0 0 10px 0;}
    .SubArticle .Image, .SubArticle .Image img
                                {padding: 10px}
    .SubArticle .Flash          { border:2px #FF0000 solid}
    .SubArticle .Body           {}
	.SubArticle .Body a			{ }
    .SubArticle .More           {}/**/
    .SubArticle .Date           {}/**/
    
    .ArticleList                {display:none;}
	.ArticleList span			{}
    .ArticleList ul             {}
    .ArticleList ul li          {}
    .ArticleList ul li a        {}
    .ArticleList ul li a:hover  {}
    
    .StandardNewsList           {}
    .StandardNewsList-Title     {}
    .StandardNewsList-Summary   {}
    .StandardNewsList-Date      {}
    .StandardNewsList-Flash     {}
    
/* 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 .SelectedDay a:hover	{ text-decoration:underline !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; color:#5f265f;}
                .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth a:hover{ text-decoration:underline;}
				.Box-EventsDiary .Body .Content .Calender td a {width:23px; }
				.Box-EventsDiary .Body .Content .Calender td a:hover  {background-color:#de801b; color:#fff !important; text-decoration:underline;}
								
				.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}