@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] | | #FFF0FF - Very Light Background [rowlow,closebutton,loginbandtop,atozcontacts,forumband2] | | #cbd8cf - Light Background [rhslinkicon,ppathpipe,lhscol1,contactbox,pollquestionheading] | | #FF99FF - Fairly Light Background [pollquestion,pollanswer,polltitle,votebuttons] | | #efefef - Medium Light Background [backstyle, atozbox] | | #CC66CC - Medium Backgroung [secnav,atozboxs,forumhead,pollresult,loginhead,errorhead] | | #676767 - Top Utilities Links | | #285a37 - Medium Dark [backstyle,atozbox,forumband1,loginbandtop,rowhigh] | | #660066 - Dark [imagetitle,errorhead] | | #000 - Black [textarea,p,ul,ol,textnorm,textbold,link,bottomlinks] | \*************************************************************************************************/ /* The rectangular placeholders for html template insersion. */ .template { color : #3B255C; border-style : dotted; background-color : #E6ECE8; font-weight : bold; text-decoration : none; } /* Start of basic set of tags for article */ BODY, body {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 #3B255C;} /* 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%;} /* End Kludge */ P, p{color : #000000; margin: 0 0 1em 0;} UL, ul{color : #000000;} OL, ol{color : #000000;} 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 : 600px;} .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 : #3B255C; padding : 2px 5px 2px 5px; width : 115px;} .relatedhead{color : #3B255C; font-weight : bold; padding : 5px 0 2px 0; background-color : #fff;} .searchhead{color : #3B255C; font-weight : bold; padding : 0 0 2px 0; background-color : #fff;} .articlemargin{padding-left : 10px;} /* 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.aboldgreentitle:link, a.aboldgreentitle:visited, a.aboldgreentitle:active, a.aboldgreentitle:hover, a.aboldgreentitle:focus {color : #000; font-weight : bold; text-decoration : none;} a.aboldgreentitle:link, a.aboldgreentitle:visited, a.aboldgreentitle:active, a.aboldgreentitle:hover, a.aboldgreentitle:focus {color : #3B255C;} a.aboldgreenlink:link, a.aboldgreenlink:visited, a.aboldgreenlink:active, a.aboldgreenlink:hover, a.aboldgreenlink:focus {color : #3B255C; font-weight : bold; text-decoration : underline;} a.aboldlink:hover, a.aboldgreentitle: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{ width: 150px; height : 0px; z-index: 3; } .lhscol2{ position : absolute; width : 150px; height : 100px; top : 10px; left : 5px; z-index: 2; } .whiteline{border-bottom : solid 0px #000;} /***************************************************************\ |* Start of 'breadcrumb trail' navigation *| \***************************************************************/ .pathname { padding-left : 5px; height : 17px; } .pathpipe{color : #000;} a.pathnav:link, a.pathnav:visited, a.pathnav:active, a.pathnav:hover, a.pathnav:focus {color: #000; font-weight : normal; text-decoration : none;} a.pathnav:hover{text-decoration : underline;} .pathnavs {color: #000; 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 : #fff; width : 211px; font-weight : bold; text-transform : capitalize; padding : 4px; } .rhslinkicon{background : no-repeat url(../../images/westberksdc/common/page.gif); padding : 5px 5px 5px 25px;} .homelinkicon{background : no-repeat url(../../images/westberksdc/common/bullet.gif); padding : 5px 5px 5px 25px;} a.arhslink:link, a.arhslink:visited, a.arhslink:active, a.arhslink:hover, a.arhslink:focus {color : #3B255C; 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 : #3B255C; font-weight : normal; text-decoration : none;} a.arhslinkmedia:hover{text-decoration : underline;} /* End of right-hand side navigation block */ /***************************************************************\ |* Start of contact section (not 'related' or 'A to Z') *| \***************************************************************/ .contactheading{color : #3B255C; font-weight : bold; text-decoration : none;} .contactnorm{color : #3B255C; padding : 0 5px 0 0; text-decoration : none;} .contactnormdes{color : #3B255C; padding : 0 5px 0 0; text-decoration : none;} .contactbold{color : #3B255C; padding : 0 5px 0 0; text-decoration : none; font-weight : bold;} .contacttel{color : #3B255C; padding : 0 5px 0 0; text-decoration : none;} .contactfax{color : #3B255C; 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 : #3B255C; 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 : #3B255C; 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 : #3B255C; font-weight : normal; text-decoration : none;} a.acontactweblink:hover{text-decoration : underline;} /* End of contact section */ /***************************************************************\ |* Form section *| \***************************************************************/ .formattachment{font-weight : bold;} /***************************************************************\ |* Article section *| \***************************************************************/ /***************************************************************\ |* Striping for the list style templates *| \***************************************************************/ .rowhigh { padding : 5px; border : solid #fff 1px; background-color : #e6ece8; } .rowlow { padding : 5px; border : solid #fff 1px; background-color : #cbd8cf; } .rowhighhome { padding : 10px; border : solid #fff 1px; background-color : #e6ece8; } .rowlowhome { padding : 10px; border : solid #fff 1px; background-color : #cbd8cf; } /***************************************************************\ |* 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 { border-left : solid #fff 5px; border-right : solid #fff 5px; } /***************************************************************\ |* Contact block *| \***************************************************************/ .defaultbox { width : 150px; background-color : #e6ece8; } .contactbox { width : 150px; background-color : #e6ece8; } .validbox { margin-top : 10px; width :150px; background-color : #e6ece8; } .searchbox { width : 150px; padding : 15px 0 8px 1px; background-color : #e6ece8; } .introsearch, .introevent { padding : 0 5px 0 0; text-decoration : none; } .introsearch, .introcal, .introevent { font-weight : bold; } /***************************************************************\ |* All form buttons that are not graphics *| \***************************************************************/ .btntext { background-color : #cbd8cf; color : #3B255C; font-weight : bold; text-align : center; border : solid 1px #cbd8cf; } /***************************************************************\ |* Search results stripes *| \***************************************************************/ .rowhigh { background-color : #cbd8cf; } .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, .headerblockwide, .infoblock, .formblock, .forminfoblock, .formheaderblock, .formlineblock, .infoblockcouncillor, .staffblock { padding : 5px; font-weight : bold; display : block; float : left; background-color : #cbd8cf; color : #000; } .headerblock{width : 60px;} .headerblockwide{width : 100px;} .infoblock, .forminfoblock, .formlineblock, .infoblockcouncillor { font-weight : normal; background-color : #fff; } .infoblock{width : 300px;} .addressblock, .addressblockwide, .formaddressblock, .addressblockcouncillor { background-color : #cbd8cf; margin-bottom : 4px; } .addressblock{width : 380px;} .addressblockwide{width : 420px;} .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 : #3B255C; font-weight : normal; text-decoration : none; padding : 0 5px 0 5px; z-index: 1; } 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 */ /* The table bar */ .secnavborder{background-color: #cccccc;} /* 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 : 140px; 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: #000; background-color : #cbd8cf; 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 #cbd8cf; } 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.abottomlink:link, a.abottomlink:visited, a.abottomlink:active, a.abottomlink:hover,a.abottomlink:focus, a.abottomlinks:link, a.abottomlinks:visited, a.abottomlinks:active, a.abottomlinks:hover, a.abottomlinks:focus, a.abottomlinkstart:link, a.abottomlinkstart:visited, a.abottomlinkstart:active, a.abottomlinkstart:hover,a.abottomlinkstart:focus, a.abottomlinksstart:link, a.abottomlinksstart:visited, a.abottomlinksstart:active, a.abottomlinksstart:hover, a.abottomlinksnstart:link, a.abottomlinksnstart:visited, a.abottomlinksnstart:active, a.abottomlinksnstart:hover, a.abottomlinksnstart:focus, a.abottomlinksn:link, a.abottomlinksn:visited, a.abottomlinksn:active, a.abottomlinksn:hover, a.abottomlinksn:focus, a.abottomlinkend:link, a.abottomlinkend:visited, a.abottomlinkend:active, a.abottomlinkend:hover,a.abottomlinkend:focus, a.abottomlinksend:link, a.abottomlinksend:visited, a.abottomlinksend:active, a.abottomlinksend:hover, a.abottomlinksend:focus { text-decoration : none; color : #676767; padding : 5px 15px 5px 0; } a.abottomlink:link, a.abottomlink:visited, a.abottomlink:active, a.abottomlink:hover,a.abottomlink:focus, a.abottomlinkstart:link, a.abottomlinkstart:visited, a.abottomlinkstart:active, a.abottomlinkstart:hover,a.abottomlinkstart:focus, a.abottomlinkend:link, a.abottomlinkend:visited, a.abottomlinkend:active, a.abottomlinkend:hover,a.abottomlinkend:focus {font-weight : normal; text-decoration : none;} a.abottomlinks:link, a.abottomlinks:visited, a.abottomlinks:active, a.abottomlinks:hover, a.abottomlinks:focus, a.abottomlinksstart:link, a.abottomlinksstart:visited, a.abottomlinksstart:active, a.abottomlinksstart:hover, a.abottomlinksstart:focus, a.abottomlinksend:link, a.abottomlinksend:visited, a.abottomlinksend:active, a.abottomlinksend:hover, a.abottomlinksend:focus {font-weight : bold;} a.abottomlink:hover, a.abottomlinks:hover, a.abottomlinkstart:hover, a.abottomlinksstart:hover, a.abottomlinkend:hover, a.abottomlinksend:hover{text-decoration : underline} a.abottomlink:link, a.abottomlink:visited, a.abottomlink:active, a.abottomlink:hover,a.abottomlink:focus,a.abottomlinkstart:link, a.abottomlinkstart:visited, a.abottomlinkstart:active, a.abottomlinkstart:hover,a.abottomlinkstart:focus, a.abottomlinks:link, a.abottomlinks:visited, a.abottomlinks:active, a.abottomlinks:hover, a.abottomlinks:focus, a.abottomlinksstart:link, a.abottomlinksstart:visited, a.abottomlinksstart:active, a.abottomlinksstart:hover, a.abottomlinksstart:focus, a.abottomlinksnstart:link, a.abottomlinksnstart:visited, a.abottomlinksnstart:active, a.abottomlinksnstart:hover, a.abottomlinksnstart:focus, a.abottomlinksn:link, a.abottomlinksn:visited, a.abottomlinksn:active, a.abottomlinksn:hover, a.abottomlinksn:focus { background : right no-repeat url(../../images/westberksdc/common/pipe.gif); } .bottompipestart, .bottompipesnstart, .bottompipesstart, .bottompipe, .bottompipes, .bottompipesn, .bottompipeend, .bottompipesend { color : #676767; font-weight : normal; text-decoration : none; list-style-type : none; display : inline; } /* */ /* End of bottom navigation */ /***************************************************************\ |* Start of First level navigation *| \***************************************************************/ .topnavborder{background-color : #e0e0e0;} #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 : url(../../images/westberksdc/common/tabbar/leftoff.gif) no-repeat left top;} a.atopnavsstart:link, a.atopnavsstart:visited, a.atopnavsstart:active, a.atopnavsstart:focus, a.atopnavsstart:hover {background : url(../../images/westberksdc/common/tabbar/lefton.gif) no-repeat left top;} 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 : #000;} a.atopnavsn:hover, a.atopnavsnstart:hover, a.atopnavend:hover, a.atopnav:hover, a.atopnavstart:hover, a.atopnavs:hover {text-decoration : underline;} .hidebullet { list-style-type : none; list-style-image : none; } .killbulletstart, .killbulletsstart, .killbulletsnstart, .killbullet, .killbullets, .killbulletsn, .killbulletend, .killbulletsend { list-style : none; float : left; } .killbulletsn, .killbulletsnstart {background : url(../../images/westberksdc/common/tabbar/rightoffgreen.gif) no-repeat right top;} .killbulletstart, .killbullet {background : url(../../images/westberksdc/common/tabbar/rightoff.gif) no-repeat right top;} .killbulletsstart, .killbullets {background : url(../../images/westberksdc/common/tabbar/righton.gif) no-repeat right top;} .killbulletend {background : url(../../images/westberksdc/common/tabbar/rightoffgrey.gif) no-repeat right top;} .killbulletsend {background : url(../../images/westberksdc/common/tabbar/rightongrey.gif) no-repeat right top;} /*****************************************************************/ .articlebox { width : 150px; background-color : #e6ece8; } .homearticlebox { width : 150px; background-color : #e6ece8; } .imagelinksbox { width : 150px; background-color : #e6ece8; } /*************************************************/ 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 : 142px; display : block; color : #fff; font-weight : bold; text-decoration : none; background-color : #3B255C; 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 : #3B255C solid 1px; background-color : #fff; color : #3B255C; } /****************************************************************************************************************/ /***************************************************************\ |* 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/westberksdc/common/banner_image.gif) no-repeat right bottom; } /* Does nothing when viewing pages normally */ .noprint { } .printonlyinline, .printonlyblock { display: none; } /***************************************************************\ |* Video *| \***************************************************************/ .videoimage { position : absolute; width : 400px; height : 300px; top : 85px; left : 172px; } .videotext { position : absolute; width : 450px; height : 100px; top : 400px; left : 170px; } .videobottombar { position : absolute; width : 450px; top : 450px; left : 170px; } .videosidelogo { background : url(../../images/video/common/banners/sidelogo.gif) no-repeat right; position : absolute; width : 50px; height : 250px; top : 215px; left : 110px; z-index: 1; }