form {height:100%;}


.navBar h1 {
	color:#fff;
	background-color:transparent;
}

#colleges {
	clear:both; 
	float:left; 
	width:100%; 
	
	background-color:#e0eef5; 
	color:#333; 
	padding-bottom:3%;}
	
#colleges article {
	float:right;
	width:90%;
    margin-top: 0%;
}

#colleges h1 {margin-left:auto; margin-right:auto; padding-top:5%;}

#colleges h2 {margin:2% 0; font-weight:500;}
.collegesIntro {width:50%; text-align:center; margin-left:auto; margin-right:auto;}

.col2 {
	float:left;
	width:48%;
	margin-top:5%;
	margin-right:1%;
}

.accordion {
	width:98%;
	padding:1% 0;
	background:url(../images/icons/open2.png) no-repeat right;
	/*border-bottom:1px dotted #666;*/
	cursor:pointer;
	}
	
.content p {
	line-height:1.5em;
	color:#333;
}
.content h4 {margin:2% 0 1%; color:#333;}
.content ul {list-style-type:disc;}
.content li {margin-left:15px; line-height:1.5em; margin-bottom:1%; color:#333;}
.content li ul {list-style-type:circle !important;}
.content p {color:#333;}
.content a:link {color:#333; text-decoration:none; border-bottom:1px dotted #333;}



.content {
    display:none;
    padding:2%;
    color: #fff;
    
}	


#collegeBG {
	clear:both !important;
	width:100%;
	min-height:270px;
	background-color:#e0eef5; 
	background:url(../images/banners/campus-panarama.jpg) no-repeat center bottom #e0eef5;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#000;
}


#degrees {
	clear:both;
	float:left;
	width:100%;
	background-color:#fefefe;
	/*background:url(../images/banners/sky.jpg) no-repeat top center #fefefe;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;*/
}

hr.style6 {
	clear:both !important;
	border-top: 2px dotted #8c8b8b;
	border-bottom:none;
	margin:3% 0 5%;
}

#divDegreeSearch li:first-child {
    border: none;
}

.degreesListing {
	display:block;
	padding-top:4%;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

.degreesListing h1 {color:#444;}
.degreesListing p {line-height:1.5em;}

#colleges h1, .degreesListing h1 {
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:1%;
	/*font-weight:normal;*/
	text-align:center;
	font-size:2em !important;}



.intro {width:70%;}

.bottomBanner {
	width:100%;
}

.bottomBanner img {
	width:100%;
	height:auto;
	display:block;
}

/*----DEGREES LISTING-----*/

.azlink h4 {
	margin:0 !important;
}
.buttonDegrees {
	display:block;
	background-color:#084B8A;
    margin-bottom: 2%;
	padding: 1% 2%;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}



/*DEGREES LISTING*/
#txtFilter {
	min-width:250px;
	padding:5px;
	border:1px dotted #999;
	background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
	font-family: 'Roboto';
	}
#btnReset {
	border:none;
	padding: 7px 10px;
    background-color: #084B8A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    color: #FFF;
	margin-left:10px;}
#btnReset:hover {background-color:#00274C;}	


.a-z-anchor-links {text-align:center;}

.a-z-anchor-links a:link, .a-z-anchor-links a:visited {
	display:inline-block;
    background-color: #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    margin-right: 5px;
	margin-bottom:10px;
    padding: 5px 10px;
	text-decoration:none;
	color:#06c;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* future proofing */
-khtml-border-radius: 4px;
}
.a-z-anchor-links a:hover {
	background-color:#06c;
	color:#fff;
}

.degreesListing ul {
	list-style-type:none;
	margin:0;
}

.degreesListing li {
	width:100%;
	margin:0;
	padding:15px 0 30px;
	border-bottom:1px dotted #ccc;	
}
.degreesListing li h3 {
	margin-top:2%;
	margin-bottom:0px !important; 
	font-size:2.5em;
	color:#084B8A;
	font-family: 'Crimson Text';
    font-style: italic;
    background-color :#fff;
    background:none; 
}
.degreesListing li h4 {
	float:left;
	width:65%;
}
.degreesListing li p {
	float:left;
	width:10%;
	font-family: 'Crimson Text';
  font-style: italic;
	color:#555;
}
.degreesListing li p.college {
	float:left;
	width:25%;
	font-family: 'Roboto';
  font-style: normal;
	color:#555;
}

