/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
Modified by Herve' Lavoie for vertical visible text menu and current selection 09/20/2009
=================================================================== */
#flyout { padding:0px; margin:0px; list-style:none; position:absolute; left: 0px; top:0px; width:130px; }
#flyout ul {padding:0px; margin:0px; list-style:none; width:130px; position: absolute; left:-9999px; top:0;}
.menuTitle { color: #ffffff; background-color: #666; width: 130px; text-indent:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height: 20px;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li { float:left;}
#flyout li a {display:block; width:130px; height:20px; background: transparent; color:#333;  line-height:20px; font-family:arial, sans-serif; font-size:.9em; text-decoration:none; text-indent:5px;}
#flyout ul li a {display:block; float:left; width:134px; height:20px; background:#999; color:#fff; line-height:20px; font-family:arial, sans-serif; font-size:.9em; text-decoration:none; text-indent:5px; margin-bottom:1px; border-bottom-style: solid; border-bottom-color: #333; }/* Title block for the top menu links */

#flyout li a.fly {background:transparent url(arrow2b.png) no-repeat right center;}
#flyout ul li a.fly {background:#999 url(right-arrow.png) no-repeat right center;}
#flyout ul ul li a {background:#999;}
#flyout ul ul li a.fly {background:#ccc url(right-arrow.png) no-repeat right center;}
#flyout ul ul ul li a {background:#ccc;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#ccc;  font-size: .9em; color:#000;}
#flyout li:hover > a {background-color: #ccc;  color:#000;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:130px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-999px;}

#flyout ul li:hover > a {background-color:#ccc; color:#000;}
#flyout ul ul li:hover > a {background-color:ccc; color:#000;}

/* Link control for selected page, hovering, and visited items */
#flyout li a:visited {text-decoration:none; color: #000;}


#flyout li a:hover, body#welcome #t-welcome a,
#flyout li a:hover, body#involved #t-involved a,
#flyout li a:hover, body#services #t-services a, 
#flyout li a:hover, body#minister #t-minister a,
#flyout li a:hover, body#growth #t-growth a,
#flyout li a:hover, body#contact #t-contact a,
#flyout li a:hover, body#rentals #t-rentals a,
#flyout li a:hover, body#uuawelcome #t-uuawelcome a,
#flyout li a:hover, body#whatweare #t-whatweare a,
#flyout li a:hover, body#believe #t-believe a,
#flyout li a:hover, body#history #t-history a,
#flyout li a:hover, body#read #t-read a,
#flyout li a:hover, body#news #t-news a,
#flyout li a:hover, body#news #t-news a,
#flyout li a:hover, body#newsletter #t-newsletter a,
#flyout li a:hover, body#guidelines #t-guidelines a,
#flyout li a:hover, body#documents #t-documents a {color: maroon; font-size: .9em; text-decoration: none; font-weight:normal; display: block;}

#flyout ul li a:visited,
#flyout ul ul li a:visited {text-decoration:none; color: #000;  background-color: #ccc; }
#flyout ul li a {background:#999;}

