/* Homepage stylesheet to override styles and do special treatments */
html.hideoverflow { overflow: hidden; }
#content {   
	padding: 0;
    width: 100%;
   	max-width: none;
	margin: 0 auto;
	}
#breadcrumbs-container { display: none; }

.layout-n0-p1-s0 #primary-content {
    margin: 0;
	padding: 0;
    width: 100%;
   	max-width: 100%;
}

.tiles,
.zooms { margin: 0; list-style: none;}
.tiles:after,
.zooms:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.tiles li{ float: left; background: none; padding: 0; margin: 0;
	position: relative;
	width: 25%;
	height: auto;
	}
.tiles li img{ display: block;
	width: 100%;
	/*height: 100%;*/
	}
.tiles li p{
	width: 236px;
	height: 236px; 
	width: 80%; 
	height: 80%; 
	-webkit-margin-before:0em;
	-webkit-margin-after:0em;
	
	margin: 0 15px 15px 15px;
	background: #dc6812;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity: 0;
	position: absolute;
	bottom: 0;
	display: table;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}
.tiles li:hover p{
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
	opacity: .9;
	}
.tiles li a{
	vertical-align: middle;
	display:table-cell;
	color: #fff;
  	font-family: 'PT Sans';
	font-weight: 700;
	text-shadow: 0 1px #a24c0d;
	font-size: 1.8em;
	text-align: center;
	text-decoration: none;
	}
.tiles p.caption{ display: none;}
.zoomwrapper{
	position: relative;
	top: 0;
	display: none;
	}
.zooms { 
	}
.zooms > div{ 
	display: none;
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}
.zooms > div img{
	width: 100%;
	display: block;
	}
.circletoggle{ position: absolute; 
	left: 50%; margin-left: -82px;
	top: 50%; margin-top: -82px;
	display: block;
	background: url(/images/home/zoom/studentstats.png) center top no-repeat;
	text-indent: -3000px;
	width: 167px;
	height: 170px;
	}
.divisionnav ul li a.texttoggle{ border: none; display: inline;}
.horiznav { height: 50px; 
	width: 100%;
	position: absolute; 
	left: 0;
	top: 0;
	display: none; /*base state*/
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	opacity: .7;
	background: #000;
	}
.horiznav.sticky { position: fixed; top: 0; }
#zoom-close{ position: absolute; line-height: 50px; padding: 0 15px;}
.horiznav a{ 
  	font-family: 'PT Sans Narrow'; 
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	font-size: 1.2em;
	font-weight: 700;	
	white-space:nowrap;
	}
.tilenav{ list-style: none; margin: 0;
	text-align: center;
	width: 100%;
	}
.tilenav li{ background: none; margin: 0; display: none; text-align: center; width: 15%;	}
.tilenav li.show{ display: inline-block;}

.tilenav li a{ background: none; margin: 0; line-height: 50px;
	display: block;
	height: 50px;
	float: left;
	min-width: 100%;
	}

.tilenav .active a,
.horiznav a:hover{ color: #fc700a;}

/*#tile-nav-link{
	line-height: 50px;
    position: absolute;
    right: 20px;
}
#tile-nav-li{	
	}
	#tile-nav-li.hover .tilenav{
		background: none repeat scroll 0 0 #000000;
		border-top: 1px dashed #FFFFFF;
		display: block;
		position: absolute;
		top: 50px;
	}*/

#zoom-prev,
#zoom-next{ 
	display: block;
	display: none; /*base state*/
	position: absolute; 
	left: 0;
	/*top: 25%; declared in home2.js using offset */
	background: url(/images/home/prev.png) left top no-repeat;
	text-indent: -3000px;
	overflow: hidden;
	width: 55px;
	height: 129px;
	transition: none !important;
	}
#zoom-next{ 
	right: 0;
	left: auto;
	background: url(/images/home/next.png) left top no-repeat;
	}
