/* VERSIONS
/* 1_0: Primary Site Navigations
/* 1_1: Switched to sibling CSS selector [Author: Nick Hall]
----------------------------------------------------------------------------- */

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

/* Default Navigation - Primarily used for navigation in #content 
----------------------------------------------------------------------------- */
.nav { font-family: "MuseoSans-500",Arial,Helvetica,sans-serif;}
	div.nav ul { margin: 0; padding: 0; list-style: none; }
		div.nav ul li { margin: 0; padding: 0; background-image: none; }
			.nav ul li a { display: block; }
			.nav ul ul { display: none; }
				.nav ul li.lock { background: url(/images/common/icon_lock.gif) center right no-repeat; }
				.nav li.showall.open li.more * { display: block !important; }

/* 
-----------------------------------------------------------------------------
 =NAV-MAIN
----------------------------------------------------------------------------- */
#nav-main {
	font-size: 1.2em;
	line-height: 1.0em;
	z-index: 100;
	}
	#nav-main > ul {
		height: 25px;
		left: 34px;
		position: relative;
		top:7px;
		}
		#nav-main > ul > li {
			position: relative;
			float: left;
			margin: 0;
			}
		#nav-main > ul > li.lock { background-image: none; }
			#nav-main > ul > li > a {
				height: 25px;
				text-indent: -3000px;
				text-decoration: none;
				background: url(/images/nav/main.png) no-repeat;
				}
			
			#nav-main #nav-link-about_wcc { width: 78px; background-position: 0px 0; }
			#nav-main #nav-link-admissions { width: 141px; background-position: -78px 0; }
			#nav-main #nav-link-academics { width: 134px; background-position: -219px 0; }
			#nav-main #nav-link-outdoor_program { width: 212px; background-position: -353px 0; }
			#nav-main #nav-link-student_life { width: 152px; background-position: -563px 0; }
			#nav-main #nav-link-career { width: 115px; background-position: -717px 0; }
			#nav-main #nav-link-support_wcc { width: 105px; background-position: -830px 0; }
			
			#nav-main #nav-li-about_wcc:hover > a, #nav-main #nav-li-about_wcc.hover > a,
			#nav-main #nav-link-about_wcc.active, #nav-main #nav-link-about_wcc:hover { background-position: 1px -37px; }
			#nav-main #nav-li-admissions:hover > a, #nav-main #nav-li-admissions.hover > a,
			#nav-main #nav-link-admissions.active, #nav-main #nav-link-admissions:hover { background-position: -77px -37px; }
			#nav-main #nav-li-academics:hover > a, #nav-main #nav-li-academics.hover > a,
			#nav-main #nav-link-academics.active, #nav-main #nav-link-academics:hover { background-position: -218px -37px; }
			#nav-main #nav-li-outdoor_program:hover > a, #nav-main #nav-li-outdoor_program.hover > a,
			#nav-main #nav-link-outdoor_program.active, #nav-main #nav-link-outdoor_program:hover { background-position: -352px -37px; }
			#nav-main #nav-li-student_life:hover > a, #nav-main #nav-li-student_life.hover > a,
			#nav-main #nav-link-student_life.active, #nav-main #nav-link-student_life:hover { background-position: -562px -37px; }
			#nav-main #nav-li-career:hover > a, #nav-main #nav-li-careershover > a,
			#nav-main #nav-link-career.active, #nav-main #nav-link-career:hover { background-position: -716px -37px; }
			#nav-main #nav-li-support_wcc:hover > a, #nav-main #nav-li-support_wcc.hover > a,
			#nav-main #nav-link-support_wcc.active, #nav-main #nav-link-support_wcc:hover { background-position: -829px -37px; }

			#nav-main ul li ul {
				width: 221px;
				position: absolute;
				z-index: 200;
				background: url("/images/nav/bg_dropdown_ul.png") no-repeat scroll 18px bottom transparent;
				padding-bottom: 11px;
			}
			#nav-li-about_wcc > ul { margin-left: -19px }
			#nav-li-admissions > ul { margin-left: -7px; }
			#nav-li-academics > ul { margin-left: -8px; }
			#nav-li-student_life > ul { margin-left: -9px; }
			#nav-li-outdoor_program > ul { margin-left: -8px; }
			#nav-li-support_wcc > ul { margin-left: -12px; }
			
			#nav-main ul li.hover ul,
			#nav-main ul li:hover ul {
				display: block;
				}
				#nav-main ul ul li { width: 190px; margin-left: 18px; }
	
					#nav-main ul ul li a {
						background: url("/images/nav/bg_dropdown_li.png") no-repeat scroll center top transparent;
						font-family: "MuseoSans-500",Arial,Helvetica,sans-serif;
						position: relative;
						left: 0;
						padding: 0.5em;
						color: #a5b7c9;
						padding: 8px 12px;
						text-transform: uppercase;
					    text-shadow: 0 -1px 1px #204158;
						}
					#nav-main ul ul li.first-child { width: 221px; margin-left: 0; }
					#nav-main ul ul li.first-child a { 
						background: url("/images/nav/bg_dropdown_first.png") no-repeat scroll center -23px transparent;
						padding-left: 30px;
						}
					
					#nav-main ul ul li a:hover { color: #eae6c8; }

