
ul#toyo-nav a {
display:block;
/* width:auto !important; */
/*   IE 6 Hack */
padding:6px 20px 6px;
margin:0;

font-size:100%;

color:#8a8a8a;
text-decoration:none;
width:140px;
float:left;  /* goes with ul#toyo-nav li {} & ul#toyo-nav li ul {} float and clear to avoid IE whitespace issue  */
clear:left;	
}


#close-drawer {
	top:80px;
	right:22px;
	position:absolute;
	z-index:6010;
	background-repeat:no-repeat;
	background-image:url('../images/closeBtn_dormant_small.gif');	
	height:9px;
	width:49px;
	padding:0;
	margin:0;
	display:none;
}

#close-drawer:hover {
	background-repeat:no-repeat;
	background-image:url('../images/closeBtn_active_small.gif');	
	height:9px;
	width:49px;
	padding:0;
	margin:0;
}


ul#toyo-nav a:hover {
color:#3494E1;
}

ul#toyo-nav li.active-trail a {
color:#0863AC;
}

ul#toyo-nav li a.active-trail {
color:#0863AC;
}


ul#toyo-nav a.img {
padding:30px 0 0 0;
}

ul#toyo-nav {
position:relative;
z-index:6000;
margin:0;
padding:0px 25px 0px 30px;
list-style:none;
width:175px;
background-color:#FFFFFF;
height:700px; /* initial setting, kills blink */
text-align:left;
}

ul#toyo-nav li {
line-height: 1.2em;
background-image:none;
margin:0;
padding:0;
list-style:none;
width:100%;
float:left;  /* goes with ul#toyo-nav a {} & ul#toyo-nav li ul {}  float and clear to avoid IE whitespace issue  */
clear:left;	
}


ul#toyo-nav li ul {
padding:0 0 32px 0;
margin:0;

width:170px;
float:left;   /* goes with ul#toyo-nav a {} & ul#toyo-nav li {}  float and clear to avoid IE whitespace issue  */
clear:left;
}

/* only an issue with ul class "small" */
ul#toyo-nav .special {
	font-weight:bold;
}

ul#toyo-nav li li {
border-bottom:dashed 1px #e1e1e1;
}


img#tnav_hov { 
	display:none;
	position:absolute;
	left:100px;
	z-index:6004;
}

ul#toyo-nav li li.last {
border-bottom:none;
}

ul#toyo-nav li ul.large li {
font-size: 14px;
font-weight:bold;
text-transform: uppercase;
}

ul#toyo-nav li ul.large li a {
padding-top: 8px;
padding-bottom: 8px;
}


ul#toyo-nav li ul.medium {
font-size:12px;
font-weight:bold;
}

ul#toyo-nav li ul.small {
font-size:11px;
}

ul#toyo-nav ul ul {
display:none; /* Prevents flicker onLoad, before jQuery appends the nested UL elsewhere. */
}

/* Force UL to stay open 
ul#toyo-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul#toyo-nav { display:inline-block; } /*this trips hasLayout for ie7 
ul#toyo-nav { display:block; } /*this returns it back to normal 
*/

/* NAV RESULTS BOX */


/* Force LI to stay open.  This is quite important, as position:relative is not viable due to IE */
#toyo-nav-results ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#toyo-nav-results ul li  { display:inline-block; } /*this trips hasLayout for ie7 */
#toyo-nav-results ul li { display:block; } /*this returns it back to normal*/ 


#toyo-nav-results a {
float:left; /* positioning is ruled out by IE rendering bugs */
width:150px;
display:block;
padding:4px 0 4px 0;
margin:0;
color:#8a8a8a;
text-decoration:none;
}

/* b/c I don't know if the active-trail will be on the a or the li, have to get a little verbose */
#toyo-nav-results a:hover { color:#3494E1; }
#toyo-nav-results a.active-trail { color:#0863AC; }
#toyo-nav-results li.active-trail a { color:#0863AC; }
#toyo-nav-results li.active-trail li a { color:#999;  } 
#toyo-nav-results li.active-trail li a:hover { color:#3494E1;  } 
#toyo-nav-results li li.active-trail a { color:#0863AC; }
#toyo-nav-results li li a.active-trail { color:#0863AC; }

img#tshadow-1 {
	position:absolute;
	left:230px;
	top:0;
	z-index:6001;
}

img#tshadow-2 {
	position:absolute;
	right:-4px;
	top:0;
	z-index:6003;
}

img#tshadow-3 {
	position:absolute;
	left:256px;
	top:0;
	z-index:6002;
}



#toyo-nav-results div.results-toggle {
	height:16px;
	width:16px;
	margin:3px 0 0 0;
	padding:0;
	/* background-color:#ccc; */
	display:block;
	float:right;
	background-image:url('../images/dormant.png');
	background-repeat:no-repeat;	
}

.toggleOff {
	height:16px;
	width:16px;
	margin:0;
	padding:0;
/*	background-color:#3494E1; */
	background-image:url('../images/active.png');
	background-repeat:no-repeat;	
}

.parentHover {
	height:16px;
	width:16px;
	margin:0;
	padding:0;
/*	background-color:#000; */
	background-image:url('../images/parentHover.png');
	background-repeat:no-repeat;
}


.personalHover {
	height:16px;
	width:16px;
	margin:0;
	padding:0;
/*	background-color:#008800; */
	background-image:url('../images/personalHover.png');	
	background-repeat:no-repeat;	
}


#toyo-nav-results div.results-toggle a {
	display:block;
	height:16px;
	width:16px;
	margin:0;
	padding:0;

}


#toyo-nav-results ul {
	clear:both;
	text-align:left;
}


#toyo-nav-results {
font-size: 12px;
line-height:1.4em;
display:none;
z-index:5999; /* Note that all Flash should be wmode:opaque or transparent */
position:absolute; 
padding: 0 0 0 0; /* padding:0 30px 0; */
width: 1px; /* width:170px; */
height:300px; /* just an initial value */
left:230px;
top:0px; 
background-color:#fff;
font-weight:bold;
}

#toyo-nav-results ul {
list-style:none;
list-style-image:none;
width:170px;
display:none; /* initially, all are invisible */
/*float:left;*/
/*clear:left;*/
padding:0;
margin:0 0 25px 0;
background-color:#fff; /* without this, IE has a CLEARTYPE issue on fadeIn/fadeOut */
}

#toyo-nav-results .title {
	font-weight:bold;
	color:#555;
	font-size:11px;
	padding-bottom:6px;
}

#toyo-nav-results ul ul {
	font-size: 10px;
	line-height:normal;
	font-weight:bold;
	margin:0 0 0 0; /* IE6 doesn't like an alternative padding-left approach, and position:relative causes "hole" during transition */
	width:175px;
	padding:0 0 0 15px;
}

#toyo-nav-results ul ul li { width:175px; }  /* IE6 slight extra on toggle() without this */

/* Alternative approach of margin on the UL causes flakiness on toggle() */
#toyo-nav-results ul ul li.last {
	padding-bottom:15px;
}


#toyo-nav-results li {
	list-style:none;
	list-style-image:none;
	background-image:none;
	width:180px;
/*	clear:left; */
	margin:0;
	padding:0;
}




.flexProxy {
	color:#FFFFFF;
	padding:20px;
	background-color:#999999;
	width:135px;
	height:180px;
}