.degreesListing li p.college a:link {color:#06c; text-decoration:none;}
.degreesListing li p.college a:hover {color:#000; text-decoration:none;}

.degreesListing li ul {float:none; list-style-type:disc; margin:0 !important; padding-bottom:-30px !important; width:50%; overflow-y:hidden !important; overflow-x: hidden !important;}
.degreesListing li ul li {font-size:.875em; margin:0 20px; padding:5px 0; border-bottom:none;}


/*ESSENTIALS*/


a.button:link {
	background-color: rgba(0, 0, 0, 0.45);
    display: block;
    margin-bottom: 3%;
	padding: 15px 15px 15px 40px;
    width: 80%;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:left !important;
}

a.button:hover {
	background-color:#0056ac;
	color:#fff;
}


.directLink {
	background:url(../images/icons/link.png) no-repeat left center;
}



.back2top {
	margin-top:15px;
	margin-bottom:15px;
	background-color:#00274C;
	color:#fff;
  border-width:0 !important;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	padding:10px;
	}
	





/* -------------- @MEDIA -------------*/
/* ----------- iPhone 1-5S and GALAXY S3-S5 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#colleges {clear:both; height:auto !important; background-color:#c5d4ee; background-image:none !important; padding-bottom:9%;}
	#colleges article {clear:both; float:none !important; width:96%; margin-left:auto; margin-right:auto;}
	#colleges h1, .degreesListing h1 {font-size:1.25em !important;}
	.collegesIntro {width:100%; margin-bottom:20px;}
	.col2 {clear:both !important; float:none; width:100%; margin-right:0 !important; margin-top:0;}
	.degreesListing {padding-top:10%; width:96%; margin-right:auto;}
	.intro {width:90%;}
	#btnReset {padding:10px 20px; margin-left:0; margin-top:20px;}
	.degreesListing li h4 {width:80%;}
	.degreesListing li p {width:15%;}
	.degreesListing li p.college {clear:both !important; float:none; width:100%;}
	
	#collegeBG {display:none;}
	    * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	  
	  	  
	  .video-holder {
		  width: 100% !important;
	  }
	  
	  

}

/* iPhone 1-5 and Galaxy: Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important;}
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	 #colleges {clear:both; background-color:#c5d4ee; background-image:none !important; padding-bottom:9%;}
	#colleges article {clear:both; float:none !important; width:96%; margin-left:auto; margin-right:auto;}
	#colleges h1, .degreesListing h1 {font-size:1.5em !important;}
	.collegesIntro {width:100%; margin-bottom:20px;}
	.col2 {clear:both !important; float:none; width:100%; margin-right:0 !important; margin-top:0;}
	.degreesListing {padding-top:10%; width:96%; margin-left:5%; margin-right:auto;}
	.intro {width:90%;}
	.degreesListing li h4 {width:80%;}
	.degreesListing li p {width:15%;}
	.degreesListing li p.college {clear:both !important; float:none; width:100%;}
	#collegeBG {display:none;}
}

/* ----------- iPhone 6 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#colleges {clear:both; height:auto !important; background-color:#c5d4ee; background-image:none !important; padding-bottom:9%;}
	#colleges article {clear:both; float:none !important; width:96%; margin-left:auto; margin-right:auto;}
	#colleges h1, .degreesListing h1 {font-size:1.25em !important;}
	.collegesIntro {width:100%; margin-bottom:20px;}
	.col2 {clear:both !important; float:none; width:100%; margin-right:0 !important; margin-top:0;}
	.degreesListing {padding-top:10%; width:96%; margin-right:auto;}
	.intro {width:90%;}
	#btnReset {padding:10px 20px; margin-left:0; margin-top:20px;}
	.degreesListing li h4 {width:80%;}
	.degreesListing li p {width:15%;}
	.degreesListing li p.college {clear:both !important; float:none; width:100%;}
	#collegeBG {display:none;}
	    * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	  	  
	  .video-holder {
		  width: 100% !important;
	  }
}

/* iPhone 6: Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#colleges {clear:both; height:auto !important; background-color:#c5d4ee; background-image:none !important; padding-bottom:9%;}
	#colleges article {clear:both; float:none !important; width:96%; margin-left:auto; margin-right:auto;}
	#colleges h1, .degreesListing h1 {font-size:1.5em !important;}
	.collegesIntro {width:100%; margin-bottom:20px;}
	.col2 {clear:both !important; float:none; width:100%; margin-right:0 !important; margin-top:0;}
	.degreesListing {padding-top:10%; width:96%; margin-left:auto; margin-right:auto;}
	.intro {width:90%;}
	.degreesListing li h4 {width:80%;}
	.degreesListing li p {width:15%;}
	.degreesListing li p.college {clear:both !important; float:none; width:100%;}
	#collegeBG {display:none;}
}

/* ----------- iPhone 6+ ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#colleges {clear:both; background-color:#c5d4ee; background-image:none !important; padding-bottom:9%;}
	#colleges article {clear:both; float:none !important; width:96%; margin-left:auto; margin-right:auto;}
	#colleges h1, .degreesListing h1 {font-size:1.25em !important;}
	.collegesIntro {width:100%; margin-bottom:20px;}
	.col2 {clear:both !important; float:none; width:100%; margin-right:0 !important; margin-top:0;}
	.degreesListing {padding-top:10%; width:96%; margin-right:auto;}
	.intro {width:90%;}
	#btnReset {padding:10px 20px; margin-left:0; margin-top:20px;}
	.degreesListing li h4 {width:80%;}
	.degreesListing li p {width:15%;}
	.degreesListing li p.college {clear:both !important; float:none; width:100%;}
	#collegeBG {display:none;}
	  
	  * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	  
	  	  
	  .video-holder {
		  width: 100% !important;
	  }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#colleges {clear:both; background-color:#c5d4ee; background-image:none !important; padding-bottom:9%;}
	#colleges article {clear:both; float:none !important; width:96%; margin-left:auto; margin-right:auto;}
	#colleges h1, .degreesListing h1 {font-size:1.5em !important;}
	.collegesIntro {width:100%; margin-bottom:20px;}
	.col2 {clear:both !important; float:none; width:100%; margin-right:0 !important; margin-top:0;}
	.degreesListing {padding-top:10%; width:96%; margin-left:5%; margin-right:auto;}
	.intro {width:90%;}
	#collegeBG {display:none;}
	/*.degreesListing li h4 {width:80%;}
	.degreesListing li p {width:15%;}
	.degreesListing li p.college {clear:both !important; float:none; width:100%;}*/
}


@media only screen and (min-width: 590px) and (max-width : 760px) {
	/*600 x 800*/
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important;}
	.topBar-sweep-to-top {/*width:45%;*//*width: 25%;*/ text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	#infoBar {height:100px; margin-top:0;}
	#infoBar ul {width:580px !important; margin-left:0 !important; padding-left:0 !important;}
	#infoBar li {height:100px; margin-left:0 !important; padding-left:0 !important; font-size:.75em !important;}
	#infoBar li a:link, #infoBar li a:visited {text-decoration:none;}
}


@media only screen and (max-width : 1020px) and (min-width : 760px) {
   /* 768 x 1024 and 800 x 600 */
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important; clear:both;}
	.navBar p {margin:0 !important;}
	#colleges h1, .degreesListing h1 {font-size:1.5em !important;}
	#colleges article {float:right; width:85%;}
	.degreesListing {width:90%;}
	
		  * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
}

@media only screen and (max-width : 1050px) and (min-width : 1022px) {
   /* 1024 x 768 */
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:10% !important;}
	.navBar p {margin:0 !important;}
	#colleges h1, .degreesListing h1 {font-size:1.5em !important;}
	#colleges article {float:right; width:85%;}
	.degreesListing {width:90%;}
}