.zooms .inset{ 
	min-height: 100px;
	
	background: url(/images/common/orange.png);
	position: fixed;
	padding: 20px 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-shadow: none;
	font-size: 1.2em;
	}

	.divisionnav { width: 90%;
		margin: 20px auto 0;}
	.divisionnav ul{ list-style: none; margin: 0;}
	.divisionnav ul li{   font-weight: 700;
		line-height: 40px;
			float: left; padding: 0; background: none;
			text-transform: uppercase;
			color: #fff;
			margin: 0 10px 0 0;
			font-size: .8em;
  			font-family: 'PT Sans Narrow';
		}
	.divisionnav ul li a{font-family: 'PT Sans';
			color: #0b5286;
			text-decoration: none;
			font-size: 1.0em;
			text-shadow: none;
			line-height: 40px;
			display: block;
			padding: 0 8px;
			border-right:  1px dotted #bfbfbf;
		}
	.divisionnav ul li .videolink,
	.video .videolink{ background: #c05a1a url(/images/home/zoom/btn_video.png) 10px center no-repeat;
		color: #fff;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkid-border-radius: 3px;
  			font-family: 'PT Sans Narrow';
		padding-left: 43px;
		text-transform: uppercase;
		display: block;
		margin-right: 12px;
		border: none;
		}

	.video .videolink{
		float: left;
		/*background-color: #ddd; color: #0b5286; */text-shadow: none; padding: 13px 12px 13px 40px;
		margin: 10px 0 0 10px;
		}
	.video .videolink:hover{ color: #2b72a6;
		color: #ff9344;
		}
	.divisionnav ul li a:hover{color: #ffd0ad;}
	.divisionnav ul li .videolink:hover{color: #ff9344;}
	
.zooms .inset h2{
	color: #fff;
}
	.zooms .inset h2,
	.zooms .inset p{
		width: 94%;
		padding: 0 3%;
		margin: 0 auto;
		text-shadow: 1px 1px #b55814;
		text-transform: none;
		font-family: 'PT Sans Narrow';
		font-weight: 700;
	}
	.zooms .inset p{
  		font-family: 'PT Serif';
		font-weight: 400;
		line-height: 1.2em;
	}

/* IG */
	.ig{
		padding: 60px 5% 5% 5%;
	  font-family: 'PT Sans Narrow';
	  font-weight: 700;
	  }
	.ig .banner{ margin-bottom: 10px;}
	@media screen and (max-width: 768px) {	
		.ig .divisionnav ul li{margin-right: 0;}
	}
	@media screen and (max-width: 530px) {	
		.ig .divisionnav ul li a{border-right: none;}
	}
		
	/* alumni IG*/
		.png1,
		.png2{ width: 50%; float: left;
			position: relative;
			}
		.zoom10 .png2 span{ position: absolute; color: #fff; 
			font-size: 2.4em; 
			bottom: 15%;
			left: 13%;
			}
		.zoom10 .one,
		.zoom10 .two{ margin-top: 2%;}
		.zoom10 .one{ width: 35%; float: left;}
		.zoom10 .two{ width: 60%; float: left; margin-left: 5%;}
		.zoom10 .two a{ 
			width: 15%;
			height: 100px;
			margin-right: 5px;
			float: left;
			padding: 43px 5px 0;
			}
		.zoom10 .two .snake{ 
			text-indent: -3000px;
			display: block;
			padding: 0;
			width: 40%;
			background: none;
			height: auto;
			}
		.ig .divisionnav { 
			line-height: 50px;
			text-align: center;
			margin-top: 15px;
			border-bottom: 1px solid #cdcdcd;
			border-top: 1px solid #cdcdcd;
			}
		.ig .divisionnav ul li{ color: #9a9a9a;}
		.ig .divisionnav ul li a{
			color: #0b5286;
			text-decoration: none;
			text-shadow: none;
			padding: 0 12px;
			border-right:  1px dotted #bfbfbf;
		}
		
		.divisionnav ul li.last-child a{
			border-right: none;
		}
		.divisionnav ul li a:hover{
			color: #9d9d9d;
		}
		
		@media screen and (max-width: 768px) {	
		}	
		@media screen and (max-width: 530px) {	
			.zoom10 .png1,
			.zoom10 .png2,
			.zoom10 .one,
			.zoom10 .two{ margin-top: 0; width: 100%; float: none;
				position: relative;
				margin-bottom: 12px;
				}
			.divisionnav { border: none;
				height: auto;
				line-height: auto;
				text-align: center;
				margin-top: 15px;
				}
			.divisionnav ul{ margin: 0;}
			.divisionnav ul li {
				font-size: 1.2em;
				float: none;
				margin: 0;
			}
			.divisionnav ul li a {
				font-size: .9em;
				border: none;
				float: none;
				padding: 5px 00;
				display: block;
				border-top: 1px solid #b65915;
			}
			#zoom-prev, #zoom-next {   top: 55px;	}
			.ig .divisionnav { border: none;}
			.ig .divisionnav ul li a{	border-right:  none;}
		}
		
		@media screen and (max-width: 480x) {
		}
		@media screen and (max-width: 320px) {			
			.zoom10 .two a.snake {
				width:80%;
				margin-top: 12px;
			}
		}
		
	  /* students ig*/
		  .zoom2 .png1{ width: 70%;	}
		  .zoom2 .png2{ width: 30%;	}
		  .zoom2 .png3{ width: 65%; margin: 3% auto;	}
		  @media screen and (max-width: 768px) {	
			  .circletoggle{ display: none;}
		  }
		  @media screen and (max-width: 530px) {	
			  .zoom2 .png1,
			  .zoom2 .png2,
			  .zoom2 .png3{ width: 100%; margin: 3% auto; float: none;}
			  .zoom2 .png2{ width: 70%;}
		  }

/*-------------------------------------------------
=Alert Popup
-------------------------------------------------*/
#news-alert {
	border-radius: 4px;
	box-shadow: 
		inset 0 2px 0 0 rgba(255,255,255,.4),
		0 5px 15px 0 rgba(0,0,0,.35);
	margin: 0 0 0 -350px;
	position: absolute;
	top: 237px;
	left: 50%;
	width: 700px;
	} 	

/* Portrait tablet to landscape and desktop
----------------------------------------------------------------------------- */
@media screen and (max-width: 980px) {		
	.tiles li{
		width: 33.33%;
		height: 33.33%;
		}		
	.tiles li p{ 
		background: #0e467f;
		display: block;
		height: auto;
		padding: 0;		
		-webkit-opacity: 0.9;
		-moz-opacity: 0.9;
		filter:alpha(opacity=90);
		opacity: .9;
		margin:  0 8% 8% 8%;
		width: 84% !important;
	}		
	.tiles li a{
		text-shadow: 0 1px #1a3f69;
		display: block;
		padding: 16px;
		font-size: 1.4em;
		}
	.zoomwrapper,
	.zooms > div{		}
}
@media screen and (max-width: 756px) {	
	#news-alert { width: 80%;
		margin: 0 0 0 -40%;
	} 
}	
@media screen and (max-width: 600px) {
	.tilenav{ display: none;}
}

@media screen and (max-width: 530px) {
	#news-alert {
		border-radius: 4px;
		box-shadow: 
			inset 0 2px 0 0 rgba(255,255,255,.4),
			0 5px 15px 0 rgba(0,0,0,.35);
		margin: 0 0 0 -35%;
		position: absolute;
		top: 237px;
		left: 50%;
		width: 70%;
		} 	
	
	.tiles li{
		width: 50%;
		height: 50%;
		}		
	.zoomwrapper,
	.zooms > div{	height: 380px;	}
	.tilenav{ display: none;}
	.zooms .inset { position: relative;}
	.zoomwrapper, .zooms > div {
		height: auto;
	}
}

