I have been experiencing a strange problem with regard to DIV rollovers in firefox, the issue seems to occur on page load or when one returns to the page from another. The central boxes which have a background rollover effect applied to them appear to break the design and repeat down the page (please see attached screenshot)
Does anyone have any ideas what might be causing this and any potential fixes? Alternatively is there another good away to achieve the DIV rollover effect apart from the one currently being used?
url, css and html below
http://www.tcmsolutions.co.uk/new/resources/index.php
Thanks Andy
html { height: 100%; margin-bottom: 1px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #a8b9c7;
background-image: url(../images/layout/mainbg.gif);
background-repeat: repeat-x;
background-position: top;
font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;
}
/* TEXT STYLES */
/* h1 styles */
h1 { margin:0px; font-size:22px; margin-bottom:7px; color:#414040;
}
.floath1 { width:990px; margin-left:auto; margin-right:auto; text-align:left; margin-bottom:5px;
}
.homeright h1 { margin:0px; margin-bottom:5px;
}
#homeovsubintro h1 { margin:0px; font-size:14px; font-weight:bold; margin-bottom:2px; color:#000000;
}
#ovmainintropad h1 { margin:0px; margin-bottom:7px;
}
h2 { margin:0px; font-size:15px; font-weight:bold; margin-bottom:3px;
}
/* -- h2 styles --*/
.homeright h2 { margin:0px; font-size:14px; font-weight:normal; margin-bottom:10px;
}
#ovsubintro h2 { margin:0px; margin-top:-2px;
}
#trainsub h2 { margin:0px; font-size:14px; margin-top:-2px;
}
#homerevtxt h2 { margin:0px; margin-bottom:3px; font-size:14px; font-weight:normal;
}
h3 { margin:0px; font-size:13px; font-weight:bold;
}
/* -- h3 styles --*/
#ovsubintro h3 { margin:0px; margin-bottom:3px; font-size:12px; font-weight:bold;
}
.h3links a:link {color:##7B003F ; text-decoration:underline; }
.h3links a:visited {color:#7B003F ; text-decoration:underline; }
.h3links a:hover {color:#999999 ; cursor:pointer; text-decoration: underline; }
.h3links a:active {color:#7B003F ; text-decoration:underline;
}
.breadcrumb {text-align:left; color:#A6A8AC; font-size:11px; }
.breadcrumb a { color: #808285; }
.breadcrumb a:hover { color: #C81D6F;
}
.dda { font-size: 11px; color:#CCCCCC; margin-bottom:2px; margin-top:1px; }
.dda a:link {color:#CCCCCC; text-decoration:underline; }
.dda a:visited {color:#CCCCCC; text-decoration:underline; }
.dda a:hover {color:#FFFF00; cursor:pointer; text-decoration:none; }
.dda a:active {color:#CCCCCC; text-decoration:underline;
}
.foot { color: #FFFFFF; font-size:11px; padding-left:10px;}
.foot a:link {color:#FFFFFF; text-decoration:none; }
.foot a:visited {color:#FFFFFF; text-decoration:none; }
.foot a:hover {color:#FFFF00; cursor:pointer; text-decoration:none; }
.foot a:active {color:#FFFFFF; text-decoration:none;
}
.footbig { font-size:14px; padding-right:10px; color: #FFFFFF;
}
.footbig a:link {color:#FFFFFF; text-decoration:none; }
.footbig a:visited {color:#FFFFFF; text-decoration:none; }
.footbig a:hover {color:#FFFF00; cursor:pointer; text-decoration:none; }
.footbig a:active {color:#FFFFFF; text-decoration:none;
}
.logout { color:#FFFFFF;}
.logout a:link { color:#FFFF00; text-decoration:none; }
.logout a:visited { color:#FFFF00; text-decoration:none; }
.logout a:active { color:#FFFF00; text-decoration:none; }
.logout a:hover { color:#FFFF00; text-decoration:underline;
}
/* Form Styles */
.searchbox {width:120px; height:17px;border:1px solid #c4015a;}
/* Spacing Styles */
.contactbuttmarg {margin-top:5px;margin-right:10px;}
/* --------------------------------------------- MENU styles ---------------------------------------------------- */
.menu { text-align:center; color:#666666; }
.menu a { display: block; font-weight:normal; font-size: 13px; height:20px; line-height: 20px; text-decoration: none;
border-right:1px solid #FFFFFF; background-image: url(../images/layout/menuOFF.gif); color: #231F20;}
.menu a:hover { background-color:#A4185C; color: #FFFFFF; background-image: url(../images/layout/menuON.gif);
}
.menuhack { background-color: #FFFFFF; color:#FFFFFF;
}
.menusub { position:absolute; visibility: hidden; line-height: 18px; z-index: 100; width: 180px; }
.menusub a { font-size:11px; width: 100%; font-weight:normal; padding-left: 5px; text-decoration: none; display: block;
color: #231F20; background: #E3E3E3; }
.menusub a:hover { background:#A4185C; color: #FFFFFF;
}
#pagesubtab a { display: block; background-image: url(../images/layout/tab-off.gif); text-align:center;
width:113px; height:29px; line-height:29px; color:#000000; text-decoration:none;border-right:1px solid #ffffff; float:left; }
#pagesubtab a:hover { color:#FFFFFF; text-decoration:none; background-image: url(../images/layout/tab-over.gif);border-right:1px solid #ffffff;
}
#pagesubtabSEL { background-image: url(../images/layout/tab-on.gif); text-align:center;width:113px;
height:29px; line-height:29px; color:#414040; font-weight:bold; border-right:1px solid #ffffff; float:left;
}
/* Layout Styles */
#container {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
background-image: url(../images/layout/container-top.gif);
background-repeat: no-repeat;
}
#banner {
height: 90px;
width: 980px;
}
#underbanner {
height: 8px;
width: 980px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 0px;
padding-left: 0px;
}
#bannerL {
float: left;
height: 90px;
width: 764px;
}
#bannerR {
float: right;
height: 90px;
width: 156px;
padding-right:5px;
padding-left:55px;
padding-top:5px;
background-image: url(../images/layout/bannerR.gif);
background-repeat: no-repeat;
background-position: right top;
text-align: right;
}
#menuholder {
height: auto;
width: 980px;
}
#breadholder {
text-align: left;
height: 9px;
width: 980px;
padding-top: 5px;
padding-bottom: 5px;
}
#mainbox {
height: auto;
width: 980px;
margin-bottom: 8px;
}
#leftcol {
float: left;
width: 198px;
text-align: left;
}
#main {
float: left;
height: auto;
width: 570px;
margin-right: 7px;
margin-left: 7px;
text-align: left;
}
#footerbar {
clear: both;
height: 25px;
width: 980px;
background-image: url(../images/layout/footer.gif);
margin-right: auto;
margin-left: auto;
}
#bottomcontainer {
width: 990px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/layout/container-bottom.gif);
background-position: top;
height: 5px;
background-repeat: no-repeat;
}
#footerleft {
text-align: left;
float: left;
height: 23px;
width: 300px;
line-height: 23px;
}
#footermiddle {
text-align: center;
float: left;
height: 23px;
width: 200px;
line-height: 23px;
}
#footerright {
text-align: right;
float: right;
height: 23px;
width: 460px;
line-height: 23px;
}
#rightcol {
float: right;
height: auto;
width: 198px;
text-align: left;
}
#breadL {
float: left;
height: 8px;
line-height:8px;
width: 500px;
}
#user {
float: right;
height: 8px;
width: 300px;
text-align: right;
}
#logout {width: 211px; margin-bottom:10px; height:20px;}
#searchholder {
width: 156px;
margin-bottom:10px;
height:24px;
clear:both;
text-align: right;
float:left;
}
#groupdropholder {width: 156px; margin-bottom:10px; height:20px;float:left;}
/* General Box Styles */
#mediation-experts {
float: left;
height: 306px;
width: 198px;
margin-bottom:8px;
}
#mediation-experts-top {
background-image: url(../images/layout/boxes/mediation-experts-bg.gif);
background-repeat: no-repeat;
float: left;
height: 168px;
width: 188px;
padding: 5px;
color: #FFFFFF;
background-color: #D35E28;
background-position: bottom;
}
#mediation-experts-bottom {
float: left;
height: 100px;
width: 198px;
}
#mediation-experts-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 28px;
color: #FFFFFF;
background-image: url(../images/layout/boxes/box-header-maroon.gif);
background-repeat: no-repeat;
text-align: left;
float: left;
height: 28px;
width: 193px;
padding-left: 5px;
font-weight: bold;
}
#sectionlinks { width:198px; font-size:12px; }
#sectionlinks a { background-image: url(../images/layout/sectionlinkbg.gif); display:block;
background-repeat: no-repeat; background-position:bottom; width: 184px; line-height:18px;
text-decoration:none; color:#7c003f; margin-bottom:5px; padding-bottom:5px; padding-left:14px;}
#sectionlinks a:hover { color:#7B003F;
}
#subnavholder {
float: left;
height: 29px;
width: 570px;
}
#pagescrollcontain { border-left: 1px solid #d2d4d5; border-right: 1px solid #d2d4d5; border-top: 1px solid #d2d4d5; margin-top:1px; width:567px; height:345px; float:left;
}
#pagescroll { scrollbar-face-color:#D4D5D7; scrollbar-highlight-color:#D4D5D7;
scrollbar-3dlight-color:#7B003F; scrollbar-shadow-color:#7B003F; scrollbar-darkshadow-color:#D4D5D7;
scrollbar-track-color:#D4D5D7; scrollbar-arrow-color:#7B003F;
border:0px; width:547px; height:335px; overflow:auto; padding-right:10px; padding-left:10px; padding-top:10px;
}
#nextlastbox { border-left: 1px solid #d2d4d5; border-right: 1px solid #d2d4d5; width:567px; height:20px;
}
#nextlastboxL { width:362px; height:14px; line-height:14px; float:left; padding-left:5px; text-align:left;
}
#nextlastboxR { width:195px; height:14px; line-height:14px; float:right; padding-right:5px; text-align:right;
}
#testimonialbox {
background-image: url(../images/layout/boxes/testimbox.gif);
background-repeat: no-repeat;
float: left;
height: 127px;
width: 569px;
margin-top:8px;
}
#testimboxtop {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
float: left;
height: 79px;
width: 529px;
padding-top: 25px;
padding-left: 40px;
}
#testimboxbottom {
text-align: right;
float: left;
height: 23px;
width: 565px;
padding-right:4px;
}
#centreboxbottom {
background-image: url(../images/layout/boxes/central-box-bottom.gif);
background-repeat: no-repeat;
background-position: top;
float: left;
height: 5px;
width: 569px;
}
#rightdloadlinks { width:186px; text-align:left; }
#rightdloadlinks a { background-image: url(../images/08-components/rightdloadlinkbg.gif);
display:block; padding-left:14px; font-size:11px; margin-bottom:4px;
background-repeat: no-repeat; background-position:top-left; color:#808285; text-decoration:none; }
#rightdloadlinks a:hover { color:#7B003F;
}
/* Home Page Styles */
#homebannerholder {
float: left;
height: 168px;
width: 980px;
}
#homebannerholder {
float: left;
height: 168px;
width: 980px;
}
#homebannerL {
float: left;
height: 168px;
width: 198px;
margin-right: 8px;
}
#homebannerR {
float: right;
height: 168px;
width: 774px;
}
/* Overview Page Styles */
#ovbanner {
height: 150px;
width: 980px;
}
#ovbannerL {
float: left;
height: 150px;
width: 390px;
}
#ovbannerR {
float: right;
height: 150px;
width: 590px;
background-image: url(../images/layout/ovintrobox.gif); background-repeat: no-repeat; height:150px;
}
.ovholder {
float: left;
height: 96px;
width: 980px;
border-bottom:8px solid #ffffff;
}
.ovL {
float: left;
height: 96px;
width: 486px;
margin-right:4px;
}
.ovR {
float: right;
height: 96px;
width: 486px;
margin-left:4px;
}
.ovmainintro br { line-height:10px;
}
#ovmainintropad { padding:7px; margin-bottom:6px; }
#ovmainintropad a:link {color:#7B003F ; text-decoration:none; }
#ovmainintropad a:visited {color:#7B003F ; text-decoration:none; }
#ovmainintropad a:hover {color:#7B003F ; cursor:pointer; text-decoration: underline; }
#ovmainintropad a:active {color:#7B003F ; text-decoration:none;
}
.ovsub a { background-image: url(../images/layout/ovboxOFF.gif); display:block;
background-repeat: no-repeat; width: 486px; height: 96px;
text-decoration:none; color:#000000; margin-top:8px;}
.ovsub a:hover { background-image: url(../images/layout/ovboxON.gif);
background-repeat: no-repeat; text-decoration:none; color:#FFFFFF;
}
.ovsubimg { float:left; width: 96px; cursor:default;
}
.subimgpad { margin:8px;
}
.ovsubintro { float:right; width:389px; text-align:left; cursor:pointer;
}
.subintropad { padding-top:8px; padding-right:8px; cursor:pointer;
}
#homecontent {
float: left;
height: auto;
width: 980px;
margin-top: 8px;
}
#homeL {
float: left;
height: auto;
width: 198px;
border-right: 8px solid #ffffff;
}
#homecentre {
float: left;
height: auto;
width: 578px;
}
#homeR {
float: right;
height: auto;
width: 188px;
}
#freetcmbox {
background-image: url(../images/layout/home/freetcmmembers.jpg);
background-repeat: no-repeat;
float: left;
height: 130px;
width: 198px;
}
#freetcmboxtop {
line-height: 33px;
text-align: left;
float: left;
height: 33px;
width: 173px;
padding-left: 25px;
}
#freetcmboxcontent {
text-align: left;
float: left;
height: 81px;
width: 182px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
#tcmgroupbox {
background-image: url(../images/layout/home/tcmgroupbox.gif);
background-repeat: no-repeat;
float: left;
height: 244px;
width: 198px;
margin-top:8px;
}
#tcmgroupboxtop {
line-height: 33px;
text-align: left;
float: left;
height: 33px;
width: 173px;
padding-left: 25px;
}
#tcmgroupboxcontent {
text-align: center;
float: left;
height: 189px;
width: 182px;
padding-top: 14px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
#centralboxholder1 {
float: left;
height: 130px;
width: 578px;
}
#centralboxholder2 {
float: left;
height: 130px;
width: 578px;
margin-top:8px;
margin-bottom:8px;
}
#box1 {
float: left;
height: 130px;
width: 285px;
margin-right: 8px;
background-image: url(../images/layout/home/centralboxOFF.gif);
}
#box2 {
float: left;
height: 130px;
width: 285px;
margin-right: 8px;
background-image: url(../images/layout/home/centralboxOFF.gif);
}
#box3 {
float: left;
height: 130px;
width: 285px;
margin-right: 8px;
background-image: url(../images/layout/home/centralboxOFF.gif);
}
#box4 {
float: left;
height: 130px;
width: 285px;
margin-right: 8px;
background-image: url(../images/layout/home/centralboxOFF.gif);
}
#centralboxtitle {
line-height: 33px;
text-align: left;
float: left;
height: 33px;
width: 276px;
padding-left: 9px;
}
#centralboxcontent {
padding: 8px;
float: left;
height: 81px;
width: 269px;
text-align: left;
}
#bottomboxholder {
float: left;
height: 106px;
width: 578px;
margin-bottom:8px;
}
#blogbox {
background-image: url(../images/layout/home/blogbox.gif);
background-repeat: no-repeat;
float: left;
height: 106px;
width: 285px;
}
#blogboxtitle {
line-height: 33px;
text-align: left;
float: left;
height: 33px;
width: 255px;
padding-left: 30px;
}
#blogboxcontent {
padding: 8px;
float: left;
height: 57px;
width: 269px;
text-align: left;
}
#newsbox {
background-image: url(../images/layout/home/newsbox.gif);
background-repeat: no-repeat;
float: right;
height: 106px;
width: 285px;
}
#newsboxtitle {
line-height: 33px;
text-align: left;
float: left;
height: 33px;
width: 255px;
padding-left: 30px;
}
#newsboxcontent {
padding: 8px;
float: left;
height: 57px;
width: 269px;
text-align: left;
}
#trainingbox {
background-image: url(../images/layout/home/trainingbox.gif);
float: left;
height: 268px;
width: 188px;
}
#trainingboxtop {
line-height: 33px;
text-align: left;
float: left;
height: 33px;
width: 163px;
padding-left: 25px;
}
#trainingboxcontent {
text-align: left;
float: left;
height: 199px;
width: 172px;
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
}
#trainingboxbottom {
text-align: right;
float: left;
height: 20px;
width: 172px;
padding-right: 8px;
padding-left: 8px;
padding-top: 8px;
}
#downloadbox {
background-image: url(../images/layout/home/downloadbox.gif);
background-repeat: no-repeat;
float: left;
height: 106px;
width: 188px;
margin-top: 8px;
}
#downloadboxtitle {
line-height: 33px;
text-align: left;
float: left;
height: 33px;
width: 158px;
padding-left: 30px;
}
#downloadboxcontent {
float: left;
height: 57px;
width: 172px;
text-align: left;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
/* ----------------------------------------- HOME BOX SWAP EFFECT -------------------------------------- */
#homebox1 {
float: left;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox1 a{
float: left;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox1 a:hover{
float: left;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxON.gif);
background-repeat: no-repeat;
display:block;
color:#FFFFFF;
text-decoration:none;
cursor:hand;
}
#homebox2 {
float: right;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox2 a{
float: right;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox2 a:hover{
float: right;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxON.gif);
background-repeat: no-repeat;
display:block;
color:#FFFFFF;
text-decoration:none;
cursor:hand;
}
#homebox3 {
float: left;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox3 a{
float: left;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox3 a:hover{
float: left;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxON.gif);
background-repeat: no-repeat;
display:block;
color:#FFFFFF;
text-decoration:none;
cursor:hand;
}
#homebox4 {
float: right;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox4 a{
float: right;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxOFF.gif);
background-repeat: no-repeat;
display:block;
color:#000000;
text-decoration:none;
}
#homebox4 a:hover{
float: right;
height: 130px;
width: 285px;
background-image: url(../images/layout/home/centralboxON.gif);
background-repeat: no-repeat;
display:block;
color:#FFFFFF;
text-decoration:none;
cursor:hand;
}
.centralboxpicmarg {margin-right:8px; float:left;}
#rhimagebox {
float: left;
height: 294px;
width: 198px;
}
#main-downloadsbox {
background-image: url(../images/layout/boxes/downloads-bg.gif);
float: left;
width: 198px;
background-repeat: no-repeat;
margin-top:8px
}
#main-downloads-top {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
height: 28px;
width: 193px;
padding-left: 5px;
line-height: 28px;
}
#main-downloads-content {
text-align: left;
padding: 5px;
float: left;
height: 188px;
width: 188px;
}
#main-downloads-bottom {
background-image: url(../images/layout/boxes/downloads-bottom.gif);
background-repeat: no-repeat;
background-position: top;
float: left;
height: 5px;
width: 198px;
}
#swapbanner a{
float: left;
height: 144px;
width: 777px;
padding-right: 10px;
display:block;
color:#000000;
text-decoration:none;
}
#swapbanner a:hover{
float: left;
height: 144px;
width: 777px;
padding-right: 10px;
background-image: url(../images/layout/home/home-banner-bg-ON.gif);
background-repeat: no-repeat;
display:block;
color:#FFFFFF;
text-decoration:none;
cursor:hand;
}
/* ----------------------------------------- HOME BOX TEXT STYLES -------------------------------------- */
.hometxt a:link {color:#7B003F ; text-decoration:none; }
.hometxt a:visited {color:#7B003F ; text-decoration:none; }
.hometxt a:hover {color:#7B003F ; cursor:pointer; text-decoration: underline; }
.hometxt a:active {color:#7B003F ; text-decoration:none;
}
.tabtitlewhite {
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
}
#hometrainlinks {
width:173px;
height:100px;
margin-top:5px;
}
#hometrainlinks a {
background-image: url(../images/layout/home/trainlinkbg.gif);
display:block;
background-repeat: no-repeat;
background-position:top-left;
width: 159px;
line-height:18px;
text-decoration:none;
color:#808285;
padding-left:14px;
}
#hometrainlinks a:hover { color:#7B003F;
}
.smallgreyright { text-align:right; color:#666666; font-size:11px;
}
.trainingintro {font-size:10px;}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/tcm-ov-new.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="tags" -->
<title> </title>
<meta name="description" content="">
<meta name="keywords" content="">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a*)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms*[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers*.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a*))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- InstanceEndEditable -->
<link rel="shortcut icon" href="/favicon.ico">
<script language="javascript" type="text/javascript" src="../scripts/script.js"></script>
<script language="javascript" type="text/javascript" src="../scripts/nav.js"></script>
<script src="../scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="../scripts/css.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a*.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a*;}}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('../images/icons/blog2.jpg','../images/icons/casestudies2.jpg','../images/icons/articles2.jpg','../images/icons/faq2.jpg','../images/icons/conflicthealth2.jpg','../images/icons/recreationalreading2.jpg','../images/icons/pma2.jpg','../images/icons/pmaevents2.jpg')">
<div align="center">
<!-- this is an anchor point for the 'back to top' link --><a name="#top"></a><div class="dda"><a accesskey="x" href="/site-map" rel="nofollow">site map and accessibility information</a> | <a accesskey='0' rel='nofollow' href='/print/resources/index.php' target='_blank'>accessible, printer-friendly version</a></div>
<div id="container">
<div id="banner">
<div id="bannerL"><img src="../images/layout/bannerL.gif" width="764" height="90"></div>
<div id="bannerR">
<div id="searchholder"><form action="http://www.tcmsolutions.co.uk/search/" id="cse-search-box" style="margin:0px;">
<table width="156" height="25" border="0" cellpadding="0" cellspacing="0" background="../images/layout/searchbox-bg.gif">
<tr>
<td width="138" height="24" align="center" valign="middle"><span style="margin:0px;">
<input type="hidden" name="cx" value="017112721316668758261:rrany_g781i" />
<input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="ie" value="UTF-8" />
<input class="searchbox" type="text" name="q" initial value="search" onFocus="doClear(this)" />
</span></td>
<td width="18" align="left" valign="middle">
<input type="image" img src="../images/layout/buttons/search.gif" name="sa" style="border:0px;"/></td>
</tr>
</table>
</form></div>
<div id="groupdropholder"><form class="jumpgroup" name="form" id="form" style="margin-right:2px;margin-left:0px;margin-top:0px;margin-bottom:0px;">
<select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
<option selected>The TCM Group</option>
<option value="http://www.tcmsolutions.co.uk">TCM's main site</option>
<option value="http://plus.tcmsolutions.co.uk">TCM Plus</option>
<option value="http://civil.tcmsolutions.co.uk">TCM Civil</option>
<option value="http://health.tcmsolutions.co.uk">TCM Health</option>
<option value="http://equality.tcmsolutions.co.uk">TCM Equality</option>
</select>
</form></div></div>
</div>
<div id="underbanner"><img src="../images/layout/tcmstrap.gif" width="212" height="8">
</div>
<div id="menuholder"><table width="980" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="78" class="menu"><a accesskey="h" rel="nofollow" href="index.php">HOME</a></td>
<td width="82" class="menu"><a accesskey="a" rel="nofollow" href="/about/">ABOUT</a></td>
<td width="82" class="menu"><a accesskey="g" href="/group/">GROUP</a></td>
<td width="4" class="menuhack">|</td>
<td width="99" class="menu"><a accesskey="s" href="/services/">SERVICES</a></td>
<td width="99" class="menu"><a accesskey="t" href="/training/">TRAINING</a></td>
<td width="4" class="menuhack">|</td>
<td width="111" class="menu"><a accesskey="r" href="/resources/">RESOURCES</a></td>
<td width="99" class="menu"><a accesskey="m" rel="nofollow" href="/members/">MEMBERS</a></td>
<td width="70" class="menu"><a accesskey="b" href="/blog/">BLOG</a></td>
<td width="70" class="menu"><a accesskey="n" rel="nofollow" href="/news/">NEWS</a></td>
<td width="4" class="menuhack">|</td>
<td width="67" class="menu"><a accesskey="j" rel="nofollow" href="/jobs">JOBS</a></td>
<td width="110" class="menu"><a accesskey="c" rel="nofollow" href="/contact-us">CONTACT TCM</a></td>
</tr>
</table></div>
<div id="breadholder"><div id="breadL" class="breadcrumb"><!-- InstanceBeginEditable name="brcrumb" --><a href="/">Home</a> | Resources<!-- InstanceEndEditable --></div><div id="user"><span class="logout"></span></div>
</div><div id="mainbox"><!-- InstanceBeginEditable name="main" --><div id="ovbanner">
<div id="ovbannerL"><img src="../images/pics/resources-oview.jpg"></div>
<div id="ovbannerR"><div id="ovmainintropad"></div></div>
</div>
<div class="ovholder">
<div class="ovL"><div class="ovsub"><a accesskey="b" onMouseOver="MM_swapImage('sub1','','../images/icons/blog2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/blog/"><div class="ovsubimg"><img class="subimgpad" id="sub1" src="../images/icons/blog1.jpg" border="0" style="cursor:pointer" onClick="window.open('/blog/','_self');"></div><div class="ovsubintro"><div class="subintropad"><h2>The TCM Mediation Blog</h2>
<h3>Keep up to date with the latest news, views and best practice</h3>
Click here to join the TCM blog.</div></div></a></div></div><div class="ovR"><div class="ovsub"><a accesskey="2" onMouseOver="MM_swapImage('sub2','','../images/icons/casestudies2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/resources/our-work"><div class="ovsubimg"><img class="subimgpad" id="sub2" src="../images/icons/casestudies1.jpg" border="0" style="cursor:pointer" onClick="window.open('/resources/our-work','_self');"></div><div class="ovsubintro"><div class="subintropad"><h2>Case Studies</h2>
<h3>How have other companies used mediation?</h3>
Click here if, like us, you prefer not to reinvent the wheel.</div></div></a></div></div>
</div><div class="ovholder"><div class="ovL"><div class="ovsub"><a accesskey="2" onMouseOver="MM_swapImage('sub3','','../images/icons/articles2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/resources/videos-articles-podcasts"><div class="ovsubimg"><img class="subimgpad" id="sub3" src="../images/icons/articles1.jpg" border="0" style="cursor:pointer" onClick="window.open('/resources/videos-articles-podcasts','_self');"></div><div class="ovsubintro"><div class="subintropad"><h2>Mediation Videos, Articles & Podcasts</h2>
<h3>This page contains numerous fascinating articles about ADR</h3>
Click here to access our selection of articles and papers.</div></div></a></div></div><div class="ovR"><div class="ovsub"><a accesskey="3" onMouseOver="MM_swapImage('sub4','','../images/icons/faq2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/resources/faq">
<div class="ovsubimg"><img class="subimgpad" id="sub4" src="../images/icons/faq1.jpg" border="0" style="cursor:pointer" onClick="window.open('/resources/faq','_self');"></div><div class="ovsubintro"><div class="subintropad"><h2>Frequently Asked Questions</h2>
<h3>Have you got a question about mediation?</h3>
Click here for some of our our more frequently asked questions.</div></div></a></div></div></div><div class="ovholder"><div class="ovL"><div class="ovsub"><a accesskey="4" onMouseOver="MM_swapImage('sub5','','../images/icons/conflicthealth2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/resources/conflict-checker"><div class="ovsubimg"><img class="subimgpad" id="sub5" src="../images/icons/conflicthealth1.jpg" border="0" style="cursor:pointer" onClick="window.open('/resources/conflict-checker','_self');"></div><div class="ovsubintro"><div class="subintropad"><h2>Conflict Health Check</h2>
<h3>How does your organisation measure up?</h3>
Click here to take our simple conflict health test.</div></div></a></div></div><div class="ovR"><div class="ovsub"><a accesskey="5" onMouseOver="MM_swapImage('sub6','','../images/icons/recreationalreading2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/resources/recommended-reading">
<div class="ovsubimg"><img class="subimgpad" id="sub6" src="../images/icons/recreationalreading1.jpg" border="0" style="cursor:pointer" onClick="window.open('/resources/recommended-reading','_self');"></div><div class="ovsubintro"><div class="subintropad"><h2>Recommended Reading</h2>
<h3>Interested in further reading on mediation and ADR?</h3>
We often get asked to recommend books and other useful resources.</div></div></a></div></div></div><div class="ovholder"><div class="ovL"><div class="ovsub"><a accesskey="6" onMouseOver="MM_swapImage('sub7','','../images/icons/pma2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/resources/the-pma/"><div class="ovsubimg"><img src="../images/icons/pma1.jpg" border="0" class="subimgpad" id="sub7" style="cursor:pointer" onClick="window.open('/resources/the-pma/','_self');"></div><div class="ovsubintro"><div class="subintropad"><h2>The Professional Mediators' Association (PMA)</h2>
<h3>Dedicated to the promotion and betterment of workplace mediation</h3>
Click here for PMA standards, accreditation scheme and much more</div></div></a></div></div><div class="ovR"><div class="ovsub"><a accesskey="7" onMouseOver="MM_swapImage('sub8','','../images/icons/pmaevents2.jpg',1)" onMouseOut="MM_swapImgRestore()" href="/training/refresher-days-and-cpd">
<div class="ovsubimg"><img class="subimgpad" id="sub8" src="../images/icons/pmaevents1.jpg" border="0" style="cursor:pointer" onClick="window.open('/training/mediator-refresher-days-and-cpd','_self');"></div>
<div class="ovsubintro"><div class="subintropad"><h2>PMA Courses and Events</h2>
<h3>The PMA runs regular CPD events and short courses</h3>
Click here to see the current timetable.</div></div></a></div></div></div>
<!-- InstanceEndEditable -->
</div>
<div id="footerbar">
<div id="footerleft"><span class="foot"><a accesskey="x" rel="nofollow" href="/site-map">SITE MAP & ACCESSIBILITY</a> | <a href="javascript:;" onClick="MM_openBrWindow('/feedback.htm','','scrollbars=yes,resizable=yes,width=510,height=320')">Feedback on the Site?</a></span></div><div id="footermiddle"><div id='toprint'><a accesskey='0' rel='nofollow' href='/print/resources/index.php' target='_blank' title='printer-friendly page'>PRINTER-FRIENDLY PAGE</a></div></div>
<div id="footerright">
<div class="footbig">CONTACT TCM - 0800 294 97 87 or
<script language="javascript">male();</script></div></div>
</div>
</div><div id="bottomcontainer"></div><div id="enq"></div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-2374123-3");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
<!-- InstanceEnd --></html>