#leftside { float: left; width: 349px; margin: 0; padding: 0; }
#rightside { margin: 0 0 21px 425px; padding: 0; }

/* headers ------------------------------- */
#leftside h3, #rightside h3 { margin: 0 0 0 0; padding: 3px; border-top: 1px dotted; border-color:#999; background-color:#ECECEC; font-size:16px;}
#leftside h3 a, #rightside h3 a, #leftside h3 a:visited, #rightside h3 a:visited {color:#666; text-decoration:none;}
#leftside h3 a:hover, #rightside h3 a:hover, #leftside h3 a:active, #rightside h3 a:active {color:#F00;text-decoration:underline;}
 {color:#757575;}
#leftside table td, #rightside table td {	text-align:left; vertical-align:top; }
#leftside div.wrapper { display:block; margin: 0 10px 0 65px;  padding:0 0 20px 0; width: 349px;}
#rightside div.wrapper { display:block; margin: 0 10px 0 0;  padding:0 0 20px 0; width: 349px; }

/* anchor styling */
#leftside table a, #leftside table a:visited, #leftside table a.active, #rightside table a, #rightside table a:visited, #rightside table a.active { display: block; padding: 0 0 0 17px; margin: 0; background: url(../t_images/subnav_arrow.gif) no-repeat left; color: #757575; font-family: "Arial" san-serif; font-weight: normal; text-decoration: none; font-size:12px;  }

#leftside table a:hover, #rightside table a:hover {background: url(../t_images/subnav_arrow_on.gif) no-repeat left; color: #3467FF }





#leftside ul, #rightside ul { width: 330px; /* room for 3 columns */ padding:10px 0 0 0; margin:0; }
#leftside ul li { float: left; width: 110px; /* accommodate the widest item */ margin:0 0 3px 0;padding:0; list-style: none;}
#rightside ul li { float: left; width:110px; /* accommodate the widest item */ margin:0 0 3px 0;padding:0; list-style: none;}
/* stop the floating after the list */
#leftside br, #rightside br { clear: left; }
/* separate the list from what follows it */