* { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	} 
 html	{
 	height: 100%;
	overflow-x: hidden;
	}	
.desktop 	{
	display: none!important;
	visibility: hidden;
	}
.mobile	{
	display: block!important;
	visibility: visible;
	}
img	{
	max-width: 100%;
	height: auto!important;
	}
.grid	{
	width: 100%!important;
	} 
.gridFull, .gridThird, .gridHalf, .gridFourth, .gridThreeFourth, .gridTwoThird, .gridFiveSixth, .gridSixth, .gridFifth, .gridTwoFifth, .gridThreeFifth, .gridFourFifth	{
	display: block;
	width: 96.9696%!important;
	}	
#anchorDown	{
	display: none;
	}
.closeAlert	{
	width: auto!important;
	height: auto!important;
	}
.down, .up	{
	background: none!important;
	}
	
.gridFull input, .gridThird input, .gridHalf input, .gridFourth input, .gridThreeFourth input, .gridTwoThird input, .gridFiveSixth input, .gridSixth input, .gridFifth input, .gridTwoFifth input, .gridThreeFifth input, .gridFourFifth input, .gridFull select, .gridThird select, .gridHalf select, .gridFourth select, .gridThreeFourth select, .gridTwoThird select, .gridFiveSixth select, .gridSixth select, .gridFifth select, .gridTwoFifth select, .gridThreeFifth select, .gridFourFifth select	{
	width: 100%;
	margin-bottom: 10px;
	}	
.fullContainer	{
	padding: 0 10px;
	}	
.fullContainer.landing	{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 200px!important;
	overflow: hidden!important;
	text-align: center;
	}
.fullContainer.landing img.landingImg	{
	position: absolute!important;
	top: 0;
	left: 0;
	max-width: 150%!important;
	width: 150%!important;
	min-height: 200px;
	}	
.subLogo	{
	position: relative;
	float: none;
	display: block;
	max-width: 200px;	
	text-align: center!important;
	margin: 40px auto 0 auto!important;
	}	
img.footerLogo	{
	max-width: 230px!important;
	height: auto;
	}
.boxed h3	{
	color: #fff;
	background: #717075;
	padding: 20px;
	margin: 0!important;
	width: 100%;
	display: block;
	font-size: 21px;
	}
.boxed	{
	border: 1px solid #ddd;
	display: block;
	}
.boxed blockquote	{
	padding: 15px 15px 0 15px;
	}	
.alertBox	{
	padding: 15px 50px 15px 30px!important;
	}	
h1	{
	font-size: 27px;
	}
h2	{
	font-size: 24px;
	}
h3	{
	font-size: 16px;
	}
body	{
	font-size: 14px;
	}
.callout img	{
	display: none;
	}
.callout	{
	position: relative;
	/* display: table; */
	vertical-align: middle;
	z-index: 1;
	text-align: center;
	padding: 0;
	height: 160px!important;
	overflow: hidden!important;
	}	
.callout img	{
	position: absolute;
	z-index: 1;
	height :auto;
	top: 0;
	left: 0;
	width: 100%;
	height: auto!important;
	}
.callout a	{	
	width: 100%;
	display: block!important;
	height: 160px!important;
	vertical-align: middle;
	padding-top: 60px!important;
	line-height: inherit!important;
	}	
.callout.firstThird h3 a	{
	background: #098796;
	}
.callout.secondThird h3 a	{
	background: #569cc0;
	}
.callout.thirdThird h3 a	{
	background: #4f4f4f;
	}
.callout.thirdThird h3 a:hover	{
	background: #352268;
	}
.callout a:hover	{
	background: #352268!important;
	}
.mobile.boxed a:first-child	{
	margin-top: 15px;
	}	
a.sideBlock	{
	width: 100%!important;
	margin-bottom: 15px!important;
	font-size: 18px!important;
	}
.grid.mobileAdjustCallout	{
	width: 100%;
	margin: 0;
	}	
video	{
	display: none!important;
	}	
.homeLogo	{
	margin: -150px 15% 250px 15%!important;
	position: relative!important;
	max-width: 70%;
	left: 0;
	right: 0;
	z-index: 1;
	}
.hitList	{
	position: relative;
	margin-top: 100px;
	}	
.gridThird.callout.first, .gridThird.callout.second, .gridThird.callout.third	{
	margin: 0 1.515%!important;
	}		
.fullContainer.megaFooter .grid	{
	padding: 0 15px;
	}
.footerLogo	{
	max-width: 100%;
	text-align: center;
	}
.inPageSocial	{
	margin: 15px 0;
	display: block;
	}
.inPageSocial a	{
	font-size: 24px;
	width: 30px;
	height: 30px;
	}	
.grid.mobileAdjustCallout	{
	padding: 15px 0!important;
	}	