/* 
-----------------------------------------------------------------------------
 =NAV-CONST
----------------------------------------------------------------------------- */
#nav-const {
	line-height: 1.0em;
    z-index: 100;
	position: absolute;
	top: 0px;
	right: 104px;
	}
	#nav-const > ul {
		height: 40px;
		background: url(/images/nav/const.jpg) 0px 0px no-repeat;
		width: 190px;
		}
		#nav-const > ul > li {
			position: relative;
			float: left;
			margin: 0 0 0 0;
			}
			#nav-const > ul > li > a {
				height: 40px;
				text-indent: -3000px;
				text-decoration: none;
				}

			#nav-link-parents{ width: 85px; }
			#nav-link-alumni{ width: 85px; }
			
			#nav-li-parents:hover, #nav-li-parents.hover,
			#nav-link-parents.active, #nav-link-parents:hover{ background: url(/images/nav/const.jpg) 0 -40px no-repeat; }
			#nav-li-alumni:hover, #nav-li-alumni.hover,
			#nav-link-alumni.active, #nav-link-alumni:hover{ background: url(/images/nav/const.jpg) -85px -40px no-repeat; }
			

			#nav-const ul ul {
				width: 190px;
				position: absolute;
				z-index: 200;
				background-color: #DDD;
				opacity: 0.9;
				filter: alpha(opacity=90);
				}
				#nav-const ul li.hover ul,
				#nav-const ul li:hover ul {
					display: none;
					}
					#nav-const ul ul li { }
						#nav-const ul ul li a {
							position: relative;
							left: 0;
							text-indent: 0;
							padding: 0.5em;
							}
						#nav-const ul ul li a:hover { }

/* 
-----------------------------------------------------------------------------
 =NAV-SUB
--------------------------------------------------------------------------- */
#nav-sub {  }
	#nav-sub > ul { font-size: 1.2em; text-transform: uppercase; margin-bottom: 20px; }
		#nav-sub ul li {  }
			#nav-sub ul li a { 
				color: #260d00;
				padding: 12px 10px 12px 0;
				}
			#nav-sub ul li a:hover { color: #851900; }
		    #nav-sub ul ul {
			    margin: 0 0 0 12px;
			    }
		    #nav-sub li.more ul { 
			    display: none;
			    }
		    #nav-sub li.active > ul,
		    #nav-sub li.open > ul {
			    display: block;
			    }
			#nav-sub li.open > a {
				
				}
			#nav-sub > ul > li.active ,
			#nav-sub > ul > li.open {
				width: 191px;	
				margin-left: -25px;
				padding-bottom: 4px;
				}
				#nav-sub > ul > li.active > a,
				#nav-sub > ul > li.open > a {
				background: url(/images/nav/bg_sub_active.png) no-repeat bottom center;
					color: #D1E9F4;
					font-size: 13px;
					text-shadow: #0b2d44 0 -1px 1px;
					padding-left: 25px;
					}
					#nav-sub ul ul { }
					    #nav-sub ul ul ul { }
						    #nav-sub ul ul ul ul { }
			
			#nav-sub ul li.open > ul {
				border: 1px solid #b2a796;
				border-width: 0 1px 1px 0;
				width: 179px;
				font-size: 12px;
				margin-left: 5px;
				margin-top: -2px;
				border-bottom-right-radius: 4px;
				padding: 10px 0;
				background: url(/images/common/bg_navsub_ul_open.png) repeat scroll 0 0 transparent;
				}
				#nav-sub ul li.open > ul > li a {
					padding: 4px 10px 4px 20px;
					color: #504944;
					}
					#nav-sub ul li.open > ul > li > a:hover { color: #180a02; }
					#nav-sub ul li.open > ul > li > a.active { color: #8d1b01; }
				#nav-sub ul li.open li.open > ul {
					background: none;
					border: 0;
					padding: 6px 0;
					}
					#nav-sub ul li.open li.open > ul li a { padding-left: 30px }
