#info {
     height:500px;
}

/* ================================================================ 
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/skeleton3.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.
=================================================================== */
#outerContainer {
    width:876px;  /* 12.1.2010 -- changed from 866 */
    height:40px;
}
#menuContainer {
    position:relative; 
    float:left; 
    left:50%;
}

#nav, 
#nav ul {
    padding:0; 
    margin:0; 
    list-style:none; 
    font-size: 10px; /* arial, verdana, sans-serif; */
    /*background:url(imgs/top_grad_blue.gif); */
    position:relative; 
    z-index:100;
}
#nav {
    height:40px; /*30px*/ 
    float:left; 
    padding:0; 
    background:#157BCF url(imgs/top_grad_blue.gif) center center; 
    position:relative; 
    right:51%; /* 12.2.2010: modified from 50% to 51%*/
    width:840px; /* 12.2.2010: added width to nav */
}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
    display:block; 
    float:left; 
    color:#000000; 
    height:40px; 
    padding:0 18px 0 6px;
    line-height:30px; 
    text-decoration:none; 
    white-space:nowrap; 
    font-weight:bold;
    border-left:1px solid #eee; 
    border-right:1px solid #000;
    border-top:1px solid #eee;
    _border_top: 3px solid #eee;
    border-bottom:1px solid #eee;
    _border-bottom: 1px solid #eee;
}
#nav li li a {
    height:20px; 
    line-height:23px; 
    float:none;
    background:#157BCF url(imgs/sub_grad_blue.gif); 
    color:#fff;    
}

#nav li:hover {
    position:relative; 
    z-index:100; 
}

#nav a:hover {
    position:relative; 
    z-index:100; 
    color:#fc0; 
    /*border:0;*/
}
#nav li:hover > a {
    color:#157BCF;
    background:#d4d8bd url(imgs/top_grad_2_blue.gif) center center;
}

#nav :hover  ul {
    left:0; 
    top:30px; 
    z-index:300;
}
#nav a:hover ul {
    left:-1px;
}

#nav :hover ul a.sub1{
    background:#0F5791;
}

#nav ul {
    position:absolute; 
    left:-9999px; 
    top:-9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
    left:0; 
    margin-left:100%; 
    top:0;
    background:#157BCF url(imgs/sub_grad_blue.gif); 
    color:#fff;
}

/* keep further levels hidden */
#nav li:hover > ul ul {
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:auto;
}

/* show path followed */
#nav li:hover li:hover > a {
    color:#ff0;
    background:#157BCF;
}

#nav li a:hover ul li a:hover {
    color:#ff0;
    background:#157BCF;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}