/********** < Navigation */
.nav-container-green { background:url(../images/nav-green.png) no-repeat;}
.nav-container-blue { background:url(../images/nav-blue.png) no-repeat;}
.nav-container-pink { background:url(../images/nav-pink.png) no-repeat;}
.nav-container-orange { background:url(../images/nav-orange.png) no-repeat;}
.nav-container-purple { background:url(../images/nav-purple.png) no-repeat;}


#nav { height: 29px; padding:3px 5px 0; font-size:1em; font-family:Arial, Helvetica, sans-serif; text-shadow:1px 1px #101010;}

#nav ul { text-shadow:none;}

/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;	}
#nav li.over { z-index:998; }
#nav a,
#nav a:hover { display:block; line-height:1.14em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/* 0 Level */
#nav li { float:left; }
#nav li.active span { background:url(../images/nav_a_right.png) no-repeat right top; }
.nav-container-green #nav li.active a { color:#58A618; background:url(../images/nav_a_left.png) no-repeat left top; text-shadow:-1px -1px #fff;}
.nav-container-blue #nav li.active a { color:#018BC9; background:url(../images/nav_a_left.png) no-repeat left top; text-shadow:-1px -1px #fff;}
.nav-container-orange #nav li.active a { color:#D97300; background:url(../images/nav_a_left.png) no-repeat left top; text-shadow:-1px -1px #fff;}
.nav-container-purple #nav li.active a { color:#9461C9; background:url(../images/nav_a_left.png) no-repeat left top; text-shadow:-1px -1px #fff;}
#nav a { float:left; color:#FFF; font-weight:bold; padding-left:3px; }
#nav li.over a,
#nav a:hover { color:#222; padding-left:3px; background:url(../images/nav_a_left.png) no-repeat left top; text-shadow:-1px -1px #fff; }
#nav a span { display:block; padding:7px 13px 9px 13px; background:url(../images/vr.png) no-repeat right center; }
#nav li.over a span,
#nav a:hover span { background:url(../images/nav_a_right.png) no-repeat right top; }


/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding:0 7px 1px; }
#nav ul li.over { float:none; border:none; background:none; margin:0; text-transform:none; }
#nav ul li.parent { background:none; }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a,
#nav ul a:hover { float:none; background:none !important; border-bottom:1px solid #eee;}
#nav ul li a { font-weight:normal !important; }

#nav ul a span { display:block; background:none !important; color: #018BC9; font-size: 12px; padding:4px 5px;}
#nav ul a:hover span { display:block; background:none; color: #018BC9; text-decoration:underline; font-size:12px; padding:4px 5px;}

#nav li.over ul li.parent { background:url(../images/nav_arr.png) no-repeat 200px center !important; }
#nav li.over ul li.parent:hover { background:url(../images/nav_arr_over.png) no-repeat 200px center !important; }


/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:20em; top:29px; left:-10000px; padding:2px 0 5px; background:url(../images/nav_bg.png) no-repeat left bottom; font-size:11px; }
#nav div ul { position:static; width:auto; border:none; padding:0; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top:-1px; }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:-1px; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:214px; }

/********** Navigation > */