input	{
	-webkit-appearance: none;
	border-radius: 0;
	}	
.mainSearch	{
	margin-top: 0!important;
	margin-bottom: 10px!important;
	}
.searchBy.directory .gridThird.noLeftMargin	{
	margin-left: 1.515%!important;
	}
.searchBy.directory .gridThird.noLeftMargin input[type="text"]	{
	margin-left: 0!important;
	max-width: 100%!important;
	}
.mobileCenter	{
	text-align: center;
	}
.gridThird.pagePagination	{
	margin-top: -25px!important;
	}
.mainContent h1:first-child	{
	text-align: center!important;
	}
.grid.eventView .gridFourth	{
	margin-bottom: 0!important;
	}
.grid.eventView .gridThreeFourth	{
	margin-top: 0!important;
	}
.gridFourth.sideNav.content	{
	padding-top: 0;
	}
.searchHolder input.searchSite	{
	width: 65%!important;
	float: left;
	}
.searchHolder input.btnSearch	{
	float: left;
	width: 25%!important;
	margin-left: 2%;
	padding: 6px 2%;
	font-size: 14px!important;
	margin-top: -1px;
	}
.categoryClick:after, .archivesClick:after	{
	content: "";
	}
.accordionArchives, ul.category	{
	border: 1px solid #ddd;
	}
			
/* NEEDED TO SET TO FULL WIDTH INSIDE A PADDED GRID */
.grid.mobileAdjustCallout .gridThird.callout	{
	width: 105.5%!important;
	margin: 0 0 10px -3.03%!important;
	}	
.grid.mobileAdjustCallout2 .gridThird.callout	{
	width: 111%!important;
	margin: 0 0 10px -3.03%!important;
	}

/* SPECIAL CHANGES DUE TO DIFFERENT DESIGN OF REGULAR FLOW FOR MOBILE */
	
.mobileStackList .gridThird, .mobileStackList .gridThird ul	{
	margin: 0!important;
	}	
.grid.mobile.hitList .gridThird.callout	{
	margin: 10px 0!important;
	width: 100%!important;
	}
.grid.mobile.hitList .gridThird.callout h3	{
	line-height: 25px!important;
	}
.grid.mobile.hitList .gridThird.callout h3 a	{
	padding: 35px 0!important;
	display: block;
	}
.grid.newsItems .gridFull	{
	margin: 0!important;
	width: 100%!important;
	}
.gridFull.newsOverflow.ctr a, .gridFull.newsUnderflow.ctr a	{
	padding: 10px;
	background: #018695;
	color: #fff;
	display: block;
	width: 100%;
	}
.moduleHolder	{
	margin: 0!important;
	}
a.viewAll	{
	padding: 10px;
	background: #018695;
	color: #fff;
	display: block;
	width: 100%;
	font-size: 21px;
	text-decoration: none;
	}
a.viewAll:hover, a.viewAll:focus {
    text-decoration: underline;
}
.mobile100	{
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
	}	
.fullContainer.mobile.mobile100 h2.planIt a	{
	position: absolute;
	display: table;
	color: #fff;
	z-index: 2;
	text-align: center;
	top: 120px;
	margin: 0 auto!important;
	font-size: 36px;
	width: 100%;
	}
a.swapIt	{
	margin: -15px 0 -30px 0!important;
	}
.directoryListing .gridFourth:nth-child(4n+1)	{
	clear: both;
	}

/*  TABLE STYLES FOR RESPONSIVE TABLES  */
table	{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
    margin-bottom: 15px;
	}
table th, table td	{
	border: 1px solid #ccc;
	padding: 10px;
	}
table td	{
	font-size: 14px;
	word-break: break-word;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;	
	}	
table th	{
	background: #e3e3e3;
	color: #474747;
	border: 1px solid #c8c8c8;
	text-align: center;
	}
table.bt thead {
	display: none;
	}
table.bt tbody td {
	border: none;
	display: block;
	vertical-align: top;
	}
table.bt tbody td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	/* width: 6.5em; */
	width: 30%; /* MODIFIED TO STOP WRAPPING */
	display: inline-block;
	}
table.bt tbody td.bt-hide {
	display: none;
	}
table.bt tbody td .bt-content {
	vertical-align: top;
	}	
table.bt tbody td .bt-content span { /* ADDED TO STOP WRAPPING */
	max-width: 70%;
	display: inline-block;
	}	
.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	}
th {
	border-bottom: 1px solid #d6d6d6;
	}
tr:nth-child(even) {
    background: #eee;
	}
table.threeColumn th:nth-child(1)	{
	width: 65px;
	}
.categoryClick, .archivesClick	{
	position: relative;
	}
.categoryClick:after, .archivesClick:after	{
	font-family: FontAwesome;
	content: "\f067";
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
	}
