/**********************************
					Sub Navigation
**********************************/
#subnav {
	margin: 0 21px 26px 5px;
}
	#subnav li {
		background: url(images/Alumnibg_subnav_border.gif) no-repeat left bottom;
	}
		#subnav li a {
			color: #366;
		}
		#subnav li a:hover {
			background: url(images/Alumnibg_subnav_l2.gif) repeat-y left top;
			color: #336;
		}
		#subnav li.active a {
			background: url(images/Alumnibg_subnav_l2.gif) repeat-y left top;
			color: #336;
		}
			#subnav li a:hover span,
			#subnav li.active a:hover span,
			#subnav li.active span {
				background: url(images/alumni_blue_arrow.gif) no-repeat left 7px;
			}
			#subnav li.no_arrow span {background: none;}

		#subnav .active ul {
			background: url(images/bg_subnav_l2.gif) repeat-y left top;
		}
			#subnav .active ul li {
				border-bottom: 1px solid #afc4b8;
			}
				#subnav .active ul a {
					background: none;
					color: #366;
				}
				#subnav .active ul a:hover,
				#subnav .active ul .active a {
					color: #336;
				}
				#subnav .active ul span,
				#subnav .active ul a:hover span {
					background: none;
				}

		#subnav .active ul .active ul {
			background: #eee url(images/bg_subnav_l2.gif) repeat-y left top;
		}
				#subnav .active ul .active ul span {
					background: url(images/alumni_blue_arrow.gif) no-repeat 0 5px;
				}
				#subnav .active ul .active ul a {
					color: #366;
				}
				#subnav .active ul .active ul a:hover,
				#subnav .active ul .active ul .active a {
					color: #336;
				}
				#subnav .active ul .active ul a:hover span,
				#subnav .active ul .active ul .active span {
					background-image: url(images/alumni_blue_arrow_sm.gif);
				}