@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 1200px) {
	nav {
		visibility: hidden;
	}
	nav.megamenu{
		visibility: visible;
	}
}

@media screen and (max-width: 1200px) {
nav {
		visibility: hidden;
	}
	nav.megamenu{
		visibility: visible;
	}
.searchBox2 {
	visibility: hidden;
}

#ftext{
	width:18%;
	
}
	#menu .dropdown_3columns img, #menu .dropdown_5columns img{
		width: 45%;
	}


img,embed,object,video{
	max-width:100%;
	height: auto;
}
}

@media screen and (max-width: 960px) {
#container {
	width: 100%;
}
#quick{
	width:100%;
}
#quick-container{
	width:100%;
}
#header {
	width:100%;
}
#logo {
	width:30%;
	margin: 0;
}
	#fifty{
		height: auto;
		width: 90px;
	}
	#fifty img{
		width: 70%;
		height: auto;
	}
	#apply{
		display: none;
	}
  #alert{
		width: 86.95%;
	}	
	
#hor_menu {
	display:none;
}
#menu{
	display: none;
	}
nav {
		visibility: visible;
	}
nav.megamenu{
		visibility: hidden;
	}
.nav-collapse, .nav-collapse ul {
	opacity: 0.98;
	}
	#menu-block, .menu-block{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block2, .menu-block2{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block3, .menu-block3{
		width: 50%;
		float: left;
		position: relative;
	}
	#menu-block3 .icon-link, .menu-block3 .icon-link{
	position:relative;
	float:left;
	width: 100%;
	margin-top: 0.5em;
	padding-left: 0.5em;	
}
#menu-block3 .icon, .menu-block3 .icon{
	position:relative;
	float:left;
	width: 40px;
}
#menu-block3 .icon-text, .menu-block3 .icon-text{
	position:relative;
	float:left;
	width: 180px;
	padding-top: 0.3em;
	padding-left: 0.5em;
	text-align: left;
}
	
#directory {
	display:none;
}
.search-container{
		display: none;
}
	.searchBox2 {
	visibility: visible;
}
#top_content{
	width:100%;
}
#featured{
	width:100%;
}
#maincontent{
	width: 100%;
}
#main_left {
	width:60%; /*600 px/ *900px*/
	padding: 10px 20px 20px 20px;
}
#main_right {
	width:33%;
}
  
#main_wide  {
  width:98%;
  padding-right: 2%;
}


#sublinks{
	margin-right: 0;
	}
#subhead{
	width:100%;
	padding-right: 0;
	}
.subhead{
	width:100%;
	padding-right: 0;
	}
#additional_items{
	width:33%;
}
.office, .office2{
	width:92%;
}

	h2{
		padding: 3% 0;
	}


#footer{
	width:100%;
	border-radius:0;
}

#footer_nav{
	width:70%;
	margin: 0 auto;
}

#ftext{
	width:25%;	
}

#links-pages {
	display:none;
}
	
	#google_search{
		width: 95%;
	}
	

img,embed,object,video{
	max-width:100%;
	height:auto;
}
	
/*Admissions*/
.admissionscol{
	width: 47.5%;
}
	
/*Career Services*/
.careercol{
	width: 47.5%;
}
#info_box3 {
	width:45%;
	height:auto;
	margin:2%;
	margin-bottom:10px;
}

/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 17%;
}
#main_left .icon{
	padding: 1%;
	width: 17%;
}
#prospective a:link{
		width:90%;
		height:280px;
		padding-right: 20px;
		background:url(/media/prospectivebg2x.jpg) no-repeat top center;
	}
	
	#prospective a:hover{
		background:url(/media/prospectivebg2x-roll.jpg) no-repeat top center;
	}

#admitted a:link{
		width:90%;
		height:280px;
		padding-right: 20px;
		background:url(/media/admittedbg2x.jpg) no-repeat top center;
	}
	
	#admitted a:hover{
		background:url(/media/admittedbg2x-roll.jpg) no-repeat top center;
	}


}
@media screen and (max-width: 768px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height: 70px;
	margin-bottom: 0;
	border: none;
}
	