@media screen and (max-width: 369px) {
	#news-alert {
		border-radius: 0;
		box-shadow: none;
		left: auto;
		margin: 0;
		position: relative;
		top: 0;
		width: 100%;
	}	
	.tiles,
	.tilenav,
	#zoom-prev,
	.horiznav{ display: none;}
	
	#zoom-next { display: block;}
	
	.zoomwrapper,
	.zooms > div{	height: auto; margin: 0;}
	.zooms >.zoom1, /* show the first zoom tile*/
	.zoomwrapper{ max-width: 369px; display: block;}
	.zooms > div > img {	display: block; width: 369px;	}
	
	.zooms .inset {
		background: url("/images/common/orange.png") repeat scroll 0 0 transparent;
		min-height: 0;
		width: 369px;
		position: relative;
	}
	.ig {
		padding: 12px 5% 5%;
	}
	.ig .banner img{ }
}
@media screen and (max-width: 320px) {
	.zoomwrapper{ max-width: 320px; }
	.zooms .inset {	width: 320px;}
	.zooms > div > img {width: 320px;	}
	
}

	

/*-------------------------------------------------
=Alert BASE
-------------------------------------------------*/
#news-alert {
	background: #fff;
	color: color: rgba(0,0,0,.5);
	font-size: 1.5em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	z-index: 100;
	}
	/*Trigger and close referenced below*/
	#news-alert .news { 
		list-style: none; 
		margin: 0; 
		padding: 20px;
		text-align: left;
		width: 100%;
		}
		#news-alert .news .news { padding: 0; } 
			#news-alert .news li { border: 0; }
				#news-alert li h4 { font-size: 1.2em; }
					#news-alert h4 a { color: rgba(0,0,0,.8); text-decoration: none; }
			/*caption*/
			#news-alert .news li p { color: rgba(0,0,0,.5); }
			/*byline*/
			#news-alert li h5,
			/*posted date*/
			#news-alert li h6 { display: none; } 
						
	/*Action upon Close && Close Button*/	
	.alerted #news-alert {
		max-height: 500px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		visibility: visible;
		}
	#news-alert,
	#news-alert.triggered {
		max-height: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
		padding: 0;
		visibility: hidden;
		}
		#news-alert .close {
			border-radius: 100%;
			color: rgba(0,0,0,.7);
			cursor: pointer;
			display: block;
			height: 30px;
			width: 30px;
			position: absolute;
			top: 10px;
			right: 0;
			}
			#news-alert .close:hover { opacity: 0.5; }
			#news-alert .close:before { 
				content: 'X'; 
				display: inline-block;
				speak: none;
				text-align: center; 
				}

#news_const {/* overflow: hidden;*/}



/* 
	MISC 
*/
#masthead-container.sticky {
	position: relative;
}
body.sticky{ margin: 0; }
#header-hd.sticky { display:block}