.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:Tahoma, Arial, 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:Tahoma, Arial, 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:Tahoma, Arial, 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 Tahoma,Arial,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 */
/* 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 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: 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-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 Tahoma,Arial,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 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;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  */