#logo {
	width:30%; 
	padding-top:2px;
	height: 70px;
}
  
  #alert{
		width:82%;
		font-size: 16px;
	}

#directory{

	}
#hor_menu {
	width:100%;
}
	

#maincontent{
	width: 100%;
}
#main_left {
	width:60%;
	margin: 0;
	min-height:auto;
}
#main_right {
	width:30%;
	margin: 0 0 0 10px;
}
#main_wide  {
  width:98%;
  padding-right: 2%;
}

#sublinks{
	padding-top:0;
	}
#subhead{
	width:100%;
}
.subhead{
	width:100%;
}
#additional_items{
	width: 30%;
	margin: 0 0 0 10px;
}
.office, .office2{
	width:92%;
}
	

#footer{
	width:100%;
}

#footer_nav{
	width:90%;
	padding: 0 5% 0 5%;
	margin: 0 auto;
}
#ftext{
	width: 25%;
	padding-left:10%;
}

#links-pages {
	display:none;
}
.badge{
	max-width:50%;
	height: auto;
}
  
#main_left .icon, #main_wide .icon, #grid .icon{
    height: 210px;
}
	
img,embed,object,video{
	max-width:100%;
	height:auto;
}
/*Admissions*/
.admissionscol{
	width:100%;
	margin-right:0;
	margin-left:0;
}

/*Courses*/
.courses{
    width: 98%;
  }
.semester{
   width:100%;
 }
	
/*Career Services*/
.careercol{
	width:100%;
	margin-right:0;
	margin-left:0;
}
#key .item {
	position:relative;
	float:left;
	width:43%;
	margin: 2%;
}

#info_box3 {
	width:95%;
	height:auto;
	margin:2%;
	text-align: center;
}
/* Box */
#box{
	width: 96%;
	height: auto;
	float:left;
	position: relative;
}
.box-2col{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 3%;
}
.box-3col{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 3%;
}
.box-4col{
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 3%;
}

	
/* Bio Blocks */

#bio{
	width: 95%;
}
#bio .photo{
	width:100%;
}

#bio .text{
	width: 100%;
}


/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 24%;
}
#main_left .icon{
	padding: 1%;
	width: 24%;
}
	
		/*Tabbed Panels*/
	.TabbedPanelsTab {
		font-size: 12px;
		width: 42%;
		height:30px;
	}
	.TabbedPanelsTabSelected {
	background:#00a160;
	
}
/* Programs */
.program_box{
	width: 25%; /* 4 / 960px */
	padding: 0 2% 10px 2%;
}

.program_title{
	width:100%;
}

}
@media screen and (max-width: 600px) {
#container {
	width: 100%;
}
#quick{
	display: none;
}
#header {
	width:100%;
}
.nav-collapse, .nav-collapse ul {
	opacity: 1.0;
	}
	
#logo {
	width:40%;
}
  
  #alert{
		width:80.5%;
		font-size: 14px;
		padding:8px 0 8px 110px;
	}
#directory{
	height: 80px;
	}


#maincontent{
	width: 100%;
}
#main_left {
	width:93%;
}
#main_right {
	width: 95%;
	padding-top: 0;
	background: #ffffff;
	margin: 2%;
	border: solid 1px #333;
}
#main_wide  {
  width:95%;
  padding-right: 2%;
}
	
#sublinks{
	margin-right: 0;
	padding-bottom: 0;
	}
#subhead{
	width:100%;
	}
.subhead{
	width:100%;
	}
#additional_items {
	width: 100%;
	margin: 0;
}
.office, .office2{
	padding-right:0;
	width:93%;
	margin: 2%
}
	
table, table li{
		font-size: 12px;
	}
#column, .column, .seventy, .thirty{
		width: 100%;
	}
.wide{
  width: 100%;
}
#customForm select {
	width: 98%;
	}
#footer{
	font-size:10px;
}
#footer_nav{
	width:59%;
	margin: 0 auto;
	padding:0 5% 0 5%;
}
#ftext{
	padding-left: 5%;
	width: 80%;
	margin: 0 5% 2% 5%;
	border-bottom: 1px solid #cfab7a;
}

