.width2 {width:2%; } .width3 {width:3%;} .width4 {width:4%;} .width5 {width:5%;} .width6 {width:6%;} .width7 {width:7%;} .width8 {width:8%;} .width9 {width:9%;} .width10 {width:10%;} .width11 {width:11%;} .width12 {width:12%;} .width13 {width:13%;} .width14 {width:14%;} .width15 {width:15%;} .width16 {width:16%;} .width17 {width:17%;} .width18 {width:18%;} .width19 {width:19%;} .width20 {width:20%;} .width21 {width:21%;} .width22 {width:22%;} .width23 {width:23%;} .width24 {width:24%;} .width25 {width:25%;} .width26 {width:26%;} .width27 {width:27%;} .width28 {width:28%;} .width29 {width:29%;} .width30 {width:30%;} .width31 {width:31%;} .width32 {width:32%;} .width33 {width:33%;} .width34 {width:34%;} .width35 {width:35%;} .width36 {width:36%;} .width37 {width:37%;} .width38 {width:38%;} .width39 {width:39%;} .width40 {width:40%;} .width41 {width:41%;} .width42 {width:42%;} .width43 {width:43%;} .width44 {width:44%;} .width45 {width:45%;} .width46 {width:46%;} .width47 {width:47%;} .width48 {width:48%;} .width49 {width:49%;} .width50 {width:50%;} .width51 {width:51%;} .width52 {width:52%;} .width53 {width:53%;} .width54 {width:54%;} .width55 {width:55%;} .width56 {width:56%;} .width57 {width:57%;} .width58 {width:58%;} .width59 {width:59%;} .width60 {width: 60%;} .width61 {width:61%;} .width62 {width:62%;} .width63 {width:63%;} .width64 {width:64%;} .width65 {width:65%;} .width66 {width:66%;} .width67 {width:67%;} .width68 {width:68%;} .width69 {width:69%;} .width70 {width:70%;} .width71 {width:71%;} .width72 {width:72%;} .width73 {width:73%;} .width74 {width:74%;} .width75 {width:75%;} .width76 {width:76%;} .width77 {width:77%;} .width78 {width:78%;} .width79 {width:79%;} .width80 {width:80%;} .width81 {width:81%;} .width82 {width:82%;} .width83 {width:83%;} .width84 {width:84%;} .width85 {width:85%;} .width86 {width:86%;} .width87 {width:87%;} .width88 {width:88%;} .width89 {width:89%;} .width90 {width:90%;} .width91 {width:91%;} .width92 {width:92%;} .width93 {width:93%;} .width94 {width:94%;} .width95 {width:95%;} .width96 {width:96%;} .width97 {width:97%;} .width98 {width:98%;} .width99 {width:99%;} .width100 {width:100%;} .row_divider { clear: both; margin: 0 0 15px 0; overflow:hidden; width: 100%; } .new_widget { float: left; overflow: hidden; } .stacking { clear: both; margin: 0 0 15px 0; width: 100%; } .widgetPadding { margin: 0 5px;} .lastWidget .widgetPadding { margin: 0 0 0 10px;} .firstWidget .widgetPadding { margin: 0 10px 0 0;} .width100 .widgetPadding { margin-left: 0; margin-right: 0;} #content .last-stack { margin: 0; } #content .uonCarousel { border: 1px solid #5bac26; height: 253px; overflow: hidden; position: relative; width: 673px; } #content .uonCarousel .frame { height: 253px; overflow: hidden; width: 673px; } #content .uonCarousel .frame ul { height: 253px; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 1000000px; } #content .uonCarousel .frame ul li { display: block; float: left; height: 253px; overflow: hidden; width: 673px; } #content .uonCarousel .frame ul li a{ display: block; height: 253px; position: relative; } #content .uonCarousel .frame ul li a:hover { text-decoration: none; } #content .uonCarousel img { height: 253px; width: 673px; } #content .uonCarousel .strapline { background: #5bac26; bottom: 10px; color: #fff; font-family: georgia, 'times new roman', times, serif; font-size: 1.5em; left: 0; padding: 5px; position: absolute; } #content .uonCarousel a:hover .strapline { background: url(../css_img/opacity.png); } #content .uonCarousel ul.controls { list-style: none; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 673px;} #content .uonCarousel ul.controls li{ list-style: none; margin: 0; padding: 0; position: absolute; top: 105px; } #content .uonCarousel ul.controls li.back { left: 0;} #content .uonCarousel ul.controls li.next { right: 0;} #content .uonCarousel ul.controls li a { display: block; height: 41px; overflow: hidden; text-indent: -1000em; width: 33px; } #content .uonCarousel ul.controls li a.previousButton { background: url(../css_img/left-arrow.png) no-repeat -1px top; } #content .uonCarousel ul.controls li a.nextButton { background: url(../css_img/right-arrow.png) no-repeat left top; } #content .mccCarousel .frame { height: 309px; overflow: hidden; width: 675px; } #content .mccCarousel .frame ul { height: 309px; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 1000000px; } #content .mccCarousel .frame ul li { display: block; float: left; height: 309px; overflow: hidden; width: 673px; } #content .mccCarousel img { height: 217px; width: 673px; } #content .mccCarousel .frame ul li div { background: #5bac26; color: #fff; height: 307px; padding: 1px; } #content .mccCarousel .frame ul li div h2{ font-family: georgia, 'times new roman', times, serif; margin: 0; padding: 10px; } #content .mccCarousel .frame ul li div h2 a, #content .mccCarousel .frame ul li div h2 a:hover { color: #fff; } #content .mccCarousel .frame ul li div p { margin: 0; padding: 0 10px 10px; } #content .mccCarousel ul.controls, #content .mccCarousel ul.controls ul{ display: block; list-style: none; left: 0; margin: 0; padding: 0; width: 675px; } #content .mccCarousel ul.controls li{ display: block; list-style: none; left: 0; margin: 0; padding: 0; width: 675px; } #content .mccCarousel ul.controls .pages li{ display: block; float: left; list-style: none; left: 0; margin: 0; width: 169px; } #content .mccCarousel ul.controls .pages li a { background: #5bac26; border-right: 1px solid #fff; border-top: 1px solid #fff; color: #fff; display: block; font-family: georgia, 'times new roman', times, serif; font-size: 1.1em; height: 74px; line-height: 1; overflow: hidden; padding: 10px; position: relative; } #content .mccCarousel ul.controls .pages li a.selected { border-top: none; padding-top: 11px; } #content .mccCarousel ul.controls .pages li a.page-4 { border-right: none; } #content .mccCarousel ul.controls .pages li.page-4 { width: 168px;} #content .mccCarousel ul.controls .pages li a span { bottom: 0; display: block; height: 9px; position: absolute; width: 9px; } #content .mccCarousel ul.controls .pages li a span.sw{ background: url(../css_img/sw.png) no-repeat; left: 0; } #content .mccCarousel ul.controls .pages li a span.se{ background: url(../css_img/se.png) no-repeat; right: 0; } #content .gisSearchWidget { background: #e4f0d8 url(../css_img/gisMap.gif) no-repeat right bottom; border: 1px solid #5bac26; padding: 10px 216px 30px 10px; } #content .gisSearchWidget h2 { color: #3366cc; font-family: georgia, 'times new roman', times, serif; font-size: 1.6em; font-weight: normal; } #content .gisSearchWidget h2 strong { color: #5bac26; font-weight: normal; } #content .gisSearchWidget p { margin: 0 0 10px 0; } #content .gisSearchWidget input.text { border: 1px solid #5bac26; color: #999999; font-family: georgia,'times new roman',serif; font-size: 1.4em; margin: 0; padding: 5px; } #content .gisSearchWidget input.button { border: 1px solid #5bac26; font-size: 1.4em; margin: 0; padding: 4px; } #content .NewOnSiteWidget h2, #content .topFaqWidget h2, #content .recentMeetingsWidget h2, #content .xformsAndDownloadsWidget h2 { margin: 0; font-size: 1em; } #content .WhatsOnWidget h2, #content .opinionPollWidget h2, #content .latestNewsWidget h2, #content .topFaqWidget h2, #content .twitterWidget h2 { background: url(../css_img/widgetBG.gif) repeat-x left center; font-size: 1.2em; margin:0; text-align: center; } #content .WhatsOnWidget h2 span, #content .opinionPollWidget h2 span, #content .latestNewsWidget h2 span, #content .topFaqWidget h2 span, #content .twitterWidget h2 span { background: #fff; padding: 5px; } #content .WhatsOnWidget h3, #content .latestNewsWidget h3 { font-family: georgia, 'times new roman', times, serif; margin:10px 0 0 0; padding:0 0 5px 0;} #content .latestNewsWidget p.date { margin: 0; padding: 0; } #content .latestNewsWidget ul { font-size: 0.9em; list-style:none; padding: 0; margin: 10px 0;} #content .latestNewsWidget ul li { background: url(../css_img/miniBullet.gif) no-repeat left 6px; padding-left: 8px;} #content .WhatsOnWidget p, #content .latestNewsWidget p { font-size: 0.9em; margin:0; padding:0; } #content .latestNewsWidget ul li a, #content .topFaqWidget ul.list li a { font-weight: normal; } #content .WhatsOnWidget p.calendarDate { background: #5BAC26 url(../css_img/calBG.gif) repeat-x top left; border: 1px solid #ccc; color: #fff; float: right; font-weight: normal; font-size: 1.6em; line-height: 1.3; margin:0 5px; padding:0; text-align: center; width: 50px; } #content .WhatsOnWidget p.calendarDate strong { background: #1E4803; color: #fff; display: block; font-family: georgia, 'times new roman', times, serif; font-size: 1.3em; line-height: 0.9; padding: 0 0 4px 0; width: 50px; } #content .middleAdvertWidget .feat_wrap {padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 3px solid #eee;} #content .middleAdvertWidget img { height: 70px; padding:1px; border: 1px solid #ddd; margin: 5px;} #content .middleAdvertWidget h2{ font-size: 1.4em; font-family: georgia, 'times new roman', serif; margin:0; padding:0;} #content .middleAdvertWidget h3 {font-size: 1.1em; color: #666; font-family:verdana, helvetica, arial, san-serif; margin:0; padding: 0;} #content .middleAdvertWidget p { margin:0; padding:0;} #content .rightAdvertWidget { padding: 0; text-align:center;} #content .rightAdvertWidget span {display:block; font-size: 1em; } #content .rightAdvertWidget img {width: 147px; height:94px; padding: 4px 6px 8px 6px } #content .rightAdvertWidget .adwrap {padding-bottom: 10px;} #content .randomimageWidget div { padding: 5px; border: 1px solid #ddd; color: #666;} #content .randomimageWidget img { height: 230px; width: 442px; margin-top:5px; } #content .randomimageWidget div a {padding-right: 10px; background: url(../css_img/bullet.gif) no-repeat right center; font-family: georgia, 'times new roman', serif} #content .eventCalendarWidget {padding: 2px;} #content .eventCalendarWidget h2, #content .eventCalendarWidget table.calendar caption { font-size: 1em; margin:0; padding:0;} #content .eventCalendarWidget table.calendar, #content .eventCalendarWidget table.calendar th { border-color: #e5e5e5; margin:0;} #content .eventCalendarWidget table.calendar td { text-align: center; line-height: 1.8em; padding:0; background: #fff; border-color: #e5e5e5;} #content .eventCalendarWidget table.calendar td.today { background: #5BAC26; color: #fff;} #content .eventCalendarWidget table.calendar td a:link, #content .eventCalendarWidget table.calendar td a:visited, #content #calendarcontainer #calendar td a:hover, #content #calendarcontainer #calendar td a:active { background: #1E4803; color: #fff; display:block; text-decoration: none;} #content .eventCalendarWidget table.calendar td a:hover, #content .eventCalendarWidget table.calendar td a:active { background: #5BAC26;} #content .opinionPollWidget form label {float:none; width: auto; display:inline;} #content .opinionPollWidget p {padding:0 0 5px 0; margin:0;} #content .opinionPollWidget input.button { font-size: 0.9em;} #content .weatherWidget p { padding: 5px; text-align:center; font-size: 1.1em;} #content .weatherWidget p.WeatherImage {padding:0; float: left; } #content .weatherWidget p img {vertical-align:text-top; width:70px; height: 70px; border: 1px solid #666;} #content .weatherWidget p span {text-transform:uppercase; } #content .weatherWidget p.highTemp {background: #f03; color: #fff; border: 1px solid #f00; margin: 0 0 5px 80px;} #content .weatherWidget p.minTemp {background: #06f; color: #fff; border: 1px solid #03f; margin: 0 0 5px 80px;} #content .weatherWidget p.ack {float:none; width: auto; color: #666; font-size:0.9em; margin:0;clear:both;text-align:left; border:none;} #content .weatherWidget p.ack a {color: #666;}