/*   Menu Start  */

/* ======================================================
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.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */

/* Massaged Menu from CSSPlay */ 

.menu { margin: 10px; height: 100px; font-size: 10pt; font-family: verdana; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 11.5em; }
.menu li { background-color: #D2D2EE; float: left; }
.menu li.sub { background-color: #D2D2EE; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #D2D2EE; display: block; text-decoration: none; height: 1.1em; line-height: 1.1em; width: 9.5em;  padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }

/* For use with bold elements it body links
.menu b { float: right; margin-right: 25px; }
*/

/* IE6 Hack */
* html .menu a, * html .menu a:visited { width: 9.4em; background:#D2D2EE url(http://www.stephenvardy.ca/images/navbar-spacer22.gif) no-repeat -8px center; }
* html .menu a:hover { color: #cc6600; background:#FFFFFF url(http://www.stephenvardy.ca/images/navbar-spacer22.gif) no-repeat -8px center;  position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: underline; text-transform: none; }

.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #cc6600; background-color: #D2D2EE; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: underline; text-transform: none; }
.menu li:hover > a { color: #cc6600; background-color: #D2D2EE; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: underline; text-transform: none; }
.menu li ul { border: 1px solid #cc6600; padding: 0.5em 6em 1em 0.1em; visibility: hidden; position: absolute; top: -0.5em; left: 9.5em; background-color: #D2D2EE; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }


/* Stephen Vardy's Additional Hacks */

/* White Text MainBar */
a.whitenavbar:link, a.whitenavbar:visited, a.whitenavbar:hover, a.whitenavbar:active { border: 1px solid #D2D2EE; padding-left: 0.5em; width: 10.5em; text-decoration: none; color: #5d7790; }
.menu li:hover > a.whitenavbar {border: 1px solid #D2D2EE; padding-left: 0.5em; width: 10.5em; text-decoration: none; color: #5d7790; }
*html a.whitenavbar:link, *html a.whitenavbar:visited, *html a.whitenavbar:hover, *html a.whitenavbar:active { width: 10.25em; background: url(#); }

/* White Text SideBar */
a.whitesidebar:link, a.whitesidebar:visited, a.whitesidebar:hover a.whitesidebar:active {border: 1px solid #D2D2EE; padding-left: 0.5em; width: 16em; text-decoration: none; color: #5d7790; }
.menu li:hover > a.whitesidebar {border: 1px solid #D2D2EE; padding-left: 0.5em; width: 16em; text-decoration: none; color: #5d7790; }
*html a.whitesidebar:link, *html a.whitesidebar:visited, *html a.whitesidebar:hover, *html a.whitesidebar:active { background: url(#); }

/* Link Text SideBar */
a.bluesidebar:link,  a.bluesidebar:visited, a.bluesidebar:hover, a.bluesidebar:active {border: 1px solid #D2D2EE; width: 15em; }
.menu li:hover > a.bluesidebar { border: 1px solid #D2D2EE; width: 15em; }

/* Blue Text SideBar */
a.bluedead:link,  a.bluedead:visited, a.bluedead:hover, a.bluedead:active {text-decoration: none; color: #0066CC; border: 1px solid #D2D2EE; width: 15em; }
.menu li:hover > a.bluedead { text-decoration: none; color: #0066CC; border: 1px solid #D2D2EE; width: 15em; }
.menu li:hover > a.bluedead:hover { text-decoration: none; color: #0066CC; }
* html a.bluedead:link,  * html a.bluedead:visited, * html a.bluedead:hover, * html a.bluedead:active {width: 14em; }

/* Blue Bar Background Image */
.menu li.fly {background:#D2D2EE url(http://www.stephenvardy.ca/images/navbar-spacer22.gif) no-repeat left center; padding-left: 0.55em; }
* html .menu li.fly {background:#D2D2EE url(http://www.stephenvardy.ca/images/navbar-spacer22.gif) no-repeat left center; padding-left: 0.45em; }
.menu li.fly:hover > a { background: #FFFFFF url(http://www.stephenvardy.ca/images/navbar-spacer22.gif) no-repeat -0.6em center; color: #cc6600; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: underline;  text-transform: none; }

/* Spacer Line - No Text */
.menu li.spacer a:hover, .menu li.spacer a:active, .menu li.spacer a:visited, .menu li.spacer a:link{ background: url(#); text-decoration: none; background:#D2D2EE }
  /* Safari Hack */
.menu li.spacer { width: 11.15em; }
.menu li.spacer { width: 11.2em;# }
.menu li.spacer { width: 11.2em; }
  /*IE6 Hack*/
*html .menu li.spacer { width: 10.95em; }

/* IE6 Hack for Side Bar Position */
* html .menu li ul { padding: 0.5em 2em 1em 0.1em; position: absolute; top: -0.5em; left: 8.8em; background-color:#D2D2EE; }

/*   Menu Finish  */