#fconnected{
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
#links-base {
	display:none;
}
	#google_search{
		width: 91%;
	}
	
#quote{
	margin-top: 8%;
	}
  
.support_block{
  width:100%;
  font-size: 14px;
}
	
img,embed,object,video{
	max-width:100%;
	height:auto;
}

/*Admissions*/
.admissionscol{
	width:100%;
	margin-right:0;
	margin-left:0;
}
#button .large .header{
	font-size:1.1em;
	width: 110%;

	}
/*Career Services*/
.careercol{
	width:100%;
	margin-right:0;
	margin-left:0;
}
#info_box3 {
	width:95%;
	height:auto;
	margin:2%;
	text-align: center;
}
  
/* Publications */
  .pubs{
  width: 100%;
margin: 2% -10px;
border-bottom: 1px solid #e4e4e4;
  }
  
/* Programs */
.program_box{
	width: 45%;
  	height: 230px;
	padding: 0 2% 10px 2%;
}

.program_title{
	width:100%;
  	font-size: .875em;
}

	/* Google Captcha */
.g-recaptcha {
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

}
@media screen and (max-width: 480px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height: 66px;
}
#logo {
	width:50%;
	height: 66px;
}
  
#alert{
		width:69%;
		font-size: 12px;
		padding:7px 0 8px 120px;
	}
	#fifty{
		display: none;
	}
	#menu-block2, .menu-block2{
		width: 80%
	}
	
#menu-block3, .menu-block3{
		width: 20%;
		float: left;
		position: relative;
	}
	#menu-block3 .icon-link, .menu-block3 .icon-link{
		width: 100%;
		margin-top: 0.5em;
		padding-left: 0.9em;
	}
	#menu-block3 .icon, .menu-block3 .icon{
}
#menu-block3 .icon-text, .menu-block3 .icon-text{
	display: none;
	}

#maincontent{
	width:100%;
}
  
#main_wide  {
  width:93%;
  padding-right: 2%;
}
  
 .checkboxes{
    display: block;
   	text-align: left;
  }
	
#footer {
	width:100%;		
}

#footer_nav{
	width:60%;
	padding: 0 5% 0 5%;
	margin: 0 auto;
}

img,embed,object,video{
	max-width:100%;
	height:auto;
}
/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 38%;
}
#main_left .icon{
	padding: 1%;
	width: 38%;
}

}
@media screen and (max-width: 320px) {
#container {
	width: 100%;
}
#header {
	width:100%;
	height:52px;
}
#logo {
	height:52px;
}
  
#alert{
		width:64%;
		font-size: 11px;
		padding:8px 0 8px 110px;
	}
#menu-block3 .icon-link, .menu-block3 .icon-link{
		padding-left: 0.5em;
	}
#hor_menu {
	width:100%;
}
#maincontent{
	width: 96%;
}
#main_left {
	width:91%; /* 590px / 920px */
}
#main_right {
	width:99%;
	margin: 2%;
	border: solid 1px #333;	
}
#main_wide  {
  width:93%;
  padding-right: 2%;
}
#sublinks{
	width:99%;
}
#subhead{
	width:98%;
	}
.subhead{
	width:98%;
	}
.office, .office2{
	width:95%;
}
#footer {
	width:100%;		
}

#links-base {
	display:none;
}
	img,embed,object,video{
	max-width:100%;
	height:auto;
}
	
#quote{
	margin-top: 10%;
	}
	
/*Tabbed Panels*/
	.TabbedPanelsTab {
		font-size: 12px;
		width: 40%;
		height:30px;
	}
  
/* Programs */
.program_box{
	width: 35%;
  	height: 180px;
	padding: 2%;
}

.program_title{
	width:100%;
  	font-size: .875em;
}

/*Icon Navigation*/
#icon{
	padding: 1%;
	width: 34%;
}
#main_left .icon{
	padding: 1%;
	width: 34%;
}
  
#main_left .icon, #main_wide .icon, #grid .icon{
    height: 160px;
}


}