html { 
height:100%;
}

body { 
height:100%;
font-size:100%;
}

.container {
	position:relative;
	top:0;}


video { 
display: block; }/*for IE*/

.clear-footer {
height: 80px;
clear: both;
}
	


@font-face{ 
	font-family: 'bebasneue-webfont';
	src: url('/css/webfont-header/bebasneue-webfont.eot');
	src: url('/css/webfont-header/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/css/webfont-header/bebasneue-webfont.woff') format('woff'),
	     url('/css/webfont-header/bebasneue-webfont.ttf') format('truetype'),
	     url('/css/webfont-header/bebasneue-webfont.svg#webfont') format('svg');
}

.myFontClass {
  font-family: bebasneue-webfont, Arial, Helvetica, sans-serif;
}
	

.myFontClass {
  font-family: bebasneue-webfont, Arial, Helvetica, sans-serif;
}


	
/*---- !WEATHER ALERT !-----*/	
p#alert {
width:960px;

font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:1.3em;
text-align:center;
color:red;
margin:0 auto;
padding-top:10px;
	
}
/*---- !WEATHER ALERT !-----*/	


/*------VIDEO-------------*/
@media screen and (min-device-width: 1024px){
		
video#fullscreen-video {
	position: fixed; 
	right: 0; 
	bottom: 0;
min-width: 100%; 
min-height: 100%;
width: auto; 
height: auto; 
z-index: -100;
background: url(/video/campus/campusweb.jpg) no-repeat center left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
-webkit-transform: translateZ(0);
}


}

@media only screen and (max-device-width: 1024px) {
  video#fullscreen-video {
	  visibility:hidden;
	}
}
/*------VIDEO-------------*/






/*--------------------------------iPad Landscape--------------------------------*/
@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 1024px) and (orientation : landscape) { 

.trans-content {
width:85%;
max-height:90%;
min-height:90%;
position:relative;
background:transparent;
margin:0 auto;
}

.first-row-content {
max-width:681px; 
min-width:450px; 
margin: 10% auto 0; 
}


.content {
	width:100%;
	height:auto;
	background-color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}
	
.sub-content {
	width:85%;
	height:auto;
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:1% 0;
	
}

#news-events-container {
	width:100%;
	min-width:960px;
	height:286px;
	position:relative;
	margin-left:-9%;
}




#title-nav-block {
width:16%;
min-width:250px;
	height:auto;
	position:absolute;
	z-index:2;
	right:0;
	top:-50%;
/*	margin-top:-210px;
*/background-color:white;
display:block;

 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);

}

 a.title-links {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 700; 
color:#000;
text-align:left;
text-decoration:none;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}

/*---PAGE TITLE-----*/

h1.page-title {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 4em;
font-weight: 700; 
color:#fff;
text-align:left;
word-spacing:3px;
position:relative;
top:-5%;
text-shadow: 0px 0px 13px rgba(0, 0, 0, .85);
}


}

/*--------------------------------iPad Portrait--------------------------------*/

@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 1024px) and (orientation : portrait) { 

.trans-content {
width:85%;
max-height:90%;
min-height:90%;
position:relative;
background:transparent;
margin:0 auto;
}

.first-row-content {
max-width:681px; 
min-width:450px; 
margin: 30% auto 0; 
}

.content {
	width:100%;
	height:auto;
	background-color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}
	
.sub-content {
	width:85%;
	height:auto;
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:1% 0;
	
}

#news-events-container {
	width:100%;
	min-width:960px;
	height:286px;
	position:relative;
	margin-left:-9%;
}




#title-nav-block {
width:16%;
min-width:250px;
	height:auto;
	position:absolute;
	z-index:2;
	right:0;
	top:-35%;
/*	margin-top:-210px;
*/background-color:white;
display:block;

 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);

}

 a.title-links {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 700; 
color:#000;
text-align:left;
text-decoration:none;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}




/*---PAGE TITLE-----*/

h1.page-title {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 4em;
font-weight: 700; 
color:#fff;
text-align:left;
word-spacing:3px;
position:relative;
top:90px;
text-shadow: 0px 0px 13px rgba(0, 0, 0, .85);
}


}


/*-------------------------------- Desktop --------------------------------*/

