.foo{}

/* News Component*/
    /* Forms- for search etc*/
        .News-Form  {display:block;width:100%;font: 1em Verdana, 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:Verdana, Arial, Helvetica, sans-serif;word-wrap: break-word;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:Verdana, Arial, Helvetica, sans-serif; background:url(images/fieldbg.gif); border: 1px solid #CCCCCC }
        .News-Form  input.field, .News-Form  select.field{width: 200px;min-height:15px;float:left;padding-top: 0px;font-size:11px;font-family:Verdana, 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 Verdana, Arial, Helvetica, 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 Verdana, Arial, Helvetica, sans-serif;;color: #333333;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:5px 0px 0px 0px;padding-bottom:5px;width:100%;}
    .TopArticle .topleft, .TopArticle .topright, .TopArticle .bottomleft, .TopArticle .bottomright{ background-image: url(images/news/1.gif);height: 10px;font-size: 4px; background-repeat:no-repeat;}
    .TopArticle .topleft, .TopArticle .bottomleft { margin-right: 10px;margin-left: 0px; }
    .TopArticle .topright, .TopArticle .bottomright { margin-left: 10px; margin-top: -10px;}
    .TopArticle .topright       {background-position: 100% 0;}
    .TopArticle .bottomleft     {background-position: 0 -10px;}
    .TopArticle .bottomright    {background-position: 100% -10px;}
     .TopArticle .Holder        {min-height: 180px; margin: 0 5px 0 0px;}
    .TopArticle .inner          {margin-left: 10px;margin-right: 10px;background:#FFF;padding-left: 10px; padding-right:10px;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-size:160%;font-weight:bold;clear:both;text-decoration:none;}
    .TopArticle .Image,.TopArticle .Image img
                                {float:left;display:block;}
    .TopArticle .Flash          {clear:left;display:block;}
    .TopArticle .Body           {float:left;margin-left:8px;width:300px;}
    .TopArticle .More           {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;}/**/
    .TopArticle .Date           {text-align:right;font-size:75%;margin-left:8px;display:block;width:auto;clear:both;}/**/
    
    .SubArticles                {clear:both;float:left;}
    .SubArticle                 {float:left;width:132px;margin:0px 0px 0px 0px;padding-bottom:0px;}
    .SubArticle .topleft, .SubArticle .topright, .SubArticle .bottomleft, .SubArticle .bottomright
                                {background-image: url(images/news/1.png);height: 10px;font-size: 4px; background-repeat:no-repeat;}
    .SubArticle .topleft, .SubArticle .bottomleft 
                                {margin-right: 10px;margin-left: 0px; }
    .SubArticle .topright, .SubArticle .bottomright 
                                {margin-left: 10px; margin-top: -10px;}
    .SubArticle .topright       {background-position: 100% 0;}
    .SubArticle .bottomleft     {background-position: 0 -10px;}
    .SubArticle .bottomright    {background-position: 100% -10px;}
    
    .SubArticle .Holder         {min-height: 100px; margin: 0 5px 0 0px;}
    .SubArticle .inner          {margin-left: 10px;margin-right: 10px;background:#FFF;padding-left: 10px; padding-right:10px;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; }
    .SubArticle a:hover, .SubArticle a:active 
                                {color: #FF9900;text-decoration:underline; }
    .SubArticle .Title          {font-size:90%;font-weight:bold;clear:both;text-decoration:none;}
    .SubArticle .Image,.SubArticle .Image img
                                {float:left;display:block;}
    .SubArticle .Flash          {clear:left;display:block;}
    .SubArticle .Body           {float:left;margin-left:8px;width:auto;font-size:90%;}
    .SubArticle .More           {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;font-size:75%;font-weight:bold;}/**/
    .SubArticle .Date           {text-align:right;font-size:75%;margin-left:8px;display:block;width:auto;font-size:75%;clear:both;}/**/
    
    .ArticleList                {float: left; width: 250px;}
    .ArticleList ul             {float: left;display:block;margin-right: 8px;font: 1em}
    .ArticleList ul li          {list-style: url(images/homepagerightcol/bullet.gif);}
    .ArticleList ul li a        {text-decoration:none;font-weight:bold;font-size:80%;}
    .ArticleList ul li a:hover  {color:#FF9900;text-decoration:underline;}
/* end */




/* Events Component*/
    /* EventsDiary Box */
         /* 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; }
                /* 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{background:transparent url(images/appfooter_left.gif) no-repeat top left; text-align:left; float:left; width:6px; height: 13px;}
                .Box-EventsDiary .Footer .Right{background:transparent url(images/appfooter_right.gif) no-repeat top right; height:13px;text-align:left; float:right; width:6px;}
            /* 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{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-EventsDiary .Body .Content{border-top: 1px solid #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding:10px; float:left; text-align:left; display:inline;}
                .Box-EventsDiary .Body .Content .Text{float:left; }
                .Box-EventsDiary .Body .Content a {float:left;}
                .Box-EventsDiary .Body .Content img{}
                
                
                .Box-EventsDiary .Body .Content .Calender {}
                .Box-EventsDiary .Body .Content .Calender .Title{background-color:#FFF;border:1px solid #FF9900;font-weight:bold;}
                .Box-EventsDiary .Body .Content .Calender .DayHeader {background-color:#FFf;}
                .Box-EventsDiary .Body .Content .Calender .SelectedDay {background-color:#FF9900;}
                .Box-EventsDiary .Body .Content .Calender .EventDay {background-color:#CCC;}
                .Box-EventsDiary .Body .Content .Calender .WeekDay{background-color:#EFEFEF;}
                .Box-EventsDiary .Body .Content .Calender .WeekEnd{background-color:#FFF;}
                .Box-EventsDiary .Body .Content .Calender .Today{background-color:#ffd548;}
                .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth a:link{color:#FF9900;}
                
                .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 Verdana, Arial, Helvetica, 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: 70px;height: 19px;text-align: center;padding: 4px 2px 0px 2px;font: 11px Verdana, Arial, Helvetica, sans-serif;color: #333333;background:transparent url(images/CommandBtnSlim.gif) 0px -23px no-repeat;text-decoration: none;float:right;}
                .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 */
         /* 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; }
                /* 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 #c8c8c8; height: auto; margin: 0px 6px 0px 6px; padding:10px; float:left; text-align:left; display:inline;}
                .Box-EventsSearch .Body .Content .Text{float:left; }
                .Box-EventsSearch .Body .Content input,.Box-EventsSearch .Body .Content select{font-size:1em;}
                .Box-EventsSearch .Body .Content a {float:left;}
                .Box-EventsSearch .Body .Content img{}
                .Box-EventsSearch .Body .Content .Calender {font-size:0.9em;}
                .Box-EventsSearch .Body .Content .Calender .Title{background-color:#FFF;border:1px solid #FF9900;font-weight:bold;}
                .Box-EventsSearch .Body .Content .Calender .DayHeader {background-color:#FFf;}
                .Box-EventsSearch .Body .Content .Calender .SelectedDay {background-color:#FF9900;}
                .Box-EventsSearch .Body .Content .Calender .EventDay {background-color:#CCC;}
                .Box-EventsSearch .Body .Content .Calender .WeekDay{background-color:#EFEFEF;}
                .Box-EventsSearch .Body .Content .Calender .WeekEnd{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: inline;vertical-align: middle;width: 105px;height: 18px;text-align:center;padding: 4px 0px 0px 0px;margin: 0px 0px 0px 6px;font: bold 11px Verdana, Arial, Helvetica, sans-serif;color: #FFF;background:transparent url(images/CommandBtn.gif) 0px -1px no-repeat;text-decoration: none;float:right;}
                .Box-EventsSearch  a.CommandBtn:hover{background-position:0px -22px ;color: #333333;text-decoration: none;}
                .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 Verdana, Arial, Helvetica, 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;float:left;}
        .EventList .Event{width:300px;padding:8px;margin-top:10px;display:block;float:left;}
        .EventList .Event .Image{float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;}
        .EventList .Event .Text{display:block;float:left;}
        .EventList .Event .Text .Title {display:block;font-size:1.4em; font-weight:bold;}
        .EventList .Event .Text .FieldLabel{display:block;float:left;margin-left:5px;font-weight:bold;}
        .EventList .Event .Text .Field{width: 120px;display:block;float:left;} 
     /* End  */
    /* Events Detail styles */
        .Event{width:300px;padding:8px;margin-top:10px;display:block;float:left;}
        .Event{width:300px;padding:8px;margin-top:10px;display:block;float:left;}
        .Event .Image{float: left;margin-top: 5px;margin-left:5px;border: 1px solid #CCC; max-width:100px;}
        .Event .Text{display:block;float:left;}
        .Event  .Title {display:block;font-size:1.4em; font-weight:bold;}
        .Event  .FieldLabel{display:block;float:left;margin-left:5px;font-weight:bold;}
        .Event  .Field{display:block;float:left;} 
    /* End  */
    
/* End  */

/*Blog Component*/
    .post{padding: 0px; margin: 0 0 20px 0; clear: both;}
  	.postfoot{padding-top: 0.5em;padding-right: 0em;padding-left: 0em;padding-bottom: 0.5em;font-size: 0.9em;margin: 0em;color: #666;}
    .postsummary{ margin-left: 90px;}
    .postcomment {float: left;width: 80px;overflow: hidden;padding-right: 10px; color: #999;font-family: Verdana, Arial, Helvetica, sans-serif;text-transform: uppercase;text-align: center; font-size: 90%;font-weight: bold;}
.search-results {margin-left:0px}
.search-results .strong {margin-left:0px; padding:0}
.search-results .ol {margin:8px; padding:0}
.search-reults .li {margin: 8px 0; padding:0}
.search-reults .li span{margin-left:8px; padding:0}