.tool a{
	font-family:Verdana;
	font-size:12px;
	color:#003366;
	text-align:left;
}
.tool a:hover{
	font-family:Verdana;
	font-size:12px;
	color:#003366;
	text-align:left;
}
.tool a:link{
	font-family:Verdana;
	font-size:12px;
	color:#003366;
	text-align:left;
}
.tool a:active{
	font-family:Verdana;
	font-size:12px;
	color:#003366;
	text-align:left;
}
.tool a:visted{
	font-family:Verdana;
	font-size:12px;
	color:#003366;
	text-align:left;
}
.footer a{
	font-family:Arial;
	font-size:10px;
	color:#424B9F;
}

.tool1 a{
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-align:left;
}
.tool1 a:hover{
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-align:left;
}
.tool1 a:link{
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-align:left;
}
.tool1 a:active{
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-align:left;
}
.tool1 a:visted{
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-align:left;
}


/*Left nav flyout menu wrapper div*/
#nav{
	width:230px;
	text-align:center;
	padding-top:10px;
} 

/*container of the first level links, not the flyout links*/
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 230px; /* Main Menu Item widths */

	}

/*positioning the firts level ul li to relative, the flyout #nav li ul to be relative to this*/	
#nav ul li {
	position: relative;
	}

/* the flyout link ul, left to -9999px to hide the flyout*/	
#nav li ul {
	margin:0;
	
	/*absolute position to the parent, which is #nav ul li*/
	position: absolute;
	top: 0;
	
	left: -9999px; /* hide menu */
}


/*style of all links, individual links can be style by adding the necessary selector, example #nav ul li a, or #nav ul li ul li a*/
#nav ul li a, #nav ul li a:visited {
	width:230px;
	display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
	
	text-decoration:none;
	text-transform:uppercase;
    color:#FFF;
	margin:0;
	padding:8px 0px;
	border-top:1px solid #FFF;
	
}

#nav ul li a:hover{
	width:230px;
	color:#960; 
}

#nav ul li ul li a, #nav ul li ul li a:visited{
	background-color:#960; 
	font-size:11px;
	padding:6px;	
	border-top:1px solid #fff;
}

#nav ul li ul li a:hover{
	background-color:#900;
	color:#fff;
}


/*add arrow on the right side of links that has sub menus/flyouts */
.hasSubMenu{
	background:url(images/right.gif) 175px 8px no-repeat;
	!float:left;
}

/*make the flyout menu visible on mouse hover on parent li*/
#nav li:hover ul{
	left:230px;
} /* The magic */

#nav li.sfhover ul{
	left:230px;
}
