/*-------------------------*/
/* TSP Nav CSS ------------*/
/*-------------------------*/

#nav {
float:right;
height:50px;
}

#nav a {
height:50px;
display:block;
}

#nav a {
text-decoration:none;
}

#nav ul li {
float:left;
}

#nav ul li ul {
position:absolute;
display:none;
visibility:hidden;
}

#nav ul li ul li {
float:none;
display:block;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav ul li ul {
color:#333;
border-bottom:10px solid #003d63;
border-top:10px solid #0e6294;
}

#nav_employers_li ul {
background:url(../images/nav/drop_down_bg.jpg) top left no-repeat #FFF;
width:240px;
padding:10px 0;
padding-bottom:5px;
margin-left:1px;
}


#nav_learners_li ul {
background:url(../images/nav/drop_down_bg_alt.jpg) top left no-repeat #FFF;
width:198px;
padding:9px 0;
padding-bottom:5px;
margin-left:1px;
}

#nav_employers_li ul li {
width:220px;
margin-bottom:5px;
padding-bottom:5px;
margin-left:10px;
background:url(../images/nav/li_underline.jpg) bottom left repeat-x;
}

#nav_learners_li ul li {
width:180px;
margin-bottom:5px;
padding-bottom:5px;
margin-left:10px;
background:url(../images/nav/li_underline.jpg) bottom left repeat-x;
}

#nav_employers_li ul li a, #nav_employers_li ul li a:hover, #nav_learners_li ul li a, #nav_learners_li ul li a:hover {
height:auto;
padding-left:25px;
background:url(../images/nav/pointer.gif) left no-repeat;
}

#nav_employers_li ul li a:hover, #nav_learners_li ul li a:hover {
text-decoration:underline;
color:#0e6294;
}

#nav_home {
width:81px;
background:url(../images/nav/home.jpg) top left no-repeat;
}

#nav_news {
width:79px;
background:url(../images/nav/news.jpg) top left no-repeat;
}

#nav_about {
width:80px;
background:url(../images/nav/about.jpg) top left no-repeat;
}

#nav_partners {
width:80px;
background:url(../images/nav/partners.jpg) top left no-repeat;
}

#nav_employers {
width:121px;
background:url(../images/nav/employers.jpg) top left no-repeat;
}

#nav_employers ul li {
width:240px;
border:1px solid #000;
}

#nav_learners {
width:119px;
background:url(../images/nav/learners.jpg) top left no-repeat;
}

#nav_contact {
width:81px;
background:url(../images/nav/contact.jpg) top left no-repeat;
}

#nav a:hover {
background-position:0 -50px;
}

#logo h1 {
text-indent: -5000px;

}