@media only screen and (min-device-width: 960px){

.container {
min-width:960px;}
	
.trans-content {
width:100%;
max-width:1500px;
max-height:90%;
min-height:90%;
position:relative;
background:transparent;
margin:0 auto;
}

.first-row-content {
max-width:720px; 
min-width:450px; 
margin: 13% auto 0; 
text-align:center;
}


.content {
	width:100%;
	height:auto;
	background-color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}
	
.sub-content {
	width:85%;
max-width:1500px;
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:1% 0;
	
}

#news-events-container {
	width:100%;
	min-width:960px;
	height:286px;
	position:relative;
}


#title-nav-block {
width:20%;
min-width:280px;
	height:auto;
	position:absolute;
	z-index:2;
	right:0;
	top:140px;
background-color:white;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
display:block;

 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);

}

 a.title-links {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 700; 
color:#000;
text-align:left;
text-decoration:none;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}

/* EXPO Link Style*/
a.expo-link {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.8em;
font-weight: 700; 
color:#ec008b;
text-align:left;
text-decoration:none;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}

a.expo-link:hover {
	color:#ec008c;
}

.cyan {
	color:#00adef;
	 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
}

span.cyan:hover {
	color:#ec008c;
	
}.yellow {
	color:#fff100;
	 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;			
}

span.yellow:hover {
	color:#00adef;
	
}
/* EXPO Link Style*/




#title-nav-block:hover {
	background-color:white;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}

/*---PAGE TITLE-----*/

h1.page-title {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin-left:8%;
font-size: 4em;
font-weight: 700; 
color:#fff;
text-align:left;
word-spacing:3px;
position:relative;
top:380px;
text-shadow: 0px 0px 13px rgba(0, 0, 0, .85);
}




}




#title-nav-block ul {
	margin:0;
	padding: 10px 20px 10px;
	list-style:none;}
	
li.border {
	border-bottom:thin;
	border-bottom-style:solid;
	width:100%;
	border-color:#CCC;
	padding:3px 0;

	
}


.email-subscribe { 
width:97%; 
/*height:1.55em;
*/margin:10px 0; 
padding:10px  0 10px 10px; 
color:white; 
font-family: 'bebasneue-webfont', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-size: 1.9em;
font-weight: 300;
letter-spacing:1px; 
text-decoration:none;
background-color:#f7921e;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
}

.email-subscribe:hover { 

background-color:#ec008c;

/*opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
display:block;
*/

}




a.title-links:hover {
	color:#f7921e;
	text-decoration:none;

}

li.catalog{
	width:100%;
height:80px;
background: url(/design/elements/admissions/viewbook/2014-viewbook2.jpg) no-repeat left center; /*--Background IMAGE---*/
}


a.catalog-text:hover {
color:white;
text-shadow: 0px 0px 7px rgba(0, 0, 0, .95);

	}
	
	
.sub-content ul li{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 300; 
color:#555;
text-align:left;
	
}
	

.white {color:white;}


p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 300; 
color:#555;
text-align:left;
}

p a {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#f7921e;
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		


	
}

p a:hover {
	color:#555;
	
}





p.body-text {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 32px;
font-weight: 300; 
color:#555;
text-align:left;
}

p.body-text a {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#f7921e;
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
}

p.body-text a:hover {
	color:#555;
}


h1 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 2.5em;
font-weight: 700; 
color:#555;
text-align:left;
}


h2 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 700; 
color:#555;
text-align:left;
}

h3 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 700; 
color:#555;
text-align:left;

}


hr {
	height: 1px;
border: 0;
color:#CCC;
background-color: #CCC;
width: 100%;
max-width:1500px;
margin:20px 0;
	
}

button.toggle-button {
	text-align:left;
	background-color:#acacac;
	cursor:pointer;
	position:relative;
	font-family: 'bebasneue-webfont', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.7em;
font-weight: 300; 
color:white;
text-align:left;
letter-spacing:1px;
border: none; 
padding: 7px 30px;

-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
}

button.toggle-button:hover {
	background-color:#f7921e;
}



/*-----------LINK------------------*/

button.link-button {
text-align:left;
background-color:#f7921e;
cursor:pointer; 
position:relative;
font-family: 'bebasneue-webfont', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.8em;
font-weight: 300;
letter-spacing:1px; 
color:white;
text-align:left;
padding:10px 12px;
margin:10px 10px 0 0;
border:none;
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
-webkit-font-smoothing:antialiased;
}

button.link-button:hover {
	background-color:#666;
	cursor:pointer;

}




#juicebox-container p {
	color:white;
	font-weight:500;
}

a.featured-link {
	
	opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);

	
		-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

	
}

a.featured-link:hover {
	opacity: 0.60;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);


	
}