@import url(inlinelinks.css); @import url(calendar.css); /*************************************************************************************************\ | Colour Set - Search and Replace defaults for your scheme. | | --------------------------------------------------------- | | #fff - White [TH,backstyle,imagetitle,date,searchhead,topnav,secnav,rhstitle] | | #EFF2FF - Very Light Background [rowlow,closebutton,loginbandtop,atozcontacts,forumband2] | | #E6F1FF - Light Background [rhslinkicon,ppathpipe,lhscol1,contactbox,pollquestionheading] | | #FFFD9C - Fairly Light Background [pollquestion,pollanswer,polltitle,votebuttons] | | #efefef - Medium Light Background [backstyle, atozbox] | | #D1E6FF - Medium Backgroung [secnav,atozboxs,forumhead,pollresult,loginhead,errorhead] | | #676767 - Top Utilities Links | | #31316E- Medium Dark [backstyle,atozbox,forumband1,loginbandtop,rowhigh] | | #090066 - Dark [imagetitle,errorhead] | | #000 - Black [textarea,p,ul,ol,textnorm,textbold,link,bottomlinks] | \*************************************************************************************************/ /* The rectangular placeholders for html template insersion. */ .template { color : #283076; border-style : dotted 1px blue; background-color : #E6F1FF; font-weight : bold; text-decoration : none; } /* Start of basic set of tags for article */ BODY, body {background-color : #FFFFFF; font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; margin : 0; font-weight : normal; text-align : left; font-size : 70%;} /* For 'textarea', 'input' and 'select' tags the font family is not inherited from the tag and so has to be re-stated. */ TEXTAREA, textarea, INPUT, input, SELECT, select {font-family : Arial, Verdana, Helvetica, Geneva, sans-serif; color : #000;} INPUT, input {border : solid 1px #283076;} /* This is a kludge for Internet Explorer to display text in the input fields at the correct size! (In this case 70%) */ INPUT, input, SELECT, select {font-size : 100%;} TEXTAREA, textarea{font-size : 100%;} P, p{color : #000000; margin: 0 0 1em 0;} UL, ul{color : #000000;} OL, ol{color : #000000;} H1{color : #283076;} H2{color : #283076;} TH, th{color : #000000; background-color : #efefef; padding : 5px;} /* End of basic set of tags for article */ /* Start of miscellaneous styles for article */ .toptable{width : 100%;} .backstyle{color : #000000; font-weight : bold; background-color : #efefef; padding : 5px;} .textnorm{color : #000; font-weight : normal;} .textbold{color : #000; font-weight : bold;} .imagetitle {color: #fff; font-size : 95%; font-weight : bold; background-color : #283076; padding : 2px 5px 2px 5px; width : 115px;} .searchhead{color : #283076; font-weight : bold; padding : 2px 0 2px 0; background-color : #fff;} .relatedhead{color : #283076; font-weight : bold; padding : 15px 0 2px 0; background-color : #fff; width : 200px;} .articlemargin{padding-left : 10px; background-color : #FFFFFF;} /* End of miscellaneous styles for article */ /*************************************************************************************************\ Start of navigation link sets. The defaults look similar to each other, so at first glance this separation appears unnecessary, but a site design has potential for any of the elements within each link to change independantly from one another. It makes the link styles easier to manage. \*************************************************************************************************/ /* Start of general links */ A:link, a:link, A:visited, a:visited, A:active, a:active, A:focus, a:focus {color : #000; text-decoration : underline;} A:hover, a:hover{text-decoration : none;} a.astandardlink:link, a.astandardlink:visited, a.astandardlink:active, a.astandardlink:hover, a.astandardlink:focus {color : #000; font-weight : normal; text-decoration : none;} a.astandardlink:hover, a.aartpathlhs1:hover, a.aartpathlhs2:hover, a.aartpathlhs3:hover, a.aartpathlhs4:hover, a.aartpathlhs5:hover {text-decoration : underline;} a.aboldlink:link, a.aboldlink:visited, a.aboldlink:active, a.aboldlink:hover, a.aboldlink:focus, a.aboldgreenlink:link, a.aboldgreenlink:visited, a.aboldgreenlink:active, a.aboldgreenlink:hover, a.aboldgreenlink:focus {color : #000; font-weight : bold; text-decoration : none;} a.aboldgreenlink:link, a.aboldgreenlink:visited, a.aboldgreenlink:active, a.aboldgreenlink:hover, a.aboldgreenlink:focus {color : #283076; text-decoration : underline;} a.aboldlink:hover{text-decoration : underline;} a.aboldgreenlink:hover{text-decoration : none;} .greenlinkpadding{padding : 0 5px 5px 8px;} /* End of general links */ /***************************************************************\ |* Start of left-hand tree navigation (third level and below). *| \***************************************************************/ .lhscol1{background-color : #FFFFFF; width: 200px;} .lhscol2{background-color : #FFFFFF; width: 200px;} .whiteline{border-bottom : solid 2px #fff;} /***************************************************************\ |* Start of 'breadcrumb trail' navigation *| \***************************************************************/ .pathname { background : no-repeat url(../../images/visitwestberks/common/you_are_here.gif); padding-left : 100px; height : 17px; } .pathpipe{color : #283076;} a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus {color: #283076; font-weight : normal; text-decoration : none;} a.pathnav:hover{text-decoration : underline; background-color: #D1E6FF;} .pathnavs {color: #283076; font-weight : bold; text-decoration : underline;} /* End of 'breadcrumb trail' navigation */ /***************************************************************\ |* Start of right-hand side navigation block *| \***************************************************************/ .rhsbox{float : right; margin : 0 0 10px 10px; width : 200px;} .rhstitle { color : #283076; width : 211px; font-weight : bold; text-transform : capitalize; padding : 4px; } .rhslinkicon{background : no-repeat url(../../images/visitwestberks/common/page.gif); padding : 5px 5px 5px 25px;} .homelinkicon{background : no-repeat url(../../images/visitwestberks/common/bullet.gif); padding : 5px 5px 5px 25px;} a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:hover, a.arhslink:focus {color : #283076; font-weight : normal; text-decoration : none;} a.arhslink:hover{text-decoration : underline;} a.arhslinkmedia:link, a.arhslinkmedia:visited, a.arhslinkmedia:active, a.arhslinkmedia:hover, a.arhslinkmedia:focus {color : #283076; font-weight : normal; text-decoration : none;} a.arhslinkmedia:hover{text-decoration : underline;} /* End of right-hand side navigation block */ /***************************************************************\ |* Start of forum section *| \***************************************************************/ .forumtitle{color: #283076; margin: 0 0 1em 0; font-size : 145%; font-weight : bold; padding : 4px;} .forumsearch{float : right; padding-right : 10px;} .forumsearchhead {color : #000; font-weight : bold; padding-right : 5px;} .forumhead {color : #000; font-weight : bold; padding : 5px; border-bottom : solid 2px #fff; background-color: #cccccc;} .forumtext{color : #000; font-weight : normal;} .forumbold{color : #000; font-weight : bold;} .forumband1{background-color : #E6F1FF;} .forumband2{background-color : #efefef;} /* End of forum section */ /***************************************************************\ |* Start of contact section *| \***************************************************************/ .contactheading{color : #283076; font-weight : bold; text-decoration : none;} .contactnorm{color : #283076; padding : 0 5px 0 0; text-decoration : none;} .contactnormdes{color : #283076; padding : 0 5px 0 0; text-decoration : none;} .contactbold{color : #283076; padding : 0 5px 0 0; text-decoration : none; font-weight : bold;} .contacttel{color : #283076; padding : 0 5px 0 0; text-decoration : none;} .contactfax{color : #283076; padding : 0 5px 0 0; text-decoration : none; padding-left : 1px;} .contactposl{padding : 0 10px 10px 0; float : left;} .contactposr{float : right; padding : 0 0 10px 10px;} a.acontactlink:link, a.acontactlink:visited, a.acontactlink:active, a.acontactlink:hover, a.acontactlink:focus {color : #283076; font-weight : bold; text-decoration : none;} a.acontactlink:hover {text-decoration : underline;} a.acontactemaillink:link, a.acontactemaillink:visited, a.acontactemaillink:active, a.acontactemaillink:hover, a.acontactemaillink:focus {color : #283076; font-weight : normal; text-decoration : none;} a.acontactemaillink:hover{text-decoration : underline;} a.acontactweblink:link, a.acontactweblink:visited, a.acontactweblink:active, a.acontactweblink:hover, a.acontactweblink:focus {color : #283076; font-weight : normal; text-decoration : none;} a.acontactweblink:hover{text-decoration : underline;} /* End of contact section */ /***************************************************************\ |* Form section *| \***************************************************************/ .formattachment{font-weight : bold;} #SITESEARCHFEEDBACK_CONTACT_WEBADDRESS_EMAIL { border-color:#7f9db9; } /***************************************************************\ |* Article section *| \***************************************************************/ /***************************************************************\ |* Search block in top navigation bar *| \***************************************************************/ .rowhigh, .rowlow { padding : 3px 3px 3px 3px; } /***************************************************************\ |* Applies to the article text's left, right and remaindered *| |* related images. \***************************************************************/ /* place an article image on the right of the article */ .rimage { float: right; padding: 0 0 10px 20px; } /* place an article image on the left of the article */ .limage { float: left; padding: 0 20px 10px 0; } /**********************************************************************\ |* decorative bar between the article and the bottom utilities menu *| \**********************************************************************/ /* decorative bar between the article and the bottom utilities menu */ .footflourish { background : url(../../images/visitwestberks/common/footer.gif) repeat-x; border-left : solid #fff 5px; border-right : solid #fff 5px; } /***************************************************************\ |* Contact block *| \***************************************************************/ .contactbox { width : 200px; background-color : #D1E6FF; } .validbox { width : 200px; background-color : #D1E6FF; } .searchbox { width : 200px; padding : 15px 0 8px 0; background-color : #D1E6FF; } .introsearch, .introevent { padding : 0 5px 0 0; text-decoration : none; } .introsearch, .introcal, .introevent { font-weight : bold; } .contactposl, .contactposr, .homeposl, .homeposr { padding : 10px 10px 10px 0; float : left; } .contactposr, .homeposr { float : right; } /***************************************************************\ |* Image Block *| \***************************************************************/ .imageblock { background-color : #ffffff; border : solid 2px #283076; } .imagedescription { color : #ffffff; font-weight : bold; background-color : #283076; border-top : solid 2px #ffffff; padding : 2px; } .imagewidth_185{width : 189px;} .imagewidth_100{width : 100px;} /***************************************************************\ |* related polls *| \***************************************************************/ .polltitleimage { background : url(../../images/visitwestberks/common/toplogo.gif) no-repeat; /* width and height of the image in the background, above */ width : 264px; height : 73px; } .pollsform { width : 200px; padding : 0; margin : 0; background-color : #D1E6FF; } .pollquestion, .pollanswer, .polltitle { font-weight : bold; padding : 3px 5px 3px 5px; color : #283076; } .pollanswer { font-weight : normal; } .polltitle { color: #fff; background-color: #283076; } /***************************************************************\ |* Poll Results (pop-up) *| \***************************************************************/ .showmessgepoll { font-size : 125%; padding : 3px 0 3px 0; font-weight : bold; } .pollquestionheading { padding: 5px 0 5px 0; font-weight : bold; background-color : #E6F1FF; font-size : 100%; } .closebuttonstrip { width : 140%; background-color : #d1e6ff; padding: 5px 5px 5px 5px; } /********** Percentage bars **********/ .pollresult1, .pollresult3, .pollresult5, .pollresult2, .pollresult4 { background-color : #cccccc; color: #000000; } .pollresult2, .pollresult4 { background-color : #E6F1FF; } /************ Style for generic buttons in a related poll if a graphic is not used *************/ .votebuttons { text-align : center; border-top : solid 1px #fff; } .pollbtntext { color : #676767; font-weight : bold; text-align : center; border : solid 1px #fff; width : 98px; background-color : #efefef; } /***************************************************************\ |* Forum section *| \***************************************************************/ .loginhead, .errorhead { padding : 5px 5px 5px 5px; border : solid 2px #fff; background-color: #283076; color : #fff; font-weight : bold; } /***************************************************************\ |* Login section *| \***************************************************************/ .logincontent { width : 50%; } .loginbandtop { background-color : #E6F1FF; border-top : solid 2px #fff; border-left : solid 2px #fff; border-right : solid 2px #fff; padding : 5px 5px 5px 5px; font-weight : bold; } .loginbandbot { background-color : #fff; border-bottom : solid 2px #fff; border-left : solid 2px #fff; border-right : solid 2px #fff; padding : 5px 5px 5px 5px; } /*******************************************************************************************/ /***************************************************************\ |* All form buttons that are not graphics *| \***************************************************************/ .btntext { background-color : #E6F1FF; color : #283076; font-weight : bold; text-align : center; border : solid 1px #E6F1FF; } /***************************************************************\ |* Search results stripes *| \***************************************************************/ .rowhigh { background-color : #D1E6FF; } .rowlow { background-color : #efefef; } /****************** Append to the first of the two 'Underline when hovering on a link' blocks *******************/ /* a.aartpathlhs1:hover, a.aartpathlhs2:hover, a.aartpathlhs3:hover, a.aartpathlhs4:hover, a.aartpathlhs5:hover */ /****************************************************************************************************************/ /****************************************************************************************************************/ /* Additional styles added by Nic Fish during template reviews */ /****************************************************************************************************************/ /* Block of base code that ALL horizontal navigation links use */ a.asecnav:link, a.asecnav:visited, a.asecnav:active, a.asecnav:hover, a.asecnav:focus, a.asecnavs:link, a.asecnavs:visited, a.asecnavs:active, a.asecnavs:hover, a.asecnavs:focus { display : block; text-align : left; text-decoration : none; float : left; padding : 4px 6px 4px 6px; list-style-type : none; } .headerblock, .infoblock, .formblock, .forminfoblock, .formheaderblock, .formlineblock, .recindheadblock { padding : 5px; font-weight : bold; display : block; float : left; background-color : #E6F1FF; color : #000; } .headerblock{width : 60px;} .recindheadblock{width : 120px;} .formheaderblock{width : 150px;} .formblock{width : 505px;} .infoblock, .forminfoblock, .formlineblock { font-weight : normal; background-color : #fff; } .infoblock{width : 300px;} .addressblock, .formaddressblock { background-color : #E6F1FF; margin-bottom : 4px; } .addressblock{width : 380px;} .formaddressblock{width : 470px;} /* Start of sitemap links. */ a.asitemaplink1:link, a.asitemaplink1:visited, a.asitemaplink1:active, a.asitemaplink1:hover, a.asitemaplink1:focus, a.asitemaplink2:link, a.asitemaplink2:visited, a.asitemaplink2:active, a.asitemaplink2:hover, a.asitemaplink2:focus, a.asitemaplink3:link, a.asitemaplink3:visited, a.asitemaplink3:active, a.asitemaplink3:hover, a.asitemaplink3:focus, a.asitemaplink4:link, a.asitemaplink4:visited, a.asitemaplink4:active, a.asitemaplink4:hover, a.asitemaplink4:focus, a.asitemaplink5:link, a.asitemaplink5:visited, a.asitemaplink5:active, a.asitemaplink5:hover, a.asitemaplink5:focus { display : block; float : left; color : #000000; font-weight : normal; text-decoration : none; } a.asitemaplink1:hover, a.asitemaplink2:hover, a.asitemaplink3:hover, a.asitemaplink4:hover, a.asitemaplink5:hover {text-decoration : underline;} .searchstyle { color : #000; font-weight : bold; background-color : #efefef; padding : 5px; clear : left; margin : 2px; } /* Start of utilities navigation */ a.autilnav, a.autilnavs { text-align : left; text-decoration : none; color : #676767; } .utilspipe { color : #676767; font-weight : normal; text-decoration : none; padding : 0 5px 0 5px; } a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:hover, a.autilnav:focus {font-weight : normal;} a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:hover, a.autilnavs:focus {font-weight : bold;} a.autilnav:hover, a.autilnavs:hover{text-decoration : underline} /* End of utilities navigation */ .topnavborder{background-color : #E6F1FF;} /* The table bar */ .secnavborder{background-color: #d1e6ff;} /* Start of left-hand tree navigation (second level and below). */ a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus { width : 188px; display : block; list-style-type : none; text-align : left; text-decoration : none; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:hover, a.atreenav1:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:hover, a.atreenav2:focus, a.atreenav3:link, a.atreenav3:visited, a.atreenav3:active, a.atreenav3:hover, a.atreenav3:focus, a.atreenav4:link, a.atreenav4:visited, a.atreenav4:active, a.atreenav4:hover, a.atreenav4:focus, a.atreenav5:link, a.atreenav5:visited, a.atreenav5:active, a.atreenav5:hover, a.atreenav5:focus { font-weight : normal; } a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:hover, a.atreenav1s:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:hover, a.atreenav2s:focus, a.atreenav3s:link, a.atreenav3s:visited, a.atreenav3s:active, a.atreenav3s:hover, a.atreenav3s:focus, a.atreenav4s:link, a.atreenav4s:visited, a.atreenav4s:active, a.atreenav4s:hover, a.atreenav4s:focus, a.atreenav5s:link, a.atreenav5s:visited, a.atreenav5s:active, a.atreenav5s:hover, a.atreenav5s:focus { font-weight : bold; } a.atreenav1:link, a.atreenav1:visited, a.atreenav1:active, a.atreenav1:focus, a.atreenav1s:link, a.atreenav1s:visited, a.atreenav1s:active, a.atreenav1s:focus, a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:focus { color: #283076; background-color : #D1E6FF; padding : 4px 6px 4px 6px; border-top : solid 2px #fff; text-decoration : none; } a.atreenav2:link, a.atreenav2:visited, a.atreenav2:active, a.atreenav2:focus, a.atreenav2s:link, a.atreenav2s:visited, a.atreenav2s:active, a.atreenav2s:focus { background-color : #fff; border-top : solid 2px #D1E6FF; } a.atreenav1:hover, a.atreenav1s:hover{background-color : #efefef;} a.atreenav2:hover, a.atreenav2s:hover{background-color : #efefef;} /* End of left-hand tree navigation (third level and below). */ .date{color : #fff; font-size : 95%; font-weight : normal; padding : 5px; background-color: #cccccc;} /* Start of bottom navigation */ a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover,a.bottomlink:focus, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus { text-align : left; text-decoration : none; color : #676767; } .bottompipe { color : #676767; font-weight : normal; text-decoration : none; background-color : #283076; padding : 0 5px 0 5px; } a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active, a.bottomlink:hover,a.bottomlink:focus {font-weight : normal; text-decoration : none;} a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active, a.bottomlinks:hover, a.bottomlinks:focus {font-weight : bold;} a.bottomlink:hover, a.bottomlinks:hover{text-decoration : underline} /* End of bottom navigation */ /***************************************************************\ |* Start of First level navigation *| \***************************************************************/ #bardisplay { text-align : center; } .killpadding { margin : 0; padding : 0; } a.atopnavstart:link, a.atopnavstart:visited, a.atopnavstart:active, a.atopnavstart:focus, a.atopnavstart:hover, a.atopnavsnstart:link, a.atopnavsnstart:visited, a.atopnavsnstart:active, a.atopnavsnstart:focus, a.atopnavsnstart:hover, a.atopnavsstart:link, a.atopnavsstart:visited, a.atopnavsstart:active, a.atopnavsstart:focus, a.atopnavsstart:hover, a.atopnav:link, a.atopnav:visited, a.atopnav:active, a.atopnav:focus, a.atopnav:hover, a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:focus, a.atopnavs:hover, a.atopnavend:link, a.atopnavend:visited, a.atopnavend:active, a.atopnavend:focus, a.atopnavend:hover, a.atopnavsend:link, a.atopnavsend:visited, a.atopnavsend:active, a.atopnavsend:focus, a.atopnavsend:hover, a.atopnavsn:link, a.atopnavsn:visited, a.atopnavsn:active, a.atopnavsn:focus, a.atopnavsn:hover { display : block; font-weight : bold; text-decoration: none; color : #fff; padding : 5px 10px 5px 10px; } a.atopnavstart:link, a.atopnavstart:visited, a.atopnavstart:active, a.atopnavstart:focus, a.atopnavstart:hover, a.atopnavsnstart:link, a.atopnavsnstart:visited, a.atopnavsnstart:active, a.atopnavsnstart:focus, a.atopnavsnstart:hover {background-color : #283076; border : solid 0px #E6F1FF;} a.atopnavsstart:link, a.atopnavsstart:visited, a.atopnavsstart:active, a.atopnavsstart:focus, a.atopnavsstart:hover {background-color : #E6F1FF; border : solid 0px #E6F1FF;} a.atopnavs:link, a.atopnavs:visited, a.atopnavs:active, a.atopnavs:focus, a.atopnavs:hover, a.atopnavsend:link, a.atopnavsend:visited, a.atopnavsend:active, a.atopnavsend:focus, a.atopnavsend:hover, a.atopnavsstart:link, a.atopnavsstart:visited, a.atopnavsstart:active, a.atopnavsstart:focus, a.atopnavsstart:hover {color : #283076; padding : 5px;} a.atopnavsn:hover, a.atopnavsnstart:hover, a.atopnavend:hover, a.atopnav:hover, a.atopnavstart:hover, a.atopnavs:hover {text-decoration : underline;} .killbulletstart, .killbulletsstart, .killbulletsnstart, .killbullet, .killbullets, .killbulletsn, .killbulletend, .killbulletsend { list-style : none; float : left; } .killbulletsn, .killbulletsnstart {background-color : #283076; border : solid 2px #E6F1FF;} .killbulletstart, .killbullet {background-color : #283076; border : solid 2px #E6F1FF;} .killbulletsstart, .killbullets {background-color : #E6F1FF; border : solid 2px #283076;} .killbulletend {background-color : #283076; border : solid 2px #E6F1FF;} .killbulletsend {background-color : #E6F1FF; border : solid 2px #283076;} /*****************************************************************/ .articlebox { width : 200px; background-color : #d1e6ff; } /*************************************************/ a.aartpathlhs1:link, a.aartpathlhs1:visited, a.aartpathlhs1:active, a.aartpathlhs1:hover, a.aartpathlhs1:focus, a.aartpathlhs2:link, a.aartpathlhs2:visited, a.aartpathlhs2:active, a.aartpathlhs2:hover, a.aartpathlhs2:focus, a.aartpathlhs3:link, a.aartpathlhs3:visited, a.aartpathlhs3:active, a.aartpathlhs3:hover, a.aartpathlhs3:focus, a.aartpathlhs4:link, a.aartpathlhs4:visited, a.aartpathlhs4:active, a.aartpathlhs4:hover, a.aartpathlhs4:focus, a.aartpathlhs5:link, a.aartpathlhs5:visited, a.aartpathlhs5:active, a.aartpathlhs5:hover, a.aartpathlhs5:focus { width : 190px; display : block; color : #fff; font-weight : bold; text-decoration : none; background-color : #283076; border-top : #fff solid 1px; padding : 4px 5px 4px 5px; } a.aartpathlhs1:hover, a.aartpathlhs2:hover, a.aartpathlhs3:hover, a.aartpathlhs4:hover, a.aartpathlhs5:hover { border-top : #31316E solid 1px; background-color : #fff; color : #283076; } /****************************************************************************************************************/ /***************************************************************\ |* Start of Utilsnav level navigation *| \***************************************************************/ a.autilnavstart:link, a.autilnavstart:visited, a.autilnavstart:active, a.autilnavstart:focus, a.autilnavstart:hover, a.autilnavsnstart:link, a.autilnavsnstart:visited, a.autilnavsnstart:active, a.autilnavsnstart:focus, a.autilnavsnstart:hover, a.autilnavsstart:link, a.autilnavsstart:visited, a.autilnavsstart:active, a.autilnavsstart:focus, a.autilnavsstart:hover, a.autilnav:link, a.autilnav:visited, a.autilnav:active, a.autilnav:focus, a.autilnav:hover, a.autilnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:focus, a.autilnavs:hover, a.autilnavend:link, a.autilnavend:visited, a.autilnavend:active, a.autilnavend:focus, a.autilnavend:hover, a.autilnavsend:link, a.autilnavsend:visited, a.autilnavsend:active, a.autilnavsend:focus, a.autilnavsend:hover, a.autilnavsn:link, a.autilnavsn:visited, a.autilnavsn:active, a.autilnavsn:focus, a.autilnavsn:hover { font-weight : normal; text-decoration: none; color : #676767; padding : 8px; } a.autilnavnavs:link, a.autilnavs:visited, a.autilnavs:active, a.autilnavs:focus, a.autilnavs:hover, a.autilnavsend:link, a.autilnavsend:visited, a.autilnavsend:active, a.autilnavsend:focus, a.autilnavsend:hover, a.autilnavsstart:link, a.autilnavsstart:visited, a.autilnavsstart:active, a.autilnavsstart:focus, a.autilnavsstart:hover { font-weight : bold;} a.autilnavssn:hover, a.autilnavsnstart:hover, a.autilnavend:hover, a.autilnavsend:hover, a.autilnav:hover, a.autilnavs:hover, a.autilnavsstart:hover, a.autilnavstart:hover, a.autilnavsn:hover { text-decoration : underline; } .utilbulletstart, .utilbulletsstart, .utilbulletsnstart, .utilbullet, .utilbullets, .utilbulletsn, .utilbulletend, .utilbulletsend, .formbullet { list-style : none; display : inline; } .utilbullet, .utilbullets, .utilbulletsn, .utilbulletend, .utilbulletsend { background : no-repeat left url(../../images/common/common_pipe.gif); } /*****************************************************************/ .searchrow { background-color : #cccccc; font-weight : bold; text-align : left; width : 100%; padding : 5px; } .bannerimage { width : 100%; background : url(../../images/visitwestberks/common/banner_image.gif) no-repeat right bottom; } /*-------------------------------------------------------*\ | Styles for the striping in the Events Search template | \*-------------------------------------------------------*/ .EventHeadStripe { color : #283076; font-weight : bold; padding : 5px; background-color : #E6F1FF; } .EventHeadDate { color : #000; font-weight : normal; } .EventArticleStripe { padding : 5px 5px 5px 5px; background-color : #D1E6FF; }