/*NEW NAV*/ #nav { position: relative; margin: 0; height:16px; z-index:2; } ul#int, ul#int ul, ul#int ul ul { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#FFFFFF; list-style: none; margin: 0; padding: 0; background-color:#71AB71; } ul#int { background-color: #71AB71; } ul#int li { margin: 0; float:left; } ul#int li a.navBtn { width: 100%; display: block; } ul#int li, ul#int li a.navBtn { height: 16px; } ul#int li a.navBtn span { display: none; } ul#int li ul { position: absolute; width: 140px; left: -999px; } ul#int li ul li { display: block; float: none; background-color:#71AB71; width:140px; height: auto; border-bottom: 1px solid #fff; } ul#int li ul li a { display: block; margin: 0; padding: 3px 5px; font-size: 10px; line-height: 12px; color: #FFFFFF; text-decoration: none; overflow: hidden; } ul#int li ul li a:hover { color: #637D84; background-color:#E9F0F2; } ul#int li ul ul { margin: -19px 0 0 140px; border-left: 1px solid #fff; } ul#int li:hover ul ul, ul#int li.sfhover ul ul { left: -999em; } ul#int li:hover ul, ul#int li li:hover ul, ul#int li.sfhover ul, ul#int li li.sfhover ul { left: auto; } /* homeBtn */ ul#int li#homeBtn, ul#int li#homeBtn a.navBtn { width: 30px; } ul#int li#homeBtn { background: transparent url('../images/nav/opt_nav.gif') 0 -16px no-repeat; } /* ON state */ ul#int li#homeBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') 0 0 no-repeat; } /* OFF state */ ul#int li#homeBtn:hover a.navBtn, ul#int li#homeBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* aboutBtn */ ul#int li#aboutBtn, ul#int li#aboutBtn a.navBtn { width: 65px; } ul#int li#aboutBtn { background: transparent url('../images/nav/opt_nav.gif') -30px -16px no-repeat; } /* ON state */ ul#int li#aboutBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -30px 0 no-repeat; } /* OFF state */ ul#int li#aboutBtn:hover a.navBtn, ul#int li#aboutBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* cityhallBtn */ ul#int li#cityhallBtn, ul#int li#cityhallBtn a.navBtn { width: 52px; } ul#int li#cityhallBtn { background: transparent url('../images/nav/opt_nav.gif') -95px -16px no-repeat; } /* ON state */ ul#int li#cityhallBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -95px 0 no-repeat; } /* OFF state */ ul#int li#cityhallBtn:hover a.navBtn, ul#int li#cityhallBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* eventsBtn */ ul#int li#eventsBtn, ul#int li#eventsBtn a.navBtn { width: 41px; } ul#int li#eventsBtn { background: transparent url('../images/nav/opt_nav.gif') -146px -16px no-repeat; } /* ON state */ ul#int li#eventsBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -146px 0 no-repeat; } /* OFF state */ ul#int li#eventsBtn:hover a.navBtn, ul#int li#eventsBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* wardBtn */ ul#int li#wardBtn, ul#int li#wardBtn a.navBtn { width: 100px; } ul#int li#wardBtn { background: transparent url('../images/nav/opt_nav.gif') -186px -16px no-repeat; } /* ON state */ ul#int li#wardBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -186px 0 no-repeat; } /* OFF state */ ul#int li#wardBtn:hover a.navBtn, ul#int li#wardBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* mediaBtn */ ul#int li#mediaBtn, ul#int li#mediaBtn a.navBtn { width: 37px; } ul#int li#mediaBtn { background: transparent url('../images/nav/opt_nav.gif') -285px -16px no-repeat; } /* ON state */ ul#int li#mediaBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -285px 0 no-repeat; } /* OFF state */ ul#int li#mediaBtn:hover a.navBtn, ul#int li#mediaBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* constituencyBtn */ ul#int li#constituencyBtn, ul#int li#constituencyBtn a.navBtn { width: 72px; } ul#int li#constituencyBtn { background: transparent url('../images/nav/opt_nav.gif') -322px -16px no-repeat; } /* ON state */ ul#int li#constituencyBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -322px 0 no-repeat; } /* OFF state */ ul#int li#constituencyBtn:hover a.navBtn, ul#int li#constituencyBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* ttcBtn */ ul#int li#ttcBtn, ul#int li#ttcBtn a.navBtn { width: 24px; } ul#int li#ttcBtn { background: transparent url('../images/nav/opt_nav.gif') -394px -16px no-repeat; } /* ON state */ ul#int li#ttcBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -394px 0 no-repeat; } /* OFF state */ ul#int li#ttcBtn:hover a.navBtn, ul#int li#ttcBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* resourcesBtn */ ul#int li#resourcesBtn, ul#int li#resourcesBtn a.navBtn { width: 59px; } ul#int li#resourcesBtn { background: transparent url('../images/nav/opt_nav.gif') -418px -16px no-repeat; } /* ON state */ ul#int li#resourcesBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -418px 0 no-repeat; } /* OFF state */ ul#int li#resourcesBtn:hover a.navBtn, ul#int li#resourcesBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* portugeseBtn */ ul#int li#portugeseBtn, ul#int li#portugeseBtn a.navBtn { width: 65px; } ul#int li#portugeseBtn { background: transparent url('../images/nav/opt_nav.gif') -477px -16px no-repeat; } /* ON state */ ul#int li#portugeseBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -477px 0 no-repeat; } /* OFF state */ ul#int li#portugeseBtn:hover a.navBtn, ul#int li#portugeseBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* contactBtn */ ul#int li#contactBtn, ul#int li#contactBtn a.navBtn { width: 47px; } ul#int li#contactBtn { background: transparent url('../images/nav/opt_nav.gif') -541px -16px no-repeat; } /* ON state */ ul#int li#contactBtn a.navBtn { background: transparent url('../images/nav/opt_nav.gif') -541px 0 no-repeat; } /* OFF state */ ul#int li#contactBtn:hover a.navBtn, ul#int li#contactBtn.sfhover a.navBtn { background-image: none; } /* remove OFF state to reveal ON state */ /* MISC STYLES */ .clear { height: 1px; maring: -1px 0 0 0; padding: 0; clear: both; } hr { border: none 0; border-top: 1px dashed #919399; width: 100%; height: 1px; } .hrNews { border: none 0; border-top: 1px dashed #FFFFFF; width: 100%; height: 1px; } .document { display: block; padding: 5px 5px 5px 5px; background-color: #D9F3FC; border: 1px; border-style: dotted; border-color: #C0CDD1; color: #529D52; text-decoration: none; } a:hover.document { background-color: #EDFAFE; color: #4C9CFF; text-decoration: none; } /*re-used styles*/ body { scrollbar-3dlight-color: #D5E0E3; scrollbar-arrow-color: #E9F0F2; scrollbar-base-color: #D5E0E3; scrollbar-darkshadow-color: #D5E0E3; scrollbar-face-color: #72929B; scrollbar-highlight-color: #D5E0E3; scrollbar-shadow-color: #D5E0E3; scrollbar-track-color: #D5E0E3;} .justify {text-align: justify;} .arrow { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #529D52; text-decoration: none;} a:hover.arrow { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #6A9FFF; text-decoration: none;} .newsnav { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF; text-decoration: none;} a:hover.newsnav { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #000000; text-decoration: none;} .newsarrow { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #FFFFFF; text-decoration: none;} a:hover.newsarrow { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #000000; text-decoration: none;} .newsarrowoff { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #CCCCCC; text-decoration: none;} /*general styles*/ .body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #6C6C6C;} .date { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #9B9B9B;} .news { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;} a:hover.news { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline;} .filesize { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #6C6C6C;} .heading { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #6C6C6C;} .subheader { font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0px; font-size: 11px; color: #FFFFFF; text-decoration: none;} a:hover.subheader { font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0px; font-size: 11px; color: #6D6CB5; text-decoration: none;} .cpanel { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #6C6BC8; text-decoration: none;} a:hover.cpanel { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #3E3D91; text-decoration: none;} .complete { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #B4B3EC; text-decoration: none;} .footer { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #529D52; text-decoration: none;} a:hover.footer { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #9DC09D; text-decoration: none;} .link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #529D52; font-weight: normal; text-decoration: none;} a:hover.link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #4C9CFF; font-weight: normal; text-decoration: none;} .hlink { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #529D52; font-weight: bold; text-decoration: none;} a:hover.hlink { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #4C9CFF; font-weight: bold; text-decoration: none;} .printer { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #B4B3EC; font-weight: bold; text-decoration: none;} a:hover.printer { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #3E3D91; font-weight: bold; text-decoration: none;} /*form element styles*/ .formtext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #6C6C6C; font-weight: normal; text-indent: 2px; text-transform: uppercase; text-decoration: none;} .formtextdb { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #35565C; font-weight: normal; text-indent: 2px; text-transform: none; text-decoration: none;} a:hover.formtextdb { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #88AC88; font-weight: normal; text-indent: 2px; text-transform: none; text-decoration: none;} .formtextheading { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; text-indent: 2px; text-transform: uppercase; text-decoration: none;} .required { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-indent: 2px; text-transform: uppercase; color: #FF0000; text-decoration: none;} .confirm { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #5B84F9; font-weight: bold; text-transform: normal; text-decoration: none;} .errorfield { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #FF0000;} .field { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-indent: 0px; color: #395C7C; background-color: #FFFFFF; text-align: left; border-bottom:1px solid #7F9DB9; border-left:1px solid #7F9DB9; border-right:1px solid #7F9DB9; border-top:1px solid #7F9DB9;} .fieldpg { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-indent: 0px; color: #395C7C; background-color: #FFFFFF; text-align: center; border-bottom:1px solid #7F9DB9; border-left:1px solid #7F9DB9; border-right:1px solid #7F9DB9; border-top:1px solid #7F9DB9;} .widthfield { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-indent: 0px; color: #395C7C; background-color: #FFFFFF; text-align: left; border-bottom:1px solid #7F9DB9; border-left:1px solid #7F9DB9; border-right:1px solid #7F9DB9; border-top:1px solid #7F9DB9; width: 100%; } .field2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-indent: 0px; color: #047BC4; background-color: #FFFFFF; text-align: left; border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF;} .field3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-indent: 0px; color: #274CA1; background-color: #FFFFFF; text-align: center; border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF;} .combo { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #395C7C; background-color: #FFFFFF; text-align: left; } .widthcombo { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #395C7C; background-color: #FFFFFF; text-align: left; width: 100%;} .textarea { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-indent: 0px; color: #395C7C; background-color: #FFFFFF;); text-align: left; border-bottom:1px solid #7F9DB9; border-left:1px solid #7F9DB9; border-right:1px solid #7F9DB9; border-top:1px solid #7F9DB9; scrollbar-3dlight-color: #F8F8F8; scrollbar-arrow-color: #395C7C; scrollbar-base-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;} .widthtextarea { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-indent: 0px; color: #395C7C; background-color: #FFFFFF;); text-align: left; border-bottom:1px solid #7F9DB9; border-left:1px solid #7F9DB9; border-right:1px solid #7F9DB9; border-top:1px solid #7F9DB9; scrollbar-3dlight-color: #F8F8F8; scrollbar-arrow-color: #395C7C; scrollbar-base-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; width: 100%; } .fbut { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-indent: 0px; letter-spacing: 0px; color: #395C7C; text-align: center; text-transform: uppercase; background-color: #FFFFFF; border-bottom:solid 1px #7F9DB9; border-left:solid 1px #7F9DB9; border-right:solid 1px #7F9DB9; border-top:solid 1px #7F9DB9;} .fbutton { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-indent: 0px; letter-spacing: 0px; color: #047BC4; text-align: center; text-transform: uppercase; background-color: #FFFFFF; border-bottom:solid 1px #58B4EC; border-left:solid 1px #58B4EC; border-right:solid 1px #94CEF1; border-top:solid 1px #94CEF1;} .adbutton { border : 1px solid #A13336; color : #ffffff; font-size: 10px; text-decoration : none; text-transform: uppercase; font-weight : bold; background : #EE595C; } /*show admin navigation*/ td.adminnavblock a { height:15px; width:100%; display: block;} div.adminnavblock a { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #EE595C; background: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none;} div.adminnavblock a:link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #EE595C; background: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none;} div.adminnavblock a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background: #EE595C; font-weight: bold; text-transform: uppercase; text-decoration: none;} /*event calendar styles*/ .bodyview { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;} .day { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #FFFFFF; text-transform: uppercase; text-decoration: none;} .onday { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #919191; text-transform: uppercase; text-decoration: none;} a:hover.onday { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; text-transform: uppercase; text-decoration: none;} .title { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #529D52; text-transform: uppercase;} .descriptiontitle { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF; text-transform: normal; text-decoration: none;} a:hover.descriptiontitle { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; text-transform: normal; text-decoration: none;} .eventheading { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #529D52; letter-spacing: -1px;} input {font: 9pt arial} select {font: 9pt arial} .add {font: 9pt arial} .copyrightsite {font: bold 8pt verdana} /*blog styles*/ .smalllink { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #529D52; font-weight: normal; text-decoration: none;} a:hover.smalllink { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #4C9CFF; font-weight: normal; text-decoration: none;} .today { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #0F158C; text-transform: uppercase; text-decoration: none;} a:hover.today { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #F53A3A; text-transform: uppercase; text-decoration: none;} .subtitle { font-family: Arial, Verdana, Helvetica, sans-serif; color : #FFFFFF; font-size: 12px; text-transform: none; text-decoration : none; font-weight : bold; text-indent : 2px; } .edittextfield { border : 1px solid #EE595C; color : #942628; font-size: 10px; text-decoration : none; font-weight : bold; width : 100%; background : #F4F1F1; } .loginfield { border : 1px solid #EE595C; color : #942628; font-size: 10px; text-align: center; text-decoration : none; font-weight : bold; width : 100%; background : #F4F1F1; } .editforms { border : 1px solid #EE595C; color : #EE595C; font-size: 10px; text-decoration : none; font-weight : bold; width : 100%; height : 40px; background : #F4F1F1; scrollbar-3dlight-color: #F4F1F1; scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #F4F1F1; scrollbar-darkshadow-color: #F4F1F1; scrollbar-face-color: #EE595C; scrollbar-highlight-color: #F4F1F1; scrollbar-shadow-color: #F4F1F1; scrollbar-track-color: #F4F1F1; } .editformsbig { border : 1px solid #EE595C; color : #EE595C; font-size: 10px; text-decoration : none; font-weight : bold; width : 100%; height : 200px; background : #F4F1F1; scrollbar-3dlight-color: #F4F1F1; scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #F4F1F1; scrollbar-darkshadow-color: #F4F1F1; scrollbar-face-color: #EE595C; scrollbar-highlight-color: #F4F1F1; scrollbar-shadow-color: #F4F1F1; scrollbar-track-color: #F4F1F1; } .submitforms { border : 1px solid #A13336; color : #ffffff; font-size: 11px; text-decoration : none; font-weight : bold; background : #EE595C; } div.sortblog a { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background: #88AC88; font-weight: bold; text-indent: 0px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none;} div.sortblog a:link { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background: #88AC88; font-weight: bold; text-indent: 0px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none;} div.sortblog a:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #637D84; background: #E9F0F2; font-weight: bold; text-indent: 0px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none;} .sortblog { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background: #88AC88; font-weight: bold; text-indent: 0px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none;} a:hover.sortblog { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; background: #88AC88; font-weight: bold; text-indent: 0px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none;} /*original blog styles*/ .displaytd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px;} .latestblog { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;} .blogcomments { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;} .blogcommentsbody { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6C6C6C; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;} .tdcolor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF;} .calendar { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;} .menuspacer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #F0F6FF;} .menutable { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #8C9AB0; background-repeat: repeat-x; background-image: url('images/tb_bg2.gif');} .error { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000;} .tdmain { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;} .headbox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold; background-color: #FFFFFF; text-transform: uppercase;} .formbox { font-size: 10px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #DEEFFF; border-width: 1px; border-color: #9999FF; border-style: solid;} .tags { font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F0F6FF; border-width: 1px; border-color: #9999FF; border-style: solid;} textarea { font-size: 10px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #DEEFFF; border-width: 1px; border-color: #9999FF; border-style: solid;} select { font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #DEEFFF; border-width: 1px; border-color: #9999FF; border-style: solid;} .blogheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; background-repeat: repeat-x; background-image: url('images/tb_bg_header.gif'); color: #000000; background-color: #FFFFFF; border-width: 1px; border-color: #9999FF; border-style: solid; padding-left: 2px; padding-right: 2px;} .footertable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #F0F6FF; background-repeat: repeat-x; background-image: url('images/tb_bg.gif'); padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px;} /* calendar month details page */ #calendarMonthDetails { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #calendarMonthDetails h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 2px; margin: 0; text-align: center; background-color: #EEEEEE; color: #529D52; text-transform: uppercase; } #eventList { margin: 0; padding: 2px; background-color: #EEEEEE; } #eventList .event { margin: 2px 0 0 0; } #eventList .event h3 { margin: 0; font-size: 12px; } #eventList .event h3 a { background-color: #fff; color: #529D52; padding: 5px 3px; display: block; text-decoration: none; } #eventList .event h3 a:hover { color: #6c6c6c; } #eventList .event .eventDetails { margin: 0; } #eventList .event .eventDetails div { margin: 0; padding: 5px; } body.js-enabled #eventList .event .eventDetails { display: none; } /* item pager */ #itemPager { padding: 0; margin: 1em 0; } /* style for results pager */ #itemPager p { float: left; line-height: 1; margin: 0; padding: 0; } ul.pager { float: right; list-style-type: none; margin: 0; padding: 0; line-height: 1; } ul.pager li { float: left; margin: 0; display: block; } li.pagerAll { padding: 0 0.4em 0 0; border-right: 1px solid #000; } li.pagerPrev { padding: 0 0.4em 0 0; } li.pagerNext { padding: 0 0 0 0.4em; } li.pagerPage, li.pagerPageFirst, li.pagerPageLast { padding: 0 0.4em; text-align: center; border-left: 1px solid #000; } li.pagerPageLast { border-right: 1px solid #000; }