.categoryClick.opened:after, .archivesClick.opened:after	{
	font-family: FontAwesome;
	content: "\f068";
	}	
.pageBlock	{
	width: 100%; 
	height: 20px!important; 
	}
.sideNavTrigger	{
	display: block;
	}
.breadcrumb	{
	display: none;
	}
.accordion ul	{
	padding: 0 0 0 20px;
	}
.sideNav .accordion ul	{
	padding: 0!important;
	}
.sideNav .accordion ul ul	{
	margin: 0!important;
	}
.reverseLayout	{
	float: right!important;
	}
.studentHighlight.expanded	{
	width: 100%;
	max-width: 560px!important;	
	}
.mainImgHolder	{
	height: 250px!important;
	max-height: 250px;
	clear: both;
	}
.mainImgHolder h1	{
	font-size: 21px;
	color: #fff!important;
	}
.homeLogo + h1	{
	margin-top: -100px!important;
	font-size: 21px!important;
	color: #fff!important;
	}
.panel	{
	position: relative!important;
	bottom: auto!important;
	background: #fff;
	height: auto!important;
	}
.grid.newsItems	.gridHalf	{
	min-height: auto;
	height: auto!important;
	}	
.grid	{
	width: 100%!important;
	} 
.gridFull, .gridThird, .gridHalf, .gridFourth, .gridThreeFourth, .gridTwoThird	{
	display: block;
	}

/* ModXDigital Fixes July 5, 2016 */    

/* Removed per ModXdigital   
img	{
	width: 100%;
	height: auto!important;
	max-width: 560px;
	}
*/    
    
.moduleHolder	{
	height: auto!important;
	}
.down:after	{	
	content: "\f068"!important;
	font-family: FontAwesome;
	cursor: pointer;
	font-weight: 400!important;
	font-size: 27px;
	}
.up:after	{	
	content: "\f067";
	font-family: FontAwesome;
	cursor: pointer;
	font-weight: 400!important;
	font-size: 27px;
	}
.tabs, .tabContent {
	max-width: 100%;
	min-width: 200px!important;
	height: auto; 
	white-space: normal;
	}
/* .homeLogo	{
	position: fixed;
	top: 25px;
	left: 25px;
	z-index: 1;
	width: auto;
	max-width: 75%;
	margin-left: 0;
	height: auto;
	} */
.flushLeft	{
	margin: 0!important;
	width: 100%!important;
	}	
input.searchSite	{
	width: 125px!important; 
	display: inline-block;
	}
input.btnSearch	{
	width: 75px!important; 
	display: inline-block;
	}
table.threeColumn tr td:nth-child(1)	{
	text-align: left;
	}
table.threeColumn	{
	border-collapse: collapse;
	}
table.threeColumn td	{
	border: 1px solid #ddd!important;
	}
.accordion ul	{
	list-style: none;
	margin: 0 0 0 -20px;
	}
.sideNav li.accBtn:hover	{
	color:  #666;
	}	
.ptabs li {
	text-align: center;
	margin: 0!important;
	border-right: 1px solid #fff;
	}
.ptabs li:last-child {
	border-right: 0!important;
	}
.ptabs li a {
	font-size: 13px!important;
	padding: 5px!important;
	}
.gridThird.callout.short.third	{
	margin-right: 0!important;
	}
	
@media screen and (orientation : landscape) {
	.grid.mobileAdjustCallout2 .gridThird.callout	{
		width: 106.06%!important;
		margin: 0 0 10px -3.03%!important;
		}	
}

/* ModXDigital Fixes July 5, 2016 */
/* Added a class .std to generic table elements to isolate from Google as shown below in mobile.css */
/* TABLE STYLES FOR RESPONSIVE TABLES For GOOGLE CSE */

table.std  {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 15px;
  }
table.std th, table.std td  {
  border: 1px solid #ccc;
  padding: 10px;
  }
table.std td  {
  font-size: 14px;
  word-break: break-word;
  -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;  
  }  
table.std th  {
  background: #e3e3e3;
  color: #474747;
  border: 1px solid #c8c8c8;
  text-align: center;
  }
table.std.bt thead {
  display: none;
  }
table.std.bt tbody td {
  border: none;
  display: block;
  vertical-align: top;
  }
table.std.bt tbody td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  /* width: 6.5em; */
  width: 30%; /* MODIFIED TO STOP WRAPPING */
  display: inline-block;
  }
table.std.bt tbody td.bt-hide {
  display: none;
  }
table.std.bt tbody td .bt-content {
  vertical-align: top;
  }  
table.std.bt tbody td .bt-content span { /* ADDED TO STOP WRAPPING */
  max-width: 70%;
  display: inline-block;
  }  
.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  }
table.std th {
  border-bottom: 1px solid #d6d6d6;
  }


