/****Navi****/

#nav_tbl	{
    width:1020px;
    background:#808080 url("http://www.baystreet.ca/images/nav_wider_bk.gif") repeat-x 0 100% ;
    height:32px;
	text-align:left;
	}

.menu {
	position:absolute;
	visibility: hidden;
	border:1px solid #A2B6D2;
	line-height: 13px;
	z-index: 100;
	background:#fff url("http://www.baystreet.ca/images/bk_li.gif") right repeat-y;
	width:200px;
	text-align:left;
	}

.menu a {
	width: 100%;
	display: block;
	font:normal 12px verdana;
	border-bottom: 1px solid #A2B6D2;
	padding: 5px 0;
	text-decoration: none;
	text-indent: 10px;
	}

.menu a:hover{ /*hover background color*/
	background:#D9E1EC url("http://www.baystreet.ca/images/sub_nav_arrow.gif") no-repeat 5px 9px;
	}


a:link.toplevel, a:visited.toplevel, a:active.toplevel  { 
	color:#336699;
	font:bold 13px verdana;
	text-decoration:none;
	text-transform:uppercase;
	border-right:1px solid #777;
	padding:8px 4px 7px 7px;
	}

* html body a:link.toplevel,
* html body a:visited.toplevel,
* html body a:active.toplevel { 
	padding:4px 5px 6px 9px;
	display:block;
	float:left;
	}

a:hover.toplevel { 
	background:#333;
	color:#336699;
	}

.toplevel img { 
	vertical-align:middle;
	padding:0 0 2px 2px;
	border:none;
	}

.toplevel .on { 
	background:#333;
	color:#336699;
	}