/* NAVIGATION =========================================================== */

ul#leftNav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 184px;
	display: block;
	}												

	ul#leftNav a {
		text-decoration: none;
		}												

	ul#leftNav li.toplevel {
		width: 184px; line-height: 22px;
		display: block; margin-bottom: 1px;
		}
		
		ul#leftNav li.toplevel a {
			color: white; padding-left: 5px; display: block;
			}

		ul#leftNav li.toplevel a:hover.toplevel, ul#leftNav li.toplevel.active a.toplevel {
			background-position: left bottom !important;
			}

			
			ul#leftNav li.toplevel li ul {
				padding-top: 3px;
				}			

				ul#leftNav li.toplevel li li {
					padding: 0;
					}
				
					ul#leftNav li.toplevel li li a {
						padding: 4px 5px 1px 10px; font-size: 11px;
						}
						
		/* BLUE LINKS ========================================================== */																							

		ul#leftNav li.blue a.toplevel {
			background: left top repeat-x url(../img/navigation/toplevel_blue.png);
			}
			

		/* ABOUT AUCTIONS LINKS ========================================================== */																							

		ul#leftNav li.about a.toplevel {
			background: left top repeat-x url(../img/navigation/toplevel_purple.png);
			}
			
			ul#leftNav li.about li {
				width: 184px; display: block; border-bottom: 1px solid #e4e5ea; line-height: 12px; padding: 5px 0;
				}

				ul#leftNav li.about li a, ul#leftNav li.about li.active li a {
					color: #877f97;
					}				

				ul#leftNav li.about li a:hover, ul#leftNav li.about li.active a, ul#leftNav li.about li.active li.active a {
					color: #8361b5;
					}

		/* ABOUT COLLIERS LINKS ========================================================== */																							

		ul#leftNav li.orange a.toplevel {
			background: left top repeat-x url(../img/navigation/toplevel_orange.png);
			}
			
			ul#leftNav li.orange li {
				width: 184px; display: block; border-bottom: 1px solid #e4e5ea; line-height: 12px; padding: 5px 0;
				}

				ul#leftNav li.orange li a, ul#leftNav li.orange li.active li a {
					color: #877f97;
					}				

				ul#leftNav li.orange li a:hover, ul#leftNav li.orange li.active a, ul#leftNav li.orange li.active li.active a {
					color: #8361b5;
					}																		

		/* AUCTIONS TEAM LINKS ========================================================== */																							

		ul#leftNav li.red a.toplevel {
			background: left top repeat-x url(../img/navigation/toplevel_red.png);
			}
			
			ul#leftNav li.red li {
				width: 184px; display: block; border-bottom: 1px solid #e4e5ea; line-height: 12px; padding: 5px 0;
				}

				ul#leftNav li.red li a, ul#leftNav li.red li.active li a {
					color: #877f97;
					}				

				ul#leftNav li.red li a:hover, ul#leftNav li.red li.active a, ul#leftNav li.red li.active li.active a {
					color: #8361b5;
					}		


		/* CURRENT DEVELOPMENTS ========================================================== */

		ul#leftNav li.current a.toplevel {
			background: left top repeat-x url(../img/navigation/toplevel_current.png);
			}												

			ul#leftNav li.current li {
				width: 184px; display: block; border-bottom: 1px solid #e4e5ea; line-height: 12px; padding: 5px 0;
				}

				ul#leftNav li.current li a, ul#leftNav li.current li.active li a {
					color: #7f8899;
					}				

				ul#leftNav li.current li a:hover, ul#leftNav li.current li.active a, ul#leftNav li.current li.active li.active a {
					color: #4487d8;
					}				

					ul#leftNav li.current li li {
						width: 184px; display: block; border-bottom: none;
						}

					ul#leftNav li.current li li a {
						color: #aaaab2;
						}
						
					ul#leftNav li.current li li a:hover {
						text-decoration: underline;
						}											


		/* PAST DEVELOPMENTS ============================================================= */

		ul#leftNav li.past a.toplevel {
			background: left top repeat-x url(../img/navigation/toplevel_past.png);
			}
			
			ul#leftNav li.past li {
				width: 184px; display: block; border-bottom: 1px solid #eee3e7; line-height: 12px; padding: 5px 0;
				}

				ul#leftNav li.past li a {
					color: #cbaab3;
					}

				ul#leftNav li.past li a:hover, ul#leftNav li.past li.active a {
					color: #a56b7a;
					}