/* 
-----------------------------------------------------------------------------
 =NAV-UTIL
----------------------------------------------------------------------------- */
#nav-util {
	font-size: 1.1em;
	line-height: 1.0em;
    z-index: 100;
	float: right;
	}
	#nav-util > ul {
		height: 18px;
		}
		#nav-util > ul > li {
			position: relative;
			float: left;
			margin: 0 0 0 20px;
			}
			#nav-util > ul > li > a {
				color: #c69b78;
				text-decoration: none;
				/*height: 18px;
				text-indent: -3000px;
				text-decoration: none; */
				}
				#nav-util > ul > li > a:hover { color: #E5D8C5; }
			#nav-util ul ul {
				display: none;
				width: 190px;
				position: absolute;
				z-index: 200;
				background-color: #DDD;
				opacity: 0.9;
				filter: alpha(opacity=90);
				}
				/*	Don't want dropdowns in util nav
				.nav-util li.hover ul,
				.nav-util li:hover ul {
					display: block;
					}
					.nav-util ul ul li { }
						.nav-util ul ul li a {
							position: relative;
							left: 0;
							text-indent: 0;	
							padding: 0.5em;
							}
						.nav-util ul ul li a:hover { }*/

/* 
-----------------------------------------------------------------------------
 =BREADCRUMBS
----------------------------------------------------------------------------- */
#breadcrumbs {
	clear: both;
    height: 40px;
    margin-bottom: 1em;
    position: absolute;
    right: 0;
    top: 246px;
    z-index: 90;
	font-family: "MuseoSans-500",Arial,Helvetica,sans-serif;
	}
	#breadcrumbs ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#breadcrumbs ul li {
			float: right;
			margin: 0 .5em 0 0;
			padding: 0 15px;
			line-height: 24px;
			height: 24px;
			color: #000;
			background: url(/images/common/bg_breadcrumb.png) no-repeat;
			position: relative;
			top: 5px;
			color: #6f6859;
			text-shadow: #eae3d5 0px 1px 0px;
			}
			#breadcrumbs ul li a {
				color: #6f6859;
				text-shadow: #eae3d5 0px 1px 0px;
				}
				#breadcrumbs ul li a:hover { color: #49453b; }
		#breadcrumbs ul li.last-child { }
			#breadcrumbs ul li.first-child {
				height: 45px;
				background: none;
				top: 0px;
				}
			#breadcrumbs ul li.first-child a {
				background: url(/images/common/bg_breadcrumb_home.png) no-repeat;
				display: block;
				width: 47px;
				height: 45px;
				text-indent: -9000px;
				}

/* 
-----------------------------------------------------------------------------
 =LOGIN-NAV
----------------------------------------------------------------------------- */
#nav-login { }
    #nav-login h2 { }
    #nav-login ul.login-list  { }
        #nav-login ul.login-list li  { }
        #nav-login ul.login-list li.first-child  { }
        #nav-login ul.login-list li.last-child  { }
            #nav-login ul.login-list li a  { }
            #nav-login ul.login-list li a.my-messages  { }
            #nav-login ul.login-list li a.new  { font-style: italic; }
            #nav-login ul.login-list li a.my-profile  { }
            #nav-login ul.login-list li a.my-pictures  { }
            #nav-login ul.login-list li a.my-friends  { }
            #nav-login ul.login-list li a.my-groups  { }
            #nav-login ul.login-list li a.my-customize  { }
            #nav-login ul.login-list li a.login  { }
            #nav-login ul.login-list li a.forgotpw  { }
            #nav-login ul.login-list li a.changepw  { }
            #nav-login ul.login-list li a.logout  { }