/* ================================================================ 
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/skeleton.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.
=================================================================== */

.navigation, .navigation ul {padding:0 0 5px 0; margin:0; font-size:12px !important;list-style:none; position:relative; }
.navigation {height:25px; padding:0;z-index:200;}
.navigation a:link, .navigation a:visited, .navigation span {color:#666;}
.navigation table {border-collapse:collapse;}
.navigation li {float:left; padding:1px 15px 0 15px; border-bottom:0;}
.navigation li.activeNav {background-color:#0c2d83;border: 1px solid #b8b5ae; border-bottom:0;padding:0 14px;}
.navigation li li {float:none; padding-right:18px;}
.navigation li img { vertical-align:middle;padding-right:3px;}
/* a hack for IE5.x and IE6 */
.navigation li a, .navigation li span {display:inline; float:left; color:#666; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
.navigation li a:link, .navigation li a:visited, .navigation li span {color:#666; }
.navigation li.activeNav a:link, .navigation li.activeNav a:visited, .navigation li.activeNav span {color:#888;}
.navigation li li a, .navigation li li span {height:auto; line-height:20px; float:none;}
.navigation li:hover, .navigation li.hovered {position:relative; z-index:300; background: url(/images/css/topnavhoverbg.png) repeat top left; border: 1px solid #b8b5ae; border-bottom:0;padding:0 14px;}
.navigation li.activeNav:hover, navigation li.activeNav.hovered {background-color:#0c2d83;background-image:none;border: 1px solid #b8b5ae; border-bottom:0;padding:0 14px;}
.navigation li.activeNav:hover a:link, navigation li.activeNav a:link,
.navigation li.activeNav:hover a:visited, navigation li.activeNav a:visited {color:#888}
.navigation li.activeNav:hover li a:link, navigation li.activeNav li a:link,
.navigation li.activeNav:hover li a:visited, navigation li.activeNav li a:visited {color:#888;}
.navigation li.activeNav:hover  li a:hover {color:#0c2d83;}
.navigation li:hover li:hover, .navigation li.hovered li.hovered { border:0; padding:1px 18px 0 15px;}
.navigation li a:hover, .navigation li li a:hover {position:relative; z-index:300; color:#0c2d83;}
.navigation li span:hover, .navigation li li span:hover, .navigation li span.hovered {position:relative; z-index:300; color:#666;}
.navigation :hover ul, .navigation :focus ul, .navigation .hovered ul  {left:0; top:24px;display:block}
.navigation li.activeNav > a.activeNav:link, .navigation li.activeNav > a.activeNav:visited,
.navigation li.activeNav > a.activeNav:hover, .navigation li.activeNav > a.activeNav:active {color:#FFF}
/* another hack for IE5.5 and IE6 */
.navigation li.hovered ul, .navigation li:focus ul {left:0px;}
.navigation ul {position:absolute; left:-9999px; top:-9999px;background: url(/images/css/topnavhoverbg.png) repeat top left;padding-bottom:10px;}

/* it could have been this simple if all browsers understood */
/* show next level */
.navigation li:hover li:hover > ul {left:0px; margin-left:100%; top:0px;display:block;}
/* keep further levels hidden */
.navigation li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
.navigation li:hover > a, .navigation li:hovered > a { color:#0c2d83;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
.navigation li.hovered li.hovered ul,
.navigation li.hovered li.hovered li.hovered ul,
.navigation li.hovered li.hovered li.hovered li.hovered ul,
.navigation li.hovered li.hovered li.hovered li.hovered li.hovered ul
{left:100%; top:-0px;margin-left:-20px;}

/* keep further levels hidden */
.navigation li.hovered ul ul,
.navigation li.hovered li.hovered ul ul,
.navigation li.hovered li.hovered li.hovered ul ul,
.navigation li.hovered li.hovered li.hovered li.hovered ul ul
{position:absolute; left:-9999px; top:-9999px;}