/* 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 { }
	div.nav ul { margin: 0; padding: 0; list-style: none; }
		div.nav ul li { margin: 0; padding: 0; background-image: none; }
			.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;
	margin-left: 274px;
    padding-top: 139px;
	}
	#nav-main > ul {
		height: 26px;
		 background-image: url(/images/nav/main.gif);
		 width: 681px;
		}
		#nav-main > ul > li {
			position: relative;
			float: left;
			margin: 0;
			}
		#nav-main > ul > li.lock { background-image: none; }
			#nav-main > ul > li > a {
				height: 26px;
				text-indent: -3000px;
				text-decoration: none;
				display: block;
				}

			#nav-main > ul > li:hover,
			#nav-main > ul > li.hover,
			#nav-main > ul > li > a:hover,
			#nav-main > ul > li > a.hover,
			#nav-main > ul > li > a.active { background-image: url(/images/nav/main.gif); background-repeat: no-repeat; }

			#nav-main #nav-link-about_us { width: 73px; }
			#nav-main #nav-link-admissions { width: 101px; }
			#nav-main #nav-link-academics { width: 98px; }
			#nav-main #nav-link-athletics { width: 83px; }
			#nav-main #nav-link-student_life { width: 105px; }
			#nav-main #nav-link-faith__service { width: 128px; }
			#nav-main #nav-link-support_bcp { width: 93px; }
			
			#nav-main #nav-li-about_us:hover, #nav-main #nav-li-about_us.hover,
			#nav-main #nav-link-about_us:hover { background-position: 0px -26px; }
			#nav-main #nav-li-admissions:hover, #nav-main #nav-li-admissions.hover,
			#nav-main #nav-link-admissions:hover { background-position: -73px -26px; }
			#nav-main #nav-li-academics:hover, #nav-main #nav-li-academics.hover,
			#nav-main #nav-link-academics:hover { background-position: -174px -26px; }
			#nav-main #nav-li-athletics:hover, #nav-main #nav-li-athletics.hover,
			#nav-main #nav-link-athletics:hover { background-position: -272px -26px; }
			#nav-main #nav-li-student_life:hover, #nav-main #nav-li-student_life.hover,
			#nav-main #nav-link-student_life:hover { background-position: -355px -26px; }
			#nav-main #nav-li-faith__service:hover, #nav-main #nav-li-faith__service.hover,
			#nav-main #nav-link-faith__service:hover { background-position: -460px -26px; }
			#nav-main #nav-li-support_bcp:hover, #nav-main #nav-li-support_bcp.hover,
			#nav-main #nav-link-support_bcp:hover { background-position: -588px -26px; }
			
			#nav-main #nav-link-about_us.active { background-position: 0px -52px; }
			#nav-main #nav-link-admissions.active { background-position: -73px -52px; }
			#nav-main #nav-link-academics.active { background-position: -174px -52px; }
			#nav-main #nav-link-athletics.active { background-position: -272px -52px; }
			#nav-main #nav-link-student_life.active { background-position: -355px -52px; }
			#nav-main #nav-link-faith__service.active { background-position: -460px -52px; }
			#nav-main #nav-link-support_bcp.active { background-position: -588px -52px; }
			

			#nav-main>ul>li>ul {
				width: 190px;
				position: absolute;
				z-index: 200;
				border-top: 5px solid #6caedf;
								
				-webkit-box-shadow: -1px 1px 1px 1px #aaaaaa;
				-moz-box-shadow: -1px 1px 1px 1px #aaaaaa;
				box-shadow: -1px 1px 1px 1px #aaaaaa; 
				
				width: 780px;
				height: 151px;
				
				
				background: url(/images/nav/bg.gif) left top repeat-x;
				}
			#nav-main ul li.hover ul,
			#nav-main ul li:hover ul {
				display: block;
				}
			#nav-li-about_us>ul{ margin-left: -91px;}
			#nav-li-admissions>ul{ margin-left: -164px;}
			#nav-li-academics>ul{ margin-left: -265px;}
			#nav-li-athletics>ul{ margin-left: -363px;}
			#nav-li-student_life>ul{ margin-left: -446px;}
			#nav-li-faith__service>ul{ margin-left: -551px;}
			#nav-li-support_bcp>ul{ margin-left: -679px;}
			
				#nav-main ul ul li { }
					#nav-main ul ul li a {
						position: relative;
						left: 0;
						color: #005696;
						text-decoration: underline;
						padding: 0.5em;
						display: block;
						}
					#nav-main ul ul li a:hover {
						color: #003f73; }
						
				
			#nav-main ul li ul .thumb {
				float: left;
				width: 150px;
				border: none; padding: 0;
				}
			#nav-main ul li ul .thumb img{ display: block;	}
				#nav-main ul li ul li {
					float: none; 
					margin: 0;
					padding: 0;
					width: 136px;
					}
					#nav-main ul li.TC-only{ display: none;}
					
				.spotlight-group{ 
					float: left;
					height: 115px;
					overflow: hidden;
					margin: 16px 0 20px 18px;
					width: 388px;
					background: url(/images/nav/spotlight.gif) left top repeat;
					}
				#nav-main ul li ul .spotlight-group li{ 
					float: left;
					width: 238px; 
					}
				#nav-main ul li ul .spotlight-group li a:hover{  
						color: #003f73;}
				#nav-main ul li ul .spotlight-group li a:hover span{ 
						color: #003f73;}
				#nav-main ul li ul .spotlight-group li a{   
					font-size: 17px;
					font-weight: bold;  
					line-height: 1.1em;
					padding: 12px 10px 10px 12px;
					text-decoration: none;
						text-shadow: 0px -1px #f8f8f8;
					}
				.link-group{
					float: left;
					height: 115px;
					overflow: hidden;
					padding-left: 0;
					padding-top: 16px;
					width: 374px;
				}
				.flip .link-group{
					float: right;
				}
				#nav-main ul li ul .link-group li{
					width: 163px; 
				}
				#nav-main ul li ul .link-group .group{
					width: 163px; 
					float: left;
				}
				.link-group span{ clear: both; display: block;}
									
					#nav-main ul li ul .link-group>li{ margin-left: 12px;}
					#nav-main ul li ul .link-group li a {font-size: 12px;
						padding: 0.2em 0 .2em 8px; font-weight: bold;
						line-height: 1.2em;
						background: url(/images/nav/fly.gif) left center no-repeat;
						}
					#nav-main ul li ul .link-group li a:hover {	color: #c4620c;  
						background: url(/images/nav/fly_hov.gif) left center no-repeat; 	
						}
					#nav-main ul li ul .link-group li.last-child a {border-bottom: none;}
					.link-group span {
						clear: both;
						display: block;
						width: 380px;
					}
					#nav-main ul li ul .link-group span li { float: left;			}
					#nav-main ul li ul li span.main-text { color: #002f50; font-size: 11px; 
						text-shadow: 0px -1px #f8f8f8;
						display: block; 
						font-weight: normal;
						line-height: 1.1em;
						margin-top: 2px;
						}


/* 
-----------------------------------------------------------------------------
 =NAV-CONST
----------------------------------------------------------------------------- */
#b-links {
	position: absolute;
	right: 286px;
	top: 10px;
	}
