.foo{} /* News Component*/ /* Forms- for search etc*/ .News-Form {display:block;width:100%; 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 0 0; text-align:left;} .News-Form select.listbox {width:190px;float:left;display:inline;} .News-Form textarea.field {width: 200px;padding-top:0; float:left;} .News-Form input.field, .News-Form select.field{width: 200px;float:left;padding-top: 0;vertical-align:middle;} .News-Form input.hiddenfield {display:none;} .News-Form span.fielderror {padding: 0 0 0 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;color: #FFF;background:transparent url(images/CommandBtn.gif) 0px -1px no-repeat;text-decoration: none;float:right;} .News-Form a.CommandBtn:hover {color: #333; background-position:0px -22px ;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;color: #333;background:transparent url(images/CommandBtnSlim.gif) 0px -23px no-repeat;text-decoration: none;float:right;} .News-Form a.CommandBtnSlim:hover {background-position: 0 0;} /* end */ /* News Listings styles */ /* top four use these styles */ /* News flash */ .TopNewsFlash {border: 1px solid #dedede; width:350px;padding:8px;margin-top:10px;display:block;float:left;} .TopNewsFlash .Image {border: 1px solid #ccc; float: left;margin-top: 5px;margin-left:5px;max-width:100px;} .TopNewsFlash .Text {display:block;float:left;} .TopNewsFlash .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold; display:block;} .TopNewsFlash .Text .Date {font-style:italic; margin: 0 0 0 10px;display:block;} .TopNewsFlash .Text .Summary {margin-left: 10px;} .TopNewsFlash a {} .TopNewsFlash a:hover {} /* end */ /* normal */ .TopNews {border: 1px solid #dedede; width:350px;padding:8px;margin-top:10px;display:block;float:left;} .TopNews .Image {border: 1px solid #CCC; float: left;margin-top: 5px;margin-left:5px; max-width:100px;} .TopNews .Text {display:block;float:left;} .TopNews .Text .Headline {margin-top: 0px;margin-left: 10px; font-weight:bold;display:block;} .TopNews .Text .Date {font-style:italic; margin: 0 0 0 10px;display:block;} .TopNews .Text .Summary {margin-left: 10px;} .TopNews a {} .TopNews a:hover {} /* end */ /* end */ /* the rest use these styles */ /* News flash */ .NewsFlash {width:350px;padding:8px;margin-top:10px;border: 1px solid #dedede;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;display:block;} .NewsFlash .Text .Date {font-style:italic; margin: 0 0 0 10px;display:block;} .NewsFlash .Text .Summary {margin-left: 10px;} .NewsFlash a {} .NewsFlash a:hover {} /* end */ /* normal */ .News {border: 1px solid #dedede; width:350px;padding:8px;margin-top:10px;display:block;float:left;} .News .Image {border: 1px solid #ccc; float: left;margin-top: 5px;margin-left:5px;max-width:100px;} .News .Text {display:block;float:left;} .News .Text .Headline {margin-left: 10px; font-weight:bold; display:block;} .News .Text .Date {font-style:italic;margin: 0 0 0 10px;display:block;} .News .Text .Summary {margin: 0 0 0 10px;} .News a {} .News a:hover {} /* end */ /* end */ /* News details styles */ .news-imagebox { background-color:#EFEFEF;float:left;clear:right;padding:5px ;margin:0px 5px 5px 0px;} .news-imagebox img {border:2px solid #FFF;} /* end */ .TopArticle { margin:0 0 5px 0; padding-bottom:0; background: url(images/news/toparticle_bac.gif) top repeat-x; } .TopArticle .topleft, .TopArticle .topright, .TopArticle .bottomleft, .TopArticle .bottomright{height: 5px; 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 {width: 100%; padding:5px 0 0 0;} .TopArticle .Holder span {color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; } .TopArticle .inner {background:#FFF; margin-left: 5px;margin-right: 5px;padding-left: 5px; padding-right:5px;text-align: left;} .TopArticle .contentleft, .TopArticle .contentright {background: 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 {color:#000; text-decoration:none; 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 {text-decoration:underline;} .TopArticle .More {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;}/**/ .TopArticle .Date {color:#000 !important; font-family:Arial, Helvetica, sans-serif !important; text-align:right; font-size:80% !important;margin-left:8px;display:block; clear:both;font-weight:normal; }/**/ .SubArticles {width: 100%; padding: 0px; float: left; margin-top: 10px; clear: both} .SubArticle {background:#dedede url(images/news/toparticle_bac.gif) top repeat-x; float:left;margin:5px 5px 3px 0; width: 24%; } .SubArticle p {padding:0; margin:0;} .SubArticles span {color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:150%; } .SubArticle .topleft, .SubArticle .topright, .SubArticle .bottomleft, .SubArticle .bottomright {background-image: url(images/news/1.png);height: 5px; 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 {background:#FFF; margin-left: 5px;margin-right: 5px;padding:3px; text-align: left;min-height:170px;} /* ie6 hack (valid)*/ /*\*/ * html .SubArticle .inner {height:15em;} /*end*/ .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; text-decoration:none !important; padding:5px 0; } .SubArticle a:hover, .SubArticle a:active {text-decoration:underline !important; } .SubArticle .Title {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 {width:auto;} .SubArticle .Body a {display:block; float:none; } .SubArticle .More {text-align:right;margin-left:8px;font-weight:bold;text-decoration:none;font-weight:bold;}/**/ .SubArticle .Date {color:#000 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:90% !important; text-align:left; display:block; clear:both; font-weight:normal; padding:3px 0; }/**/ .ArticleList {float: left; margin: 5px 0; padding:10px 0} .ArticleList span { 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; margin:0; padding:0 0 0 15px;} .ArticleList ul li a {text-decoration:none;} .ArticleList ul li a:hover {text-decoration:underline;} .StandardNewsList {border-bottom: 1px solid #dedede; padding: 4px; width: 500px; margin-bottom: 4px; display: block;} .StandardNewsList-Title {} .StandardNewsList-Summary {} .StandardNewsList-Date {color:#000; font-size:80%; } .StandardNewsList-Flash {font-weight: bold;} /* end */ /* Events Component*/ /* EventsDiary Box */ .Box-EventsDiary {border: 1px solid #cfcfcf; background: #DEDEDE url(images/template/RHS_col/rhs_box_background.gif) repeat-x; width:100%; margin-bottom: 3px; float: left} /* Banner area */ .Box-EventsDiary .Banner{width:100%; height: 35px; font-size:120%; } /* Used for rounded corners and to hold a with the title in it. */ .Box-EventsDiary .Banner .Left{height:35px; text-align:left; float:left; width:auto; } /* in the above style to show Control title/ page title */ .Box-EventsDiary .Banner .Title{ color:#668504; 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{height:35px;text-align:left; float:right; width:6px; } /* End */ /* Footer areas */ .Box-EventsDiary .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px 3px 3px; display:block; float:left; width: 143px; text-align: center; } .Box-EventsDiary .Footer .Left{display:none;} .Box-EventsDiary .Footer .Right{display:none;} /* End */ /* Body area*/ .Box-EventsDiary .Body{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{ background: #FFF; border-top: 1px solid #fff; height: auto; margin: 0 3px; padding:6px; float:left; width:135px; text-align:left; display:inline; 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:#668504; } .Box-EventsDiary .Body .Content .Calender .SelectedDay a { color:#fff; font-weight:bold !important; background:#668504;} .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:#e5e5e5; color:#668504 !important; } .Box-EventsDiary .Body .Content .Calender .WeekDay a { color:#668504 !important;} .Box-EventsDiary .Body .Content .Calender .WeekEnd{background:#e5e5e5; color:#668504 !important;} .Box-EventsDiary .Body .Content .Calender .WeekEnd a { color:#668504 !important;} .Box-EventsDiary .Body .Content .Calender .WeekEnd a:hover {} .Box-EventsDiary .Body .Content .Calender .Today{background:#fff;} .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth {background:#f8f8f8; color:#333;} .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth a{color:#999 !important;} .Box-EventsDiary .Body .Content .Calender .OtherDaysofMonth a:hover{ text-decoration:underline;} .Box-EventsDiary .Body .Content .Calender td a {width:18px; } .Box-EventsDiary .Body .Content .Calender td a:hover {background-color:#668504; 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;width: 105px;height: 18px;text-align:center;padding: 4px 0px 0px 0px;margin: 0px 0px 0px 6px;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: 60px;height: 16px;text-align: center;padding: 0px 2px 0px 2px;color: #668504;} .Box-EventsDiary a.CommandBtnSlim:hover{background-position: 0px 0px ;} /* Nested inside the left div- for expandable widths (ie sliding doors)*/ .Box-EventsDiary .Body .Right{float:right; } /* End */ /* End */ /* EventsSearch Box */ .Box-EventsSearch {border: 1px solid #cfcfcf; background: #DEDEDE url(images/template/RHS_col/rhs_box_background.gif) repeat-x; width:100%; margin-bottom: 3px; float: left} /* Banner*/ .Box-EventsSearch .Banner{width:100%; height: 35px; font-size:120%;} /* Used for rounded corners and to hold a 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; } /* in the above style to show Control title/ page title */ .Box-EventsSearch .Banner .Title{color:#668504; 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{height:35px;text-align:left; float:right; width:6px; } /* End */ /* Footer */ .Box-EventsSearch .Footer {background:#fff; border-bottom:3px solid #dedede; margin:0 3px 3px 3px; display:block; float:left; width: 143px; text-align: center; } .Box-EventsSearch .Footer .Left{text-align:left; float:left; width:6px; height: 13px;} .Box-EventsSearch .Footer .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{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{background: #FFF; border-top: 1px solid #fff; height: auto; margin: 0 3px; padding:6px; float:left; width:135px; text-align:left; display:inline; padding: 4px;} .Box-EventsSearch .Body .Content .Text{float:left; } .Box-EventsSearch .Body .Content input,.Box-EventsSearch .Body .Content select{} .Box-EventsSearch .Body .Right{ float:right; } .EventSearchButton {margin:5px 0 0 0;} /* End */ /* End */ /* Events Listings styles */ .EventList {background: url(images/news/toparticle_bac.gif) top repeat-x; display: block; width: 100%;padding:5px;} .GridView {} .EventList table { width:100%; } .EventList table tbody { margin:5px;} .EventList table tbody td { background:#fff; border-bottom:1px solid #dedede;} .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:130%; padding:0 0 10px 0;} .EventList .Event .Text .FieldLabel {color:#668504; 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{margin: 10px 0; display: block; width: 100%; padding: 8px;} .Event .Image{} .Event .Text{} .Event .Title {} .Event a {} .Event a:hover {} .Event .FieldLabel{display:block;float:left;font-weight:bold;} .Event .Field{display:block;float:left;} /* End */ /* End */ /*Blog Component*/ .post {padding: 4px 0; margin: 0 0 10px 0; clear: both; width:500px;} .postfoot {color:#000; font-size:80%; } .postsummary {display:block; } .postsummary a {margin:0 0 5px 0;} .postsummary .title, .postsummary .date{font-weight:bold;padding:5px 0 10px 0;display:block;} .postsummary .date { text-transform:uppercase; padding:0px; } .postseparator {background:#dedede; height:1px; } .postsummary img {padding:10px;float:right; } .postcomment {float: right;width: 80px; font-size:80%; padding-right: 10px; text-transform: uppercase;font-weight: bold;} .postthanks {border: 1px solid #ccc; padding: 4px; font-weight: bold;} .TagCollection {padding: 0px; font-size: 90%; margin: 0px;list-style-type: none; line-height:200%; } .TagCollection ul {display:block;} .TagCollection li {margin:0; padding:0;text-align:center;} .Tag1 {padding: 0px; margin: 0px; text-align:left !important; } .Tag1 a {font-size: 160%; font-weight: 900; text-decoration: none; white-space:nowrap; margin:0 0.2em; text-align:left; } .Tag2 {padding: 0px; margin: 0px; text-align:left !important; } .Tag2 a {font-size: 145%; font-weight: 800; text-decoration: none; white-space:nowrap;margin:0 0.2em; text-align:left;} .Tag3 {padding: 0px; margin: 0px; text-align:left !important; } .Tag3 a {font-size: 130%; font-weight: 600; text-decoration: none; white-space:nowrap;margin:0 0.2em; text-align:left; } .Tag4 {padding: 0px; margin: 0px; text-align:left !important; } .Tag4 a {font-size: 120%; font-weight: 500; text-decoration: none; white-space:nowrap; margin:0 0.2em; text-align:left;} .Tag5 {padding: 0px; margin: 0px; text-align:left !important; } .Tag5 a {font-size: 110%; font-weight: 300; text-decoration: none; white-space:nowrap;margin:0 0.2em; text-align:left;} .Tag1 a:hover, .Tag2 a:hover, .Tag3 a:hover, .Tag4 a:hover, .Tag5 a:hover { text-decoration:underline !important;}