@charset 'utf-8';
/* CSS Document */

/*--Navbar--*/

#nav{
clear:left;
width:914px;
margin:0 0 0 39px;
position:relative;
z-index:10;
}
#nav_left, #nav_right{
float:left;
width:5px;
height:64px;
}
#nav_left{
background:url(../images/nav_bg_left.jpg) no-repeat;
}
#nav_right{
background:url(../images/nav_bg_right.jpg) no-repeat;
}
#nav_middle{
background:url(../images/nav_bg_middle.jpg) repeat-x;
float:left;
width:902px;
height:64px;
}

#nav ul {
margin:1px 0 0 15px;
list-style:none;
text-transform:uppercase;
font-size:0.95em;
}
#nav li {
float:left;
margin:0 1px 0 0;
padding:0;
position:relative;
}
#nav li a {
background-image:none;
float:left;
margin:0;
padding:0 0 0 19px;
text-decoration:none;
}
#nav a span {
background-image:none;
float:left;
display:block;
padding:24px 19px 21px 2px;
color:#afbfe2;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover, #nav a.selected, #nav :hover > a{
background:url("../images/nav_highlight_left.jpg") 0% no-repeat;
}

#nav a:hover span, #nav a.selected span, #nav :hover > a span {
background:url("../images/nav_highlight_right.jpg") 100% no-repeat;
color:#00ffd2;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul{
visibility:hidden;
position:absolute;
z-index:10;
height:0;
margin:12px 0 0 0;
top:50px;
left:0; 
width:200px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#nav ul ul.second a{
text-transform:none;
background-color:#f8f9fb; 
color:#333744; 
height:auto; 
line-height:1.5em; 
font-size:0.95em;
padding:12px 30px 13px 30px; 
width:198px;
border-bottom:1px solid #e2e4e9;
border-left:1px solid #e2e4e9;
border-right:1px solid #e2e4e9;
}

#nav ul ul.second a:hover{
background-image:none;
background-color:#e0e1e5;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; }

li#rightfloat{
float:right;
padding-right:15px;
}