#b-links a#b-top{ 
	text-indent: -3000px; 
	height: 46px; 
	width: 231px; 
	display: block;
	background: url(/images/nav/bg-theB.png) left top no-repeat;
	}
	#b-links > ul{ 
		margin: 0;
		}
	#b-links > ul > li > ul{ 
		width: 630px; 
		height: 125px;
		display: none;
		position: absolute;
		z-index: 999;
		top: 46px;
		left: -198px;
		padding: 40px 4px 20px;
		background: url(/images/nav/bg-theB-dropdown.png) no-repeat top center;
		}
		#b-links ul li.hover ul,
		#b-links ul li:hover ul {
			display: block;
			margin: 0;
			}
		#b-links > ul > li > ul > li { 
			float: left;
			width: 123px;
			border-right: 1px solid #d7d7d7;
			text-align: center;
			height: 125px;
			}
		#b-links > ul > li > ul > li#nav-li-parents { width: 130px; }
		#b-links > ul > li > ul > li#nav-li-alumni { width: 116px; }	
		#b-links > ul > li > ul > li.last-child {
			border: none;
		}	
			#b-links > ul > li > ul > li > a {
				font-family: 'ArvoBold';
				color: #003762;
				font-size: 12px;
				text-transform: uppercase;
				display: block;
				margin-bottom: 10px;
			}
			#b-links > ul > li > ul > li > ul > li {
				display: block;
			}
				#b-links > ul > li > ul > li > ul > li > a {
					color: #636363;
					font-size: 11px;
					line-height: 20px;
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				}	
				#b-links > ul > li > ul > li > ul > li > a:hover {
					color: #e08815;
					text-decoration: underline;
				}	

