/* ========================================
    Old Styling carried over from BASE.CSS
   ======================================== */

/* Old breadcrums styling */
#breadcrumbs {
    margin-bottom: 5px;
}

#breadcrumbs {
    padding: 0;
    margin: 0.1em auto;
    font-size: 12px;
    color: #444
}


/* Old menus styling */
#menu {
    margin: 0;
    padding: 0;
    padding-left: 1px;
}

#menu-wrapper {
    width: 984px;
    margin: 0 auto;
    height: 40px;
}

#menu li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
    border-left: solid #999 1px;
    border-right: solid #999 1px;
    margin-left: -1px;
    margin-bottom: -5px;
    height: 27px;
}

#menu a {
    text-decoration: none;
    font-weight: bold;
    padding: 6px 19px 0px 19px;
    vertical-align: middle;
    display: inline;
    float: left;
    height: 21px; /* IE6 */
}

/* Override using IE6 hack*/

html>body #menu a {
    height: 27px;
}


/* ==========================
    NL site specific styling
   ========================== */
div.rounded_light_top, div.rounded_light_bottom {
    background: #eff3fe;
    color: #000;
}

div.rounded_mid_top, div.rounded_mid_bottom {
    background: #7979B0;
    color: #fff;
}

div.rounded_dark_top, div.rounded_dark_bottom {
    background: #45457D;
    color: #fff;
}

#menu-wrapper-wrapper {
    background: url(../images/fot/menu_back.gif) top repeat-x;
}

#menu a {
    color: #fff;
}

div.footer {
    background: #eff3fe;
}

div.newsletter {
    background: #D6D6FA url(../images/newsletter_signup_bkg.png) center right no-repeat;
}

div.dark {
    background: #45457D;
    color: #fff;
}

div.mid {
    background: #7979B0;
    color: #fff;
}

div.light {
    background: #eff3fe;
    color: #000;
}

#menu a:hover,
body.home #menu a.home,
body.about #menu a.about,
body.which-course #menu a.which-course,
body.company-training #menu a.company-training,
body.resources #menu a.resources,
body.faq #menu a.faq,
body.contact #menu a.contact {
    background: transparent url(../images/fot/menu-over.gif) repeat-x scroll center top;
}

div.course_maplink {
    background: #3b3b77 url(../images/faded_map.jpg) repeat-y right;
    color: #fff;
}

a.txtlink_arrow {
	background: url(../images/blue_arrow.gif) no-repeat 0 2px;
	color: #3B3B77;
}

ul.arrows {
    list-style-image: url(../images/blue_arrow.gif);
}

a:link, a:visited {
    color: #175494;
}

a:hover { color: #036; }

table.sortable thead {
    background: #7979B0;
    color: #FFFFFF;
}