/* NAVIGATION BAR */

div.navbar-left
{
width:4px;
height:28px;
float:left;
}

div.navbar-center
{
height:28px;
}

div.navbar-right
{
width:4px;
height:28px;
float:right;
}

div.vline
{
width:1px;
height:25px;
position:relative;
top:1px;
float:left;
}

#navbar-login
{
float:right;
position:relative;
top:4px;
margin-right:5px;
}

#navbar-login input.text-field
{
margin-left:0.5em;
float:left;
background:#edf3f9;
padding:2px 2px 1px 2px;
border-top:1px solid #aac4f4;
border-left:1px solid #aac4f4;
border-right:1px solid #eef7ff;
border-bottom:1px solid #eef7ff;
font-family:verdana;
font-size:0.9em;
color:#666666;
}

#navbar-login input.button
{
float:left;
background:none;
border:none;
font-size:1em;
margin:0;
padding:0;
margin-top:1px;
}

#navbar-login input.button:hover
{
background:#fff9e5;
cursor:pointer;
}

#navbar-login span
{
cursor:help;
}

#navbar-login input.checkbox
{
cursor:help;
float:left;
}

#navbar-login input.text-field:focus, #navbar-login input.text-field:hover
{
background:#fcfcfc;
color:black;
}

#navbar-login a, #navbar-login span
{
margin-left:0.5em;
float:left;
position:relative;
padding:1px;
margin-top:1px; 
color:black;
font-size:0.9em;
}

#navbar-login div.vline
{
margin-left:0.5em;
float:left;
background-repeat:no-repeat;
}


#menu, #menu ul, #menu li, #menu a, #menu span
{
display:block;
margin:0;
padding:0;
border:0;
line-height:normal;
z-index: 3;
}

#menu a:hover
{
background:#f5f7fa;
color:black;
}

#menu li
{
list-style:none;
}

#menu li.mainmenu
{
position:relative;
top:0;
left:0;
float:left;
}

#menu ul.submenu
{
position: absolute;
top:22px;
left:0px;
width:150px;
z-index: 2;
padding-bottom:5px;
}

#menu ul.submenu li
{
padding-right:5px;
padding-left:3px;
}

#menu span.menutitle
{
/* margins: make room for background graphics */
margin-left:3px;
margin-top:4px;
padding:5px;
padding-top:3px;
padding-left:4px;
}


/* FONTS */
#menu *
{
font-family:Verdana;
font-size:0.97em;
white-space:nowrap;
text-decoration:none;
color:black;
font-family:verdana,arial,tahoma,helvetica;
}

#menu span.menutitle
{
text-transform:uppercase;
}

#menu ul.submenu li a {
padding:3px;
width:96%; /* IE */
}
#menu ul.submenu>* a { width:auto; } /* others */


/* HOVERS */
#menu ul.submenu a:hover
{
color:white;
background-color:#5c71b8;
}

#menu ul.submenu
{
visibility:hidden;
}
#menu li.mainmenu:hover ul.submenu
{
visibility:visible;
}

/* BACKGROUNDS */

#menu li.mainmenu /* IE & others */
{
xbackground-image:url("../Images/Lightblue/navbar-vline.png");
background-repeat:no-repeat;
background-position:0px 5px;
}
#menu li.mainmenu:first-child /* others */
{
background:none;
}

#menu li.mainmenu:hover
{
background-color: transparent;
background-image: url("../Images/Lightblue/navbar-title-l.png");
background-repeat: no-repeat;
background-position: 0px 4px;
}

#menu li.mainmenu:hover span.menutitle
{
background-image: url("../Images/Lightblue/navbar-title-r.png");
background-repeat: no-repeat;
background-position: right top;
}

#menu ul.submenu
{
background-image: url("../Images/Lightblue/navbar-menu-b.png");
background-repeat: no-repeat;
background-position: bottom left;
}



#menu ul.submenu li
{
background-image: url("../Images/Lightblue/navbar-menu-m.png");
background-repeat: repeat-y;
}

/* IE doesn't support :first-child, so it's a normal class now... */
#menu ul.submenu li.first-child
{
background-image: url("../Images/Lightblue/navbar-menu-m.png");
background-position: no-repeat;
background-position: top right;
padding-top: 5px;
}