#b-links ul ul li a:hover{ 
	color: #183F72;
	}
#b-links ul ul li.first-child a{ 	border-top: none;	}
	
	
#nav-const {
	line-height: 1.0em;
    z-index: 100;
	position: absolute;
	top: 20px;
	right: 20px;
	
	}
	#nav-const > ul {
		height: 18px;
		/*Set background image here the same as what you want for #nav-const ul li{}*/
		}
		#nav-const > ul > li {
			position: relative;
			float: left;
			margin: 0 12px 0 0;
			}
			#nav-const > ul > li > a {
				/*height: 18px;
				text-indent: -3000px;
				text-decoration: none;*/
				}

			/* Use favelets to generate this: http://schoolsuite.silverpoint.net/prodmisc/favelets.aspx	*/

			#nav-const ul ul {
				width: 190px;
				position: absolute;
				z-index: 200;
				background-color: #DDD;
				opacity: 0.9;
				-moz-opacity: 90%;
				filter: alpha(opacity=90);
				}
					#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 { margin-bottom: 30px; }
	#nav-sub > ul { }
		#nav-sub ul > li { }
		#nav-sub ul li.first-child {}
			#nav-sub .mainnav-only{display: none;}
			#nav-sub ul li a { color: #666666; padding: 7px 10px; text-decoration: none; 
				border-bottom: 2px solid #d9d9d9;
				font-weight: bold;
				display: block;}
			#nav-sub ul li a:hover { color: #005696;
				background: #f7f7f7; }
		    #nav-sub ul ul li a{
			    padding-left: 22px;
			    }
		    #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 li.active > a {
				color: #e4935b;
				background: #f7f7f7;
				}
				#nav-sub ul ul { }
				    #nav-sub ul ul ul { }
					    #nav-sub ul ul ul ul { }
		
/* 
-----------------------------------------------------------------------------
 =NAV-UTIL
----------------------------------------------------------------------------- */
#nav-util {
	font-size: 1.1em;
	line-height: 1.0em;
    z-index: 100;
	position: absolute;
	top: 120px;
	right: 0px;
	}
	#nav-util > ul {
		height: 18px;
		}
		#nav-util > ul > li {
			position: relative;
			float: left;
			margin: 0 12px 0 0;
			width: 120px;
			}
			#nav-util ul li a {
				color: #555555;
				font-size: 14px;
				display: block;
				font-weight: bold;
				text-shadow: 1px -1px #d5d5d5;
				padding-bottom: 10px;
				}
			#nav-util ul ul {
				display: block;
				z-index: 200;
			}
				#nav-util ul ul li a {
					color: #555555;
					font-size: 11px;
					font-weight: normal;
					padding: 0px 0 8px 8px;
					background: url(/images/nav/utillia.png) left 2px no-repeat;
					width: 120px;
					}
			#nav-util ul li a:hover {	color: #2c2c2c;	}	
	#nav-link-site_links{ display: none !important;}				
/* 
-----------------------------------------------------------------------------
 =BREADCRUMBS
----------------------------------------------------------------------------- */
#breadcrumbs {
	z-index: 90;
	clear: both;
	margin-top: 13px;
	}

body.layout-n1-p1-s0 #breadcrumbs,
body.layout-n1-p1-s1 #breadcrumbs,
body.layout-n1-p1-s0-c #breadcrumbs,
body.layout-n1-p1-s1-c #breadcrumbs {
	margin-left: 230px;
	}
	#breadcrumbs ul {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: auto;
		}
		#breadcrumbs ul li {
			float: left;
			margin: 0 .5em 0 0;
			padding: 0 8px 0 0;
			color: #999999;
					background: url(/images/nav/bcia.png) right center no-repeat;
			line-height: 50px;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 11px;
			}
		#breadcrumbs ul li.last-child {
					background: none;  }
			#breadcrumbs ul li a { 
				color: #999999; }