#personnela {position:relative; font:11px verdana,arial,sans-serif; line-height:20px; width:740px; padding:0 0 0 0; height:350px;}
#personnela .switch {display:block; cursor:pointer; color:#000; font-weight:normal;}
#personnela .switch .turn_off {display:none;}
#personnela .off {color:#000000;}
#personnela .off .turn_off {display:inline;}
#personnela .off .turn_on {display:none;}
#personnela .hide {display:none;}
/* the line below allows us to specify the dispalying zone details such as width colour etc */
#personnela .show {
	position:absolute;
	top:0;
	left:160px;
	right:160px;
	display:block;
	width:440px;
	background:#99FF66;
	z-index:50;
    padding: 5px;
}


#personnela a {color:#FFFF00; font:bold}
#personnela a:link { text-decoration:none; 	color:#0033FF ;	}
#personnela a:visited {color:#0033FF;  	text-decoration:none;}
#personnela a:hover {color:#FFFF00; font:bold}

/**************************************
OTHER SECTION
**************************************/

#personnelb {position:relative; font:11px verdana,arial,sans-serif; line-height:20px; width:740px; padding:0 0 0 0; height:350px;}
#personnelb .switch {display:block; cursor:pointer; color:#000; font-weight:normal;}
#personnelb .switch .turn_off {display:none;}
#personnelb .off {color:#000000;}
#personnelb .off .turn_off {display:inline;}
#personnelb .off .turn_on {display:none;}
#personnelb .hide {display:none;}
/* the line below allows us to specify the dispalying zone details such as width colour etc */
#personnelb .show {
	position:absolute;
	top:0;
	left:-460px;
	right:160px;
	display:block;
	width:440px;
/*	background:#66FF99;*/
	background:#99FF66;
	z-index:50;
    padding: 5px;
}

#personnelb a {color:#FFFF00; font:bold}
#personnelb a:link { text-decoration:none; 	color:#0033FF ;	}
#personnelb a:visited {color:#0033FF;  	text-decoration:none;}
#personnelb a:hover {color:#FFFF00; font:bold}