@charset "UTF-8";
/*======================================================
** 			|     predefined.css       |  		  **
======================================================== */

.center {margin: auto !important;}

.visible {visibility: visible !important;}
.hidden {visibility: hidden !important;}


/*======================================================
** 			|     universal.css       |  		  **
======================================================== */
/*
body { margin: 0px; background-color: #FFF; }
body.home { background-color: #E9E9E9; background-image: url(/images/background-main.gif); background-repeat: repeat-x; }
body.entry { background-color: #E9E9E9; }
body.subpage { background-color: #E9E9E9; background-repeat: no-repeat; background-position: left top; }
*/
main,section,article,footer,aside,header {/*IE fix*/
	display: block;
}
html { font-size: 15px; }
body { margin: 0px; background-color: #e9e9e9; }

body, p, div, span, li, cfinput, input, cftextarea, textarea, select {font-size: 12px;}
/* body a, h3 {outline: none; } -- hide dotted outline in Firefox */
body a, div a, p a, li a, span a {color: #06F;}
body a:hover, div a:hover, p a:hover, li a:hover, span a:hover {color: #00C;}
body, div, p, li, span, h1, h2, h3, h4, h5, h6 {font-family: Verdana, Geneva, sans-serif; padding: 0px;}
body, div, p, li, span {color: #333;}
h1, h2, h3, h4, h5, h6 {margin: 16px 0px;}
p { margin: 0px 0px 10px 0px; }
h1 { color: #333; font-size: 26px; }
h2 { color: #000; font-size: 20px; }
h3 { color: #333; font: 18px Georgia, "Times New Roman", Times, serif; }
h4 { color: #666; font-size: 16px; }
h5 { color: #333; font-size: 12px; }
h6 { color: #333; font-size: 9px; }
ol, ul { padding: 0px 0px 0px 25px; margin: 19px 0px; }
img { border: none; }
cfinput, input, cftextarea, textarea, cfselect, select { border: solid 1px #999; font-weight: normal; color: #333; font-size: 14px; background: #F6F6F6; }
cfinput, input { /* height: 20px;  */ }  /* Don;t mess with HEIGHT! */
cfselect, select { height: 25px /* Must be 5px more than input size */; }
cftextarea, textarea { overflow: auto; font-family: Arial, Helvetica, sans-serif; height: auto; }
hr { border: none; border-bottom: solid 1px #000; height: 0px; background-color: transparent; }

#logo {
	padding-top: 25px;
}

/*colors that change depending on what section you're browsing*/

/*panel titles on entry pages*/
html.greenpage .entry #panels .columns h2 { color: #00703c; }
html.bluepage .entry #panels .columns h2 { color: #345165; }
html.maroonpage .entry #panels .columns h2 { color: #653e34; }
html.seagreenpage .entry #panels .columns h2 { color: #255750; }
html.tanpage .entry #panels .columns h2 { color: #656434; }

/*sidebar nav titles*/
html.greenpage .entry .tricol h2 {
	background: #8e9f95;
}
html.bluepage .entry .tricol h2 {
	background: #98A6B0;
}
html.maroonpage .entry .tricol h2 {
	background: #ad9b97;
}
html.seagreenpage .entry .tricol h2 {
	background: #90a4a1;
}
html.tanpage .entry .tricol h2 {
	background: #a8a792;
}

/*
	Nav colors. Note, these have to be universal - they have to work on the old AND the new designs
*/
#mainCont .greenbac { background-color: #2b553c; }
#mainCont .bluebac { background-color: #345165; }
#mainCont .maroonbac { background-color: #653e34; }
#mainCont .seagreenbac { background-color: #255750; }
#mainCont .tanbac { background-color: #656434; }


/*skip to content link*/
#skiptocontent {
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	top: -1000px;
	left: 0;
	right: 0;
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-ms-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}
#skiptocontent:focus {
	top: 15px;
}
#searchBarCont .title {
	width: 0;
	overflow: hidden;
	float: left;
	clear: none;
	margin: 0;
}


/*Reusable, custom, easy grid columns*/
.clearfix:before,
.clearfix:after,
.gridcol:before,
.gridcol:after {
    content: "";
    display: table;
}
.clearfix:after,
.gridcol:after {
    clear: both;
}
.clearfix, .gridcol {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.gridcol {

}
.gridcol [class*="col-"] {
	padding: 0 12px;
	float: left;
	clear: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 1px;/*keeps it from collapsing fully. allows other columns to float alongside.*/
}
.gridcol.nopad > [class*="col-"] {
	padding: 0;
}
.gridcol [class*="col-"]:last-child {
	float: right;/*so edges always line up.*/
}
.gridcol.edges {
	margin-left: -12px;
	margin-right: -12px;
	box-sizing: content-box;
	max-width: none !important;
}
.gridcol.nomarg {
	margin-left: 0;
	margin-right: 0;
}
.gridcol .col-1 {
	width: 4.1666%;
}
.gridcol .col-2 {
	width: 8.3%;
}
.gridcol .col-3 {
	width: 12.5%;
}
.gridcol .col-4 {
	width: 16.666%;
}
.gridcol .col-5 {
	width: 20.8333%;
}
.gridcol .col-6 {
	width: 25%;
}
.gridcol .col-7 {
	width: 29.1666%;
}
.gridcol .col-8 {
	width: 33.333%;
}
.gridcol .col-9 {
	width: 37.5%;
}
.gridcol .col-10 {
	width: 41.666%;
}
.gridcol .col-11 {
	width: 45.8333%;
}
.gridcol .col-12 {
	width: 50%;
}
.gridcol .col-13 {
	width: 54.1666%;
}
.gridcol .col-14 {
	width: 58.333%;
}
.gridcol .col-15 {
	width: 62.5%;
}
.gridcol .col-16 {
	width: 66.666%;
}
.gridcol .col-17 {
	width: 70.8333%;
}
.gridcol .col-18 {
	width: 75%;
}
.gridcol .col-19 {
	width: 79.1666%;
}
.gridcol .col-20 {
	width: 83.333%;
	padding: 0 .5%;
}
.gridcol .col-21 {
	width: 87.5%;
}
.gridcol .col-22 {
	width: 91.666%;
	padding: 0 .5%;
}
.gridcol .col-23 {
	width: 95.8333%;
}
.gridcol .col-24 {
	width: 100%;
}

#mainCont .show-900, #mainCont .show-1000, #mainCont .show-800, #mainCont .show-700, #mainCont .show-600, #mainCont .show-500, #mainCont .show-400 {
	display: none;
}
@media (max-width: 1100px) {
	.gridcol.break-1100 [class*="col-"] {
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
	.gridcol.break-1100.edges { margin-left: 0; margin-right: 0; }
	#mainCont .hide-1100 {
		display: none;
	}
	#mainCont .show-1100 {
		display: block;
	}
}
@media (max-width: 1000px) {
	#mainCont .show-1000 {
		display: block;
	}
	#mainCont .hide-1000 {
		display: none;
	}
	.gridcol.break-1000.edges { margin-left: 0; margin-right: 0; }
	#mainCont .gridcol.break-1000 [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media (max-width: 900px) {
	#mainCont .show-900 {
		display: block;
	}
	#mainCont .hide-900 {
		display: none;
	}
	.gridcol.break-900.edges { margin-left: 0; margin-right: 0; }
	#mainCont .gridcol.break-900 [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media (max-width: 800px) {
	#mainCont .hide-800 {
		display: none;
	}
	#mainCont .show-800 {
		display: block;
	}
	.gridcol.break-800.edges { margin-left: 0; margin-right: 0; }
	#mainCont .gridcol.break-800 [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
	.gridcol .col-md-1 {
		width: 4.1666%;
	}
	.gridcol .col-md-2 {
		width: 8.3%;
	}
	.gridcol .col-md-3 {
		width: 12.5%;
	}
	.gridcol .col-md-4 {
		width: 16.666%;
	}
	.gridcol .col-md-5 {
		width: 20.8333%;
	}
	.gridcol .col-md-6 {
		width: 25%;
	}
	.gridcol .col-md-7 {
		width: 29.1666%;
	}
	.gridcol .col-md-8 {
		width: 33.333%;
	}
	.gridcol .col-md-9 {
		width: 37.5%;
	}
	.gridcol .col-md-10 {
		width: 41.666%;
	}
	.gridcol .col-md-11 {
		width: 45.8333%;
	}
	.gridcol .col-md-12 {
		width: 50%;
	}
	.gridcol .col-md-13 {
		width: 54.1666%;
	}
	.gridcol .col-md-14 {
		width: 58.333%;
	}
	.gridcol .col-md-15 {
		width: 62.5%;
	}
	.gridcol .col-md-16 {
		width: 66.666%;
	}
	.gridcol .col-md-17 {
		width: 70.8333%;
	}
	.gridcol .col-md-18 {
		width: 75%;
	}
	.gridcol .col-md-19 {
		width: 79.1666%;
	}
	.gridcol .col-md-20 {
		width: 83.333%;
		padding: 0 .5%;
	}
	.gridcol .col-md-21 {
		width: 87.5%;
	}
	.gridcol .col-md-22 {
		width: 91.666%;
		padding: 0 .5%;
	}
	.gridcol .col-md-23 {
		width: 95.8333%;
	}
	.gridcol .col-md-24 {
		width: 100%;
	}
}
@media (max-width: 700px) {
	#mainCont .hide-700 {
		display: none;
	}
	#mainCont .show-700 {
		display: block;
	}
	.gridcol.break-700.edges { margin-left: 0; margin-right: 0; }
	#mainCont .gridcol.break-700 [class*="col-"] {
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media (max-width: 600px) {
	#mainCont .hide-600 {
		display: none;
	}
	#mainCont .show-600 {
		display: block;
	}
	.gridcol.break-600.edges { margin-left: 0; margin-right: 0; }
	.gridcol.break-600 [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media (max-width: 500px) {
	.hide-500 {
		display: none;
	}
	#mainCont .show-500 {
		display: block;
	}
	.gridcol.break-500.edges { margin-left: 0; margin-right: 0; }
	.gridcol.break-500 [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}
@media (max-width: 400px) {
	.hide-400 {
		display: none;
	}
	#mainCont .show-400 {
		display: block;
	}
	.gridcol.break-400.edges { margin-left: 0; margin-right: 0; }
	.gridcol.break-400 [class*="col-"]{
		float: none;
		clear: both;
		width: auto;
		padding: 1%;
	}
}


/*======================================================
** 			|     forms.css       |  		  **
======================================================== */

#form { width: 400px; padding-top: 3px; padding-bottom: 10px; float: left; }
.formFirstname { display: none; }
.formRow { clear: both; padding-top: 3px; padding-bottom: 10px; }
.title { text-align: right; width: 80px; float: left; clear: left; margin-right: 15px; margin-left: 3px; overflow: hidden; }
.input { width: 250px; /* Needed for consistency in all browsers */ margin-left: 3px; clear: right; }
.message { height: auto; }
.select { width: 252px; height: 25px /* Must be 5px more than .input */; }
.submit { border-radius: 8px; font-size: 12px; }
.invalid { border: solid 5px #F00; }
.error { border: solid 3px #F00; }
label.error { clear: both; float: left; border: none; margin-left: 105px; }
.requiredField  { font-size: 14px; color: #F00; position: absolute; margin-left: 5px; }

/* Search Bar */
#searchBar #search { height: 18px; width: 154px; color: #999; border: solid 1px #E0E0E0 ;background: #FFF; float: left; font-size: 10px; padding-left: 5px; }
#searchBar #searchSubmit { border: none; padding: 10px 0px 0px 20px; height: 20px; width: 21px; float: left; background: url(/images/tiles.png) no-repeat 0px -120px; color: transparent !important; display: block; margin-top: 1px; }



/*======================================================
** 			|     main.css       |  		  **
======================================================== */
#mainCont {
	margin: 0 auto;
}
#navBarCont { width: 727px; float: left; height: 44px; padding-bottom: 11px; padding-left: 37px; }
#navBarCont > li { float: left; border-left: solid 1px #FFF; }
#navBarCont > li:first-child { border-left: none; }
#navBarCont > ul > li > a { display: block; text-decoration: none; float: left; z-index: 9; color: #FFF; font: bold 10px/12px Verdana, Geneva, sans-serif; text-align: center; padding: 9px 30px 0px; height: 35px; text-transform: uppercase; width: 80px; letter-spacing: 1px; position: relative; }
#navBarCont a:hover { background-position: 0px -44px; }

/* BEGIN active section highlight */
#navBarCont .highlight { background-position: 0px 0px; }
/* END */

.contentWhite {
	background: #fff;
	padding: 1em;
}





/*======================================================
** 			|     These are shared responsive styles       |  		  **
======================================================== */
#toggleMenu {
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
@media (min-width: 701px) {
	#toggleMenu {
		display: none !important;
	}
}
@media (max-width: 700px) {
	
	.fontSizr { display: none; }
	
	/*	search bar adjustments*/
	#headerCont {
		padding-top: 1em;
	}
	body #logo,
	body #searchBarCont {
		float: none;
		margin: 0 auto;
		height: auto;
		padding: 0;
	}
	body #searchBarCont {
		width: 90%;
		margin-bottom: 1em;
	}
	body #searchBar #search {
		width: 80%;
	}
	body #searchBar #searchSubmit,
	body #searchBar #search {
		height: auto;
		padding: .5em;
		font-size: 1rem;
		box-sizing: border-box;
		border: 0;
	}
	body #searchBar #searchSubmit {
		background: #2B553C;
		color: #fff !important;
		font-weight: bold;
		width: 20%;
		content: "\00bb";
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
	
	/*	menu toggle bar	*/
	
	body #toggleMenu {
		background: none #488DBF;
		display: block;
		float: left;
		clear: both;
		width: 100%;
		height: auto;
		margin-bottom: 2px;
		padding: 15px 0 13px;
		height: auto;
		position: relative;
		left: auto;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
	}
	#toggleMenu span {
		padding-left: 0px;
		color: inherit;
	}
	#toggleMenu img {
		float: left;
		display: block;
		margin: -6px 1px 0px 10px;
	}
	#toggleMenu:after {
		background: url('/images/icon_mobile_nav_arrow-right.png') 50% 50% no-repeat transparent;
		content: "";
		display: block;
		position: absolute;
		top: 11px;
		right: 20px;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-ms-transition: .4s ease;
		-o-transition: .4s ease;
		transition: .4s ease;
		width: 18px;
		height: 18px;
	}
	#toggleMenu.active:after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
		
	body #navBarCont {
		display: none;
	}
}
@media (max-width: 400px) {
	
	/*	searchbar tweak	*/
	#searchBar #search {
		width: 65%;
	}
	#searchBar #searchSubmit {
		width: 35%;
	}
}



/*======================================================
** 			|     newDesign.css       |  		  **
======================================================== */

/*accessibility*/
.sr-only {
	position: absolute;
	z-index: 9999999;
	left: -10000px;
}
.skiptocontent {
	background-color: #222;
	width: 100%;
	display: block;
	padding: .7rem 0;
	text-decoration: underline;
	text-align: center;
	color: #fff;
}
.skiptocontent:focus {
	left: 0;
	right: 0;
}
.loggedin .skiptocontent { top: 35px; }


/* Main CSS Document */

.skiplink {display:none;}
.skiplink:focus { display: block; }
#atffc { display: none !important; } /* Removes spacing sometimes added by AddThis */

#logo h1 { display: none; }

#searchBarCont { overflow: hidden; padding: 18px 0px 0px 0; height: 32px; 
	float: right;
}
/*

#bannerCont { float: left; width: 1024px;  }
#bannerCont p { margin: 0px; }
#bannerCont.sub { width: 777px; }
#bannerCycle  { height: 284px; width: 1024px; overflow: hidden; }
#bannerCycleSub { width: 777px; height: 322px; overflow: hidden; }

#bannerCont .alt { display: block; height: 0px; position: absolute; overflow: hidden; width: 0px; }
#bannerCont .flashText { width: 960px; display: table-cell; vertical-align: middle; text-align: center; height: 270px; background-color: #999; }
#bannerCont .flashText span { display: inline-block; }
#bannerCont .flashText .flashBox p { background-color: #333; padding: 10px; color: #FFF; }
#bannerCont .flashBox { background: url(/images/opacity-50.png) repeat; padding: 20px; border-radius: 10px; width: 450px; margin: auto; }
*/

body .flexslider {
	border: 0;
	padding: 0;
	border-radius: 0;
}
.flexslider li { z-index: 1; }
.flexslider .flex-control-paging {
	right: 0;
	bottom: 0;
	padding: 1em;
	left: auto;
	width: auto;
	z-index: 50;
}
.flexslider .description {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	max-width: 80% !important;
	padding: 1em;
	color: #fff;
}
.flexslider .description .text {
	color: inherit;
}

/*the iframe must show outside of the .description and .text divs so that it doesn't have a max-width. We want it to fill the window.*/
.flexslider iframe {/*vimeo or Youtube*/
	width: 100%;
	/*height: auto !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;*/
}

/* Cycle Banner BEGIN */
#cycleNavBar, #cycleNavBarSub { position: absolute; z-index: 995; padding: 3px 0px 0px 2px; float: right; margin: 250px 0px 0px 600px; }
#cycleNavBar { margin-top: 250px; margin-left: 850px; }
#cycleNavBarSub { margin: 290px 0px 0px 602px; }
#cycleNavBar a, #cycleNavBarSub a { color: #0c5f2e; display: block; float: left; margin: 0px 5px; width: 21px; height: 18px; overflow: hidden; padding-top: 2px; text-decoration: none; text-align: center; background: url(/images/rotator-inactive.gif); font: bold 12px Verdana, Geneva, sans-serif; box-shadow: 2px 2px 20px #000; }
#cycleNavBar .activeSlide, #cycleNavBarSub .activeSlide { color: #FFF !important; background: url(/images/rotator-active.gif); }
/* Cycle Banner END */

#contentCont { width: 1024px; float: left; overflow: visible; }
#contentCont.sub { width: 777px; }
#contentCont.content { width: 777px !important; }
.content { width: 777px !important; }

#panels .heading, #panels .subHeading { float: left; height: 17px; background: #b4c8bc; font-size: 10px; font-weight: bold; letter-spacing: 1px; }
/* BEGIN panel heading back color */
#panels .currentStudents { background: #b4c8d5 !important; }
#panels .facultyStaff { background: #cdc0bc !important; }
#panels .alumniFriends { background: #aebdbb !important; }
#panels .communityBusiness { background: #c1c1b2 !important; }
/* END */

#panels .heading { padding: 3px 16px 0px 6px; }


/* Specific to each page  */

#panels .explore { width: 158px; padding-right: 20px; padding-left: 40px; float: left; }
#panels .explore .tile { width: 21px; height: 20px; background: url(/images/tiles.png) no-repeat 0px -80px; float: left; margin-right: 2px; }

#panels .siteNews { width: 151px; padding: 0px 10px 0px 32px; border-left: solid 1px #FFF; float: left; }
#panels .siteNews .tile { width: 21px; height: 20px; background: url(/images/tiles.png) no-repeat 0px -100px; float: left; margin-right: 2px; }
#panels .siteNews ul { padding: 0px 0px 0px 12px; margin: 0px 0px 10px 0px; }
#panels .siteNews li { padding: 0px 0px 5px; }

#panels .currentEvents { width: 145px; padding-right: 20px; padding-left: 130px; float: left; border-left: solid 1px #FFF; }
#panels .currentEvents .tile { width: 21px; height: 20px; background: url(/images/tiles.png) no-repeat 0px -60px; float: left; margin-right: 2px; }
#panels .currentEvents .photo { position: absolute; z-index: 99; margin-left: -105px; }

#panels .presBlog { width: 158px; padding-right: 25px; padding-left: 132px; float: left; border-left: solid 1px #FFF; }
#panels .presBlog .tile { width: 21px; height: 20px; background: url(/images/tiles.png) no-repeat 0px -40px; float: left; margin-right: 2px; }
#panels .presBlog .photo { position: absolute; z-index: 99; margin-left: -132px; }

#panels .subBox { width: 234px; border-left: solid 1px #FFF; float: left; padding: 0px 10px; overflow: visible; }

#panels .subBox .imageLeft { margin: 0px 15px 15px 0px; float: left; }
#panels .subBox .imageRight { margin: 0px 0px 15px 15px; float: right; }

#quickLinksPanel { background-image: url(/images/opacity-50.png); border-left: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2; padding: 8px 15px; height: 49px; display: block; float: left; margin-left: 20px; }
#quickLinksPanel img { padding-left: 10px; }
#quickLinksPanel img.firstQuickLink { padding-left: 0; }
#quickLinksPanel.currentQL { margin-left: 30px; }
.quickLinks { padding-top: 0px !important; background: url(/images/mvcc-white.png) no-repeat 30px 17px; }
.quickBack { background-image: url(/images/quicklink-back.png); background-repeat: no-repeat; width: 123px; height: 44px; padding-top: 15px; margin-left: 40px; }
.quickBack a { color: #257342; font-family: Verdana, Geneva, sans-serif; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: center; width: 123px; display: block; text-decoration: none; }
.quickBack a:hover { text-decoration: underline; color: #000; }

#contentCenter { width: 475px; float: left; padding: 0px 20px; margin: 0px 0px 16px; }
#contentCenterSub {width: 674px; float: left; padding-left: 22px;}
#contentLeft h1 { border-bottom: solid 1px #999; width: 90%; }

#contentRight .panel { margin: 10px 0px; padding: 0px 20px 4px; background: #DDD; }
#contentRight .panel:first-child { margin: 0px 0px 20px; }
#contentRight .panel h2 { padding-top: 16px; margin-top: 0px; }

#newsFeed { height: 300px; width: auto; }
#googleMap { float: left; width: 427px; overflow: hidden; padding-left: 40px; }
#googleMap .googleMap { border: 1px solid #666; }



#footerCont { width: 1024px; clear: both; padding: 0px; background: #E9E9E9; float: none; margin: 0 auto;}

#footerNavBar { float: right; width: 49%; }
#footerNavBar ul { padding: 18px 0px 0px; margin: 0px; list-style: none; float: left; }
#footerNavBar li { float: left; padding: 0px 3px; border-left: solid 1px #000; }
#footerNavBar li:first-child { border-left: none; }
#footerNavBar a { color: #000; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 9px; padding: 0px 6px 2px; display: block; }
#footerNavBar a:hover { text-decoration: underline; }

#copyright { width: 50%; height: 40px; padding: 5px 0; float: left; }
#copyright p { width: 100%; color: #666; margin: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
#copyright strong { color: #000; }
#copyright a {color: #666;}
#copyright a:hover {color: #333;}
#footerTerms { float: left; width: 190px; background: #FFF; height: 20px; padding: 10px 0px 5px; }
#footerTerms ul { margin: 0px; padding: 0px; list-style: none; clear: both; }
#footerTerms li { float: left; padding-right: 10px; }
#footerTerms li a { color: #666; }
#footerTerms li a:hover { color: #333; }

#socialBarSpacing { float: left; width: 100%; height: 30px; }

/* Twitter Styles */
.twtr-profile-img-anchor { display: none !important; }
.twtr-hd h3 { display: none !important; }
/* Twitter Styles End */

/* Button Styles */

/* Button Style Ends */
.displayNone { display: none !important; }
.letterSpacing { letter-spacing: 1px; }

.button,
a.button,
input.button,
#mainCont .button {1
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: .5em .8em;
	display: inline-block;
	border: 0;
	text-decoration: none;
	font-size: 14px;
}
.button + .button {
	margin-left: .5em;
}
.button-primary,
a.button-primary,
input.button-primary,
#mainCont .button-primary {
	background: #2b553c;
	color: #fff;
}
.button-default,
a.button-default,
input.button-default,
#mainCont .button-default {
	background: #777;
	color: #fff;
}



/*accessibility updates*/

/*skip to content link*/
#skiptocontent {
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	top: -1000px;
	left: 0;
	right: 0;
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-ms-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}
#skiptocontent:focus {
	top: 15px;
}
#searchBarCont .title {
	width: 0;
	overflow: hidden;
	float: left;
	clear: none;
	margin: 0;
}

em.underline {
	font-style: normal;
	text-decoration: underline;
}

table, tr, td, tbody, thead {
	padding: 0;
}
table.border, table.border tr, table.border td, table.border th {
	border: 1px solid #555;
	border-spacing: 0;
}
table.border td, table.border th {
	padding: 2px;
}


/*
	* This files contains all the differences between the new design and the old.
	* This file should NOT be included on the sub subpages,
	* but SHOULD be included on the homepage (mvcc.edu) as well as the entry pages (mvcc.edu/current-students/main)
*/

.skiptocontent {
	padding: 11px 0;
}
body #mainCont .centerWidth { width: 100%; margin-left: auto; margin-right: auto; }
#mainCont { width: 1295px; position: relative; }

#headerCont { clear: both; width: 1024px; 
	background: url("/images/bac_header_new.png"); position: absolute; z-index: 100; top: 0; left: 0; right: 0; min-height: 105px; width: auto; }
/*.editmode #mainCont { margin-top: 30px; }*/
#logo {float: left; overflow: hidden; width: 260px;  height: auto; }


/*search*/
#searchBarCont { float: right; clear: right; overflow: hidden; padding: 15px 0 5px; }

.fontSizr { float: right; width: 130px; padding: 14px 15px 0;}
.fontSizr
.fontSizr .resetFont { display: none !important; }
.fontSizr a,
.fontSizr button { background: none; font-size: 18px; }
.fontSizr br { display: none; }
.fontSizr img, .fontSizr a {
	display: inline-block !important;
	vertical-align: middle;
	margin: 0 !important;
}


/*new banner style*/
#bannerCont { float: none; width: 100%; box-sizing: border-box; position: relative; z-index: 5; min-height: 120px; }
#bannerCont .img {
	position: relative;
}
#bannerCont .img:after { background: transparent url("/images/bac_banner_grad.png") repeat-x scroll 0 2px; position: absolute; z-index: 5; bottom: -15px; left: 0; right: 0; height: 135px; content: ""; }/*shows over the image, NOT over the overlay*/
/*fix the banner edit buttons*/
#bannerCont .cmsAddToRegionBox,#bannerCont .cmsZoneToolbar { position: absolute; top: 120px; left: 0; }

#bannerCont .cmsZoneToolbar { left: auto; right: 0; }

/*slider mods*/
body .flexslider {
	box-shadow: none;
	position: relative;
	z-index: 10;
}
#bannerCont .flexslider .flex-control-paging {
	background: none;
	right: 150px;
	bottom: 10px;
	padding: 0;
}
#bannerCont .flex-control-paging li a.flex-active {
	background: #fff;
}
#bannerCont .flex-control-paging li a {
	background: #00703c;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/*content*/
#contentCont { width: 1028px; margin-left: auto; margin-right: auto; float: none; box-sizing: border-box; position: relative; z-index: 10; }
#contentCont.sub { width: auto; }
#contentCont.fullwidth { background: #fff; }


/*HOMEPAGE content panels*/
#panels { width: 100%; min-height: 140px; padding-top: 0; background: none; float: none; }

#panels .columns { background: #fff; color: #000; float: none; border-left: 0; padding: 15px; }
#panels .columns h2 { font-family: "Garamond", serif; font-weight: bold; font-size: 30px; text-shadow: 1px 1px 2px #777; text-transform: uppercase; color: #00703c; margin: 0; height: auto; width: auto; padding: 0; }
#panels p, #panels li { color: inherit; }
html.flexbox #panels { display: flex; display: -webkit-flex; }
#panels .columns { margin: 0 2px; }
html.no-flexbox #panels .columns {
	float: left;
	width: 24%;
}

@media (min-width: 1121px) {
	#panels {
		margin-top: -3.5em;
	}
}

/*entry page panels*/
.tricol { padding: 15px 0; }
.tricol.upper, .tricol.middle { border-bottom: 1px solid #cacaca; }
#panels .narrow { width:auto; }
#panels .std { width:auto; }
#panels .wide { width:auto; }

.home .tricol .col h2 {padding: 3px 16px 0px 26px; font-family:Arial; height: 17px; font-size: 10px; font-weight: bold; letter-spacing: 1px; color:black; display:block; width:110px; margin: 0 auto;clear:both; background: #b4c8bc url('/images/tiles.png') no-repeat}
.tricol .col h2 { margin: 0 auto 11px; }
.tricol a { text-decoration: none; color: #00703c; }
#main .tricol a:hover, #main .tricol a:focus { text-decoration: underline; color: inherit; }

.tricol #col1 h2 {background-position: 0px -100px;}
.tricol #col2 h2 {background-position: 0px -80px;}
.tricol #col3 h2 {background-position: 0px -40px;}
.tricol #col4 h2 {background-position: 0px -100px;}
.tricol #col5 h2 {background-position: 0px -60px;}

.tricol li {
	margin:5px 0px;
	padding:0px;
}
.tricol li a {
	text-decoration: none;
	font-weight:normal;
	color:black;
}
.tricol ul {
	margin:0px 5px;
	padding:0px 10px;
}

/*entry page content panels*/
.entry #panels { position: relative; z-index: 20; }

.entry .tricol h2 {
	background: #b4c8bc;
	display: block;
	padding: .2em 0;
	font-family: "Verdana", sans-serif;
	text-align: center;
	font-size: 12px;
	color: #000;
}
.entry .tricol li a {
	color: #00703c;
}

#panels a { color: inherit; text-decoration: underline; }
#panels a:hover { text-decoration: none; }
#panels h2 a { text-decoration: none; }
#panels h2 a:hover, #panels h2 a:focus { text-decoration: underline; }

/*======================================================
** 			|     quicklinks styles       |  		  **
======================================================== */
.quicklinksn {text-align: center;list-style:none;padding:0;margin:0;}
.quicklinksn li {margin:2px;display: inline-block;width:35%;height: auto !important;}
.quicklinksn li a {display: block;width:100%;height:100%;min-width: 50 px;min-height: 80px;}
.quicklinksn li a img {width:100%}
.quicklinksn a:hover, .futureStudentsPanels a:hover img {opacity: .7;}
@media (max-width:640px) {
	.quicklinksn li {width:40%; height: 145px;}
}






/*======================================================
** 			|     Banner overlay styles       |  		  **
======================================================== */

#bannerCont .overlay {
	background: none;
	position: absolute;
	z-index: 900;/*make sure it shows over the fade background!*/
	top: 110px;

	/*center this*/
	left: 50%;
	width: 940px;
	margin-left: -470px;
	padding: 0;
	max-width: 100% !important;
	box-sizing: border-box;
}
#bannerCont .overlay * { max-width: 100% !important; }


/*alignment*/
#bannerCont .overlay .contents {
	width: 450px;
}
#bannerCont .overlay.alignleft .contents {
	float: left;
}
#bannerCont .overlay.alignmiddle .contents {
	float: none;
	display: block;
	margin: 0 auto;
}
#bannerCont .overlay.alignright .contents {
	float: right;
}

/*text overlay*/
#bannerCont .overlay.text {
	top: 160px;/*attempt to vertically center this*/
	text-shadow: 2px 2px 3px #000;
	color: #fff;
}
#bannerCont .overlay.text .contents {
	background: rgba(0, 0, 0, 0.3);
	padding: 15px;
}
.ltie9 #bannerCont .overlay.text .contents {
	background: #000;
	padding: 15px;
}
#bannerCont .overlay.text p,
#bannerCont .overlay.text h1,
#bannerCont .overlay.text h2,
#bannerCont .overlay.text h3 {
	margin: 0 0 .7rem;
}
#bannerCont .overlay.text * { color: inherit; }

#mainCont #bannerCont a.blueButton,
#mainCont #bannerCont a.redButton,
#mainCont #bannerCont a.greenButton {
	color: #fff;
}
/*image overlay*/
#bannerCont .overlay.image img {
	width: auto;
	height: auto !important;
}

/*video overlay*/
#bannerCont .overlay.video {
	top: 110px;
}

/*======================================================
** 			|     responsive-new.css       |  		  **
======================================================== */
@media (min-width: 1321px) {
	#bannerCont .flexslider .overlay { bottom: 50px; }
	#bannerCont .flexslider .flex-control-paging { bottom: 70px; }
}
@media (max-width: 1320px) {
	#mainCont { width: 1200px; }
}
@media (max-width: 1220px) {
	#mainCont { width: 1100px; }
	#bannerCont:after { display: none; }
	#contentCont { margin-top: 10px; }
}
@media (min-width: 1121px) {
	body #mainCont .centerWidth { width: 1022px; }

	#bannerCont .overlay {
		margin-left: -510px;
		width: 1022px;
	}
}
@media (max-width: 1120px) {
	#mainCont { width: 980px; }
	#contentCont { width: 100%; }
	#main { padding-right: 0; }
}
@media (max-width: 1120px) and (min-width: 1046px) {
	#bannerCont .overlay.video iframe { max-height: 190px; }/*make it fit!*/
}
@media (min-width: 1046px) {
	/*#bannerCont .slideshowzone {
		min-height: 322px;
	}
	body.home#bannerCont .slideshowzone {
		min-height: 248px;
	}
	#mainCont .slideshowzone img, #mainCont .slideshowzone a {
		height: auto !important;
		width: 100% !important;
	}*/

	.cmsDatatables .sortLink {
		display: none;
	}
	.cmsDatatables thead tr {
		display: table-row !important;
	}
}
@media (orientation: landscape) {
	html {/*See: http://stackoverflow.com/questions/2710764/preserve-html-font-size-when-iphone-orientation-changes-from-portrait-to-landsca */
		-webkit-text-size-adjust: 100%;
	}
}
@media (max-width: 1045px) {
	/*Basic stuff for any mobile device*/

	* {
		max-width: 100% !important;
		min-width: 0px !important;
		min-height: 0;
		position: static;
	}
	#mainCont { width: 880px; }


	/*header styles*/
	#headerCont { position: static; height: auto; }
	#headerCont, #bannerCont,#contentCont { float: left; clear: both; width: 100%; }
	#bannerCont .bannerContent { top: 10px; bottom: 10px; }
	#bannerCont { min-height: 0; }

	#mainCont #bannerCont .overlay {
		margin-left: -400px;
		width: 800px;
		top: 15px;
	}

	#searchBarCont {
		padding: 35px 45px 0 0;
	}
	#copyright {
		height: auto;
	}
	#footerNavBar {
		height: auto;
		float: left;
		clear: both;
		width: 100%;
		padding-bottom: 10px;
	}
	#copyright {
		padding: 0;
		margin: 3%;
		width: 93%;
	}

	/*Subpage styles*/
	.entry #main { width: 69%; }
	#contentLeft, #contentBackLeft, #contentBackCenter, #contentBackRight {
		position: static;
		float: left;
	}
	#contentBackCenter {
		width: 785px;
	}
	#contentRight {
		clear: left;
		min-height: 0;
	}
	#contentLeft {
		min-height: 0;
	}/*
	#contentLeft .slideshowzone {
		width: 100% !important;
		height: 265px !important;
	}*/

	/*entry page panels*/
	.entry #mainCont #panels {
		display: block;
	}
	.entry #panels .columns {
		float: none;
		width: auto;
		padding: .5em 1em;
		margin: .5em 0;
	}
	.entry #panels .columns .cmsRegion {
		display: flex;
		display: -webkit-flex;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
	}
	.entry #panels .columns h2, .entry #panels .columns p {
		width: 50%;
		margin: .3rem 0;
	}
	.entry #panels .columns p {
		font-size: 1rem;
	}

	/*fullwidth template*/
	#contentFull {
		width: auto !important;
		float: none;
		clear: both;
	}


	/*======================================================
	** 			|     course search!       |  		  **
	======================================================== */
	/*.cmsDatatables th:nth-of-type(3), .cmsDatatables td:nth-of-type(3), .cmsDatatables th:nth-of-type(6), .cmsDatatables td:nth-of-type(6), .cmsDatatables th:nth-of-type(9), .cmsDatatables td:nth-of-type(9), .cmsDatatables th:nth-of-type(13), .cmsDatatables td:nth-of-type(13) {
		display: none;
	}*/
	.cmsDatatables tbody, .cmsDatatables thead, .cmsDatatables table, .cmsDatatables tbody {
		display: block;
		float: none;
		clear: both;
		width: auto;
	}
	.cmsDatatables thead tr {
		padding: 0;
		border-bottom: 0;
	}
	#contentFull .cmsDatatables th {
		display: block;
		float: left;
		clear: none;
		width: 98%;
		padding: 5px 8px 5px 6px;
	}
	.cmsDatatables th br {
		display: none;
	}
	.cmsDatatables tr {
		border-bottom: 3px solid #559956;
		display: block;
		float: left;
		clear: both;
		width: 100%;
		padding: 5px 0;
	}
	.cmsDatatables td {
		display: block;
		float: left;
		clear: none;
		width: 30%;
		padding: 3px 5px;
	}
	.cmsDatatables .sortLink {
		background: url('/images/icon_mobile_nav_arrow-right.png') 95% 50% no-repeat #357E4A;
		display: block;
		float: none;
		clear: both;
		width: auto;
		padding: 15px;
		color: #fff;
		text-decoration: none;
	}
	.cmsDatatables .sortLink.active {
		background-image: url('/images/icon_mobile_nav_arrow.png');
	}
	.cmsDatatables a.courselink {
		color: inherit;
		text-decoration: none;
	}

	.cmsDatatables td:nth-of-type(1) {
		font-weight: bold;
	}
	.cmsDatatables td:nth-of-type(1):before {
		content: 'Name: ';
	}
	.cmsDatatables td:nth-of-type(2):before {
		content: 'CRN: ';
	}
	.cmsDatatables td:nth-of-type(3):before {
		content: 'Section: ';
	}
	.cmsDatatables td:nth-of-type(4):before {
		content: 'Title: ';
	}
	.cmsDatatables td:nth-of-type(5):before {
		content: 'Credits: ';
	}
	.cmsDatatables td:nth-of-type(6):before {
		content: 'Type: ';
	}
	.cmsDatatables td:nth-of-type(7):before {
		content: 'Times: ';
	}
	.cmsDatatables td:nth-of-type(8):before {
		content: 'Days: ';
	}
	.cmsDatatables td:nth-of-type(9):before {
		content: 'Seats Available: ';
	}
	.cmsDatatables td:nth-of-type(10):before {
		content: 'Dates: ';
	}
	.cmsDatatables td:nth-of-type(11):before {
		content: 'Instructor: ';
	}
	.cmsDatatables td:nth-of-type(12):before {
		content: 'Campus: ';
	}
	.cmsDatatables td:nth-of-type(13):before {
		content: 'Room: ';
	}
	.cmsDatatables .details td:before {
		content: '' !important;
	}


	.cmsDatatables tr .details {
		border: 1px solid #ccc;
		background: #fff;
		display: none;
		float: left;
		clear: both;
		margin: 0 4%;
		padding: 2%;
		width: 88%;
	}


	/*course details table, used as popup on desktop site. Is within main table on RWD*/
	.coursedetailtable {

	}

	/*table within course details table.*/
	.coursedetailtable table {
		display: table;
	}
	.coursedetailtable table td {
		float: left;
		padding: 3px 2px;
	}
	.coursedetailtable table tr {
		display: table-row;
	}
	.coursedetailtable table th {
		display: table-cell;
	}
	.coursedetailtable table tbody {
		display: table-row-group;
	}
	.coursedetailtable table, .coursedetailtable tr, .coursedetailtable th, .coursedetailtable tbody, .coursedetailtable thead, .coursedetailtable td {
		float: none;
		clear: none;
		width: auto;
	}
	.cmsDatatables .coursedetailtable .thislabel {
		width: auto;
	}

	/*Homepage template styles*/
	/*
	body.home #bannerCont .slideshowzone {
		height: 216px !important;
	}*/

	/*Random fixes*/
	#mainCont #textSlide .waystodonate {
		width: auto;
		height: auto;
	}
	#contentRight .menu-simplevert ul {
		float: left;
		clear: both;
	}
	p:empty {/*hides empty paragraph tags which are forcing the content down.*/
		display: none;
	}
	iframe[title="Facebook Like Button"] {/*Incorrect height once text wraps*/
		height: auto !important;
	}
	#bannerCont div[style]:not(.slideshowzone) {/*See: http://www.mvcc.edu/MarComm/my-mvcc-my-story = video in banner cut off*/
		height: auto !important;
	}

	/*Tabbed content: http://www.mvcc.edu/cced */
	ul.tabs {
		height: auto;
	}
	ul.tabs li {
		float: left;
		clear: both;
		width: 100%;
	}




	/*Random edits*/
	#contentRight div[style="margin: 0 0 25px 11px;vertical-align: middle;"] {
		float: left;
	}

}
@media (max-width: 900px) {
	#mainCont { width: 780px; }
	#mainCont #bannerCont .overlay {
		margin-left: -350px;
		width: 700px;
		top: 15px;
	}
}
@media (max-width: 800px) {
	body.home {background-image: none;}

	#mainCont { width: 680px; }

	#mainCont .slideshowNavBar, #mainCont .flex-control-nav {
		display: none;
	}
	#bannerCont .img:after { display: none; }
	#bannerCont .flex-direction-nav a { top: 100px; }
	#mainCont #bannerCont .overlay.text { background: ; }
	#mainCont #bannerCont .overlay {
		width: 100%;
		position: static;
		margin: 0 auto;
		max-width: 100% !important;
	}
	#mainCont #bannerCont .overlay .contents {
		background: #e8e8e8;
		color: #111;
		text-shadow: none;
		float: none;
		width: auto;
		margin: 0 auto;
	}

	#bannerCont .overlay img {
		width: auto;
		margin: 0 auto;
	}
	#bannerCont

	/*#contentCont.sub {
	    width: 330px;
	}
	#panels .std, #panels .std h2 {
		width: auto;
		float: none;
	}*/

	/*fullwidth template styles*/
	#contentFull .cmsDatatables th {
		padding: 5px 9px 5px 6px;
		width: 97%;
	}

	/*homepage panels go 2-up, entry panels go 1-up*/
	.entry #panels { display: block; /*as opposed to flex*/ }
	.home #panels { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
	.editmode #panels .columns, .editmode .home #panels .columns .cmsRegion {
		display: block !important;
	}
	.home #panels .columns, .home #panels .columns .cmsRegion {/*vertically center*/
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		-webkit-align-content: center;
		-webkit-align-items: center;
		align-content: center;
		text-align: center;
	}
	.home #panels .columns h2, .home #panels .columns p {
		width: 100%;
		display: block;
	}
	.home #panels .columns {
		width: 48%;
		margin: 3px .5%;
	}
	.home #panels .columns { height: 140px; }
	.home #panels .columns:last-of-type { float: left; }

	#contentLeft {
		width: 300px;
	}
	#contentLeft img {
		height: auto !important;
	}


	/*Random fixes*/
	#copyright br {/*put more space between copyright lines*/
		margin: 10px;
	}
	#bannerCont iframe {/*See: http://www.mvcc.edu/MarComm/my-mvcc-my-story = video in banner cut off*/
		margin: 0 auto;
		float: none;
		clear: both;
		display: block;
	}
	#bannerCont div[style] div[style] {
		width: auto !important;
	}
	#content p[style*="text-align: center"] {
		float: none;
	}


}

@media (max-width: 700px) {
	body #mainCont { width: 100%; }
	#bannerCont .bannerContent img { max-height: 150px; width: auto; }


	/*header finalize*/
	#headerCont .centerWidth { position: relative; }
	#logo {
		float: none;
		width: auto;
		height: auto;
		text-align: center;
	}
	#logo img { float: none !important; }

	#bannerCont .bannerContent { display: none; }

	/*homepage one-up panels*/
	.home #panels .columns {
		width: 100%;
		margin: 0 0 .5em;
		padding: .5rem;
	}
	.home #panels .columns h2 {
		width: 50%;
		margin: 0;
		font-size: 42px;
		line-height: .9em;
		text-align: left;
	}
	.home #panels .columns p {
		width: 50%;
		margin: 0;
		font-size: 25px;
		text-align: left;
	}
	.home #mainCont .tricol h2 {
		width: auto;
		background-image: none;
		padding: .6em .6em .5em;
	}
	.home #mainCont .tricol h2 {
		padding: .6em .6em .3em;
	}

	/*smaller and center*/
	.tricol img {
		max-width: 300px !important;
		margin: 0 auto;
		display: block;
	}
	.tricol.upper, .tricol.middle {
		border-bottom: none;
	}

	/*colors that change depending on what section you're browsing*/
	html.greenpage #mainCont h3 a { background: #2B553C; }
	html.bluepage #mainCont h3 a { background: #345165;  }
	html.maroonpage #mainCont h3 a { background: #653e34; }
	html.seagreenpage #mainCont h3 a { background: #255750; }
	html.tanpage #mainCont h3 a { background: #656434;  }




	/*sidebar*/
	/**subpage goes one-up**/
	#contentCont {
		margin: 0;
	}
	.entry #main {
		width: auto;
		float: none;
		padding: 0;
	}


	/*sidebar, which is now at the top of the page.*/
	.entry #mainCont #main { width: auto; }
	.menu-accordion h3 a,
	.menu-accordion ul li a { font-size: 1.2rem; }


	.quicklinksn { padding: 0 10px; }
	.quicklinksn li {
		width: 25%;
		padding: 0 3.5%;
		margin: 0;
		box-sizing: border-box;
	}


	/*content*/
	.tricol ul, .tricol ol {
		margin: 0 0 0 35px;
		padding: 0;
	}
	#mainCont #main .tricol .col {
		width: 50%;
		float: left;
		clear: none;
	}
	/*.entry .tricol h2, .entry .tricol li {
		font-size: 25px;
		color: #000;
	}*/
	.entry .tricol li a {
		color: inherit;
	}

}
@media (max-width: 600px) {

	#mainCont {
		width: 480px;
	}
	
	
	#contentCont.sub {
		border-left: 0;
	}
	#contentCont.sub  {
	    width: auto;
	    float: none;
	    clear: both;
	    height: auto;
	}

   	/*smaller form styles*/
   	.fmstyle label {
	   	float: left;
	   	clear: both;
	   	width: auto;
	   	text-align: left;
   	}
   	.fmstyle div.multifield, .fmstyle input[type="text"], .fmstyle input[type="password"], .fmstyle textarea {
	   	float: left;
	   	clear: both;
	   	margin-left: 0;
   	}




   	/*subpage styles*/
   	#contentLeft, #contentRight, #contentRight .menu-advvert, #contentRight .menu-simplevert {
	   	width: auto;
		float: none;
		clear: both;
   	}

   	/*fullwidth template styles*/
   	#contentFull .cmsDatatables th {
    	padding: 5px 10px 5px 6px;
    	width: 95%;
    }
    #contentFull .dataTables_info {
	    width: auto;
	    padding: 2px 8px 8px;
    }




}
@media (max-width: 500px) {
	#mainCont { width: 380px; }
	.entry #panels .columns h2, .entry #panels .columns p { text-align: center; clear: both; float: none; }

	/*#mainCont .tricol .col h2 { font-size: 25px; height: auto; }
	.tricol .col li { font-size: 15px; }*/

	/*panels go fullwidth*/

   	#mainCont #panels .columns .cmsRegion {
	   	display: block;
   	}
   	#mainCont #panels .columns {
	   	height: auto;
   	}
/*   	#mainCont #panels .columns h2 { font-size: 30px; }*/
   	#mainCont #panels .columns p { font-size: 18px; margin: .5em 0; }
   	#mainCont #panels .columns h2,
   	#mainCont #panels .columns p {
	   	width: auto;
   	}
	#panels br { display: inline; width: 5px; }


	#mainCont #main .tricol .col {
		width: auto;
		float: none;
		clear: both;
	}
}
@media (max-width: 400px) {
	.entry #panels .columns h2 { font-size: 25px; }
	

	#mainCont {
		width: 305px;
	}

	/*
	body.home #bannerCont .slideshowzone {
 	   height: 85px !important;
 	}
	#bannerCont .slideshowzone {
	    height: 127px !important;
	}*/

	#contentCont.sub {
	    width: auto;
	    float: none;
	    clear: both;
	}


   	/*fullwidth template styles*/
   	#contentFull .cmsDatatables th {
    	padding: 5px 10px 5px 6px;
    	width: 94%;
    }

    /*homepage template styles*/
   	.home #mainCont #panels .columns {
	   	width: 100% !important;
	   	float: none;
	   	clear: both;
   	}

}

@media (max-width: 318px) {
	#mainCont {
		width: 220px;
	}
	/*#bannerCont {
		display: none;
	}*/
	.cmsDatatables tr .details {
		border: 0;
		padding: 0;
		margin: 0;
	}
	#mainCont .coursedetailtable table td, #mainCont .coursedetailtable table th, #mainCont .coursedetailtable table tr {
		padding: 0;
	}/*
	#bannerCont .slideshowzone {
    	height: 95px !important;
    }*/
}

/*======================================================
** 			|     newmenu.css       |  		  **
======================================================== */

/*desktop nav styles*/

#navBarCont a:hover { background-position: 0px -44px; }


#navBarCont { width: 710px; float: right; height: 44px; padding: 0; }
#navBarCont .toplevel { border-left: solid 1px #FFF; }
#navBarCont .toplevel:first-of-type {
	border-left: 0;
}
#navBarCont > ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}
#navBarCont .toplevel {
	display: block;
	float: left;
	width: 140px;
}
#navBarCont .toplevel > .linkwrap > a {
	display: block; text-decoration: none; 
	color: #FFF; font: bold 10px/12px Verdana, Geneva, sans-s1erif; text-align: center;
	text-transform: uppercase; letter-spacing: 1px;
	position: relative;
	padding: 1em 3em;
	width: auto;
	float: none;
	height: auto;
}
#toggleMenu { display: none; }

button.toggleSubmenu {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	overflow: hidden;
}


.ltie9 #navBarCont {
	clear: right;
}

/*if browser supports NEW flexbox spec*/
html.flexbox #navBarCont > ul {
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	display: flex;
	justify-content: space-between;
}
html.flexbox #navBarCont .toplevel {
	width: 100%;
}



#navBarCont {
    position: relative;
}
#navBarCont .activeLink>.dropdown {
    display: block;
}
.dropdown {
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    right: 0;
    box-shadow: 2px 11px 8px 0px rgba(0, 0, 0, 0.4);
}
.dropdown__head {
    background: #395f80;
    color: #fff;
    padding: 1em;
    display: block;
    position: relative;
    flex-direction: row;
    font-size: 12px;
}
.dropdown__head div,
.dropdown__head ul,
.dropdown__head li,
.dropdown__head p {
	color: inherit;
}
.future .dropdown__head {
    background-color: #2b553c;
    background: linear-gradient(to top, #4a7d5e, #2b553c);
}
.current .dropdown__head {
    background-color: #345165;
    background: linear-gradient(to top, #56677b, #345165);
}
.faculty .dropdown__head {
    background-color: #653e34;
    background: linear-gradient(to top, #7e5f58, #653e34);
}
.alumni .dropdown__head {
    background-color: #265851;
    background: linear-gradient(to top, #5b8781, #265851);
}
.community .dropdown__head {
    background-color: #656434;
    background: linear-gradient(to top, #888856, #656434);
}
.dropdown__title {
	box-sizing: border-box;
	width: 40%;
    justify-content: flex-start;
    font-size: 1.8em;
    padding-left: 1rem;
}
.dropdown__title,
.dropdown__quicklinks {
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: inherit;
    margin: 0;
}
.dropdown__title p,
.dropdown__title h3 {
    margin: 0;
    font: inherit;
    color: inherit;
}
.dropdown__quicklinks {
	width: 60%;
    justify-content: flex-end;
    text-align: right;
}
.dropdown__quicklinks ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.dropdown__quicklinks li {
    /*background: #6e839e;*/
    padding: 0 .4em;
    display: inline-block;
    vertical-align: top;
    margin: 0 .2em;
    list-style-type: none;
    position: relative;
    width: auto;
}
.dropdown__quicklinks img {
    display: inline-block;
    width: 40px;
    height: auto;
}
/*hover-ish captions*/
.dropdown__quicklinks p {
	position: absolute;
	bottom: -2.5em;
	right: 0;
	background: #444;
	padding: .5em;
	opacity: 0;
	z-index: 5;
	transition: .1s opacity .2s;
	white-space: nowrap;
	display: none;
}
.dropdown__quicklinks li:hover p {
	display: block;
	opacity: .9;
}


.dropdown__main {
    background: #e9e9e9;
    color: #47448e;
    position: relative;
    padding: 1em 2em;
    height: 25em;
}
.dropdown__main a {
    display: block;
    padding: .6em 1em;
    font-size: 1em;
    text-decoration: none;
    color: inherit;
}
.dropdown__main ul.level2 {
    background: #fff;
    color: #444;
}


/*	styling of the links and uls and lis*/
.dropdown__main ul,
.dropdown__main li {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.dropdown__main li.level1 {
    display: block;
    width: 22%;
}

/*styling the two-columned nav*/
.dropdown__main ul.level2 {
    display: none;
    position: absolute;
    right: 1em;
    top: 1em;
    bottom: 1em;
    width: 75%;
}
.dropdown__main li.activeLink>ul {
    display: block;
}
.dropdown__main .level2>li {
    display: inline-block;
    width: 49%;
}



@supports (display: flex) {
	.dropdown__head {
		display: flex;
	}
}


/*styling the two-columned nav*/
.dropdown__main ul.level2 {
    display: none;
    position: absolute;
    right: 1em;
    top: 1em;
    bottom: 1em;
    width: 75%;
}
@supports (column-count: 2) or (-moz-column-count: 2) {
    .dropdown__main ul.level2 {
        -moz-column-count: 2;
        -moz-column-fill: balance;
        column-count: 2;
        column-fill: balance;
    }
    .dropdown__main .level2>li {
        width: auto;
        display: inline-block;
        width: 100%;
    }
}

/*
@media (max-width: 1045px) and (min-width: 701px) {
    .dropdown {
        box-shadow: 0 0 12px -3px #000;
    }
}
*/

/*      responsive nav          */
@media (max-width: 1045px) {
    #navBarCont {
		width: 100%;
		padding: 0 0 10px;
	}
	/*fix nav links*/
	#navBarCont li a { background-image: none; }
    #navBarCont { height: auto; }
    
    .dropdown__quicklinks p {/*make captions screenreader-only!*/
	    display: block;
	    opacity: 0;
	    left: -9999px;
	    top: -9999px;
    }
}
@media (max-width: 800px) and (min-width: 701px) {
	#navBarCont .toplevel > .linkwrap > a {
		padding-left: 2em;
		padding-right: 2em;
	}
}
@media (min-width: 701px) {
/*
	#navBarCont {
		display: block !important;
	}
*/
	#navBarCont > ul {
		display: flex !important;
		height: auto !important;
	}
	
	/*
		The sole purpose of this element
		is to make sure that users can "bridge" the gap between the .toplevel li and the .dropdown div
		without triggering the "mouseout" event and thus closing the dropdown.
		See mouseout.nav event in Javascript.
	*//*
		Update: It ain't needed if we position the .dropdown div correctly!
	.dropdown:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: -20px;
		left: 0;
		right: 0;
		height: 20px;
	}
*/

	/*	hover styles that should ONLY be used on a mouse-equipped device!!*/
	.dropdown__main li.level1:hover,
	.dropdown__main li.level1>.linkwrap>a:focus,
	.dropdown__main .activeLink>.linkwrap>a {
	    background: #bbbcc1;
	    color: inherit;
	}
	.dropdown__main li.level1 > .linkwrap > a:hover,
	.dropdown__main li.level1 > .linkwrap > a:focus {
	    color: inherit;
	}
	.dropdown__main .level2>li>.linkwrap > a:hover,
	.dropdown__main .level2>li>.linkwrap > a:focus  {
	    text-decoration: underline;
	    color: inherit;
	}
	
	#navBarCont .toplevel:hover>.linkwrap > a:after,
	#navBarCont .toplevel.activeLink>.linkwrap > a:after,
	#navBarCont .toplevel.active>.linkwrap > a:after,
	.seagreenpage #navBarCont .seagreenbac>.linkwrap > a:after,
	.greenpage #navBarCont .greenbac>.linkwrap > a:after,
	.bluepage #navBarCont .bluebac>.linkwrap > a:after,
	.maroonpage #navBarCont .maroonbac>.linkwrap > a:after,
	.tanpage #navBarCont .tanbac>.linkwrap > a:after {
		position: absolute;
		z-index: 1;
		top: .3em;
		left: .3em;
		right: .3em;
		bottom: .3em;
		border: .2em rgba(255, 255, 255, 0.6) inset;
		content: "";
	}
}
@media (max-width: 700px) {
	
	/*	the plus/minus button to open or close a submenu*/
	button.toggleSubmenu {
		display: block;
		border-radius: 0;
		appearance: none;
		box-shadow: none;
		border: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		z-index: 10;
		top: 0;
		left: auto;
		width: auto;
		height: auto;
		right: 0;
		bottom: 0;
		width: 39px;
		background: rgba(0,0,0,0.4);
		color: #fff;
	}
	.toggleSubmenu:focus {
		outline: none;
	}
	button .toggleSubmenu__text {
		font-size: 0;
		display: inline-block;
		position: absolute;
		top: .5rem;
		left: .5rem;
		right: .5rem;
		bottom: .2rem;
		font-size: 0;
	}
	.toggleSubmenu__text::before,
	.toggleSubmenu__text::after {
		position: absolute;
		display: block;
		top: 40%;
		left: 0;
		right: 0;
		height: .2rem;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 0.7);
		content: "";
		transform-origin: center;
		transition: .4s transform ease;
	}
	.toggleSubmenu__text::after {
		transform: rotate(90deg);
	}
	.toggleSubmenu__text::before {
		transform: rotate(-180deg);
	}
	.activeLink>.linkwrap>.toggleSubmenu .toggleSubmenu__text::before,
	.activeLink>.linkwrap>.toggleSubmenu .toggleSubmenu__text::after {
		transform: none;
	}
	
	/*	mobile nav, all links go vertical	*/
	#mainCont #navBarCont > ul {
		display: block;/*as opposed to flex*/
		overflow: visible;
	}
    #navBarCont .toplevel {
        border: 0;
    }
    #navBarCont .toplevel>.linkwrap>a {
        letter-spacing: 0;
        font-size: 14px;
        padding: 1em 0;
    }
    /*  dropdown (submenu) styles*/
    #navBarCont .dropdown {
        position: static;
        box-shadow: none;
    }
    #navBarCont .dropdown__head {
        background: none; /*	makes it a lot easier to see the (mostly white) quicklink images!*/
        display: block;
        color: #333;
    }
    .dropdown__head {
        background-image: none;
        padding-bottom: 0;
    }
    .dropdown__title {
	    display: none;
    }
    
    /*	the quicklinks for each tab*/
    .dropdown__quicklinks {
	    float: none;
        width: auto;
        display: block;
        text-align: center;
    }
    .dropdown__quicklinks li {
	    box-sizing: border-box;
        width: 24%;
        margin: 0;
        margin-bottom: .5em;
    }
    .dropdown__quicklinks img {
	    background: #333;
        margin: 0 auto;
        width: 70px;
    }
    .dropdown__quicklinks p {
	    margin: 0;
	    padding: 0;
	    background: none;
	    opacity: 1;
	    position: static;
	    white-space: normal;
	    color: inherit;
    }
    #headerCont #navBarCont .dropdown__quicklinks li a {
	    padding: 0;
    }
    
    
    /*	the menu itself for each tab	*/
    .dropdown__main {
        padding: 0;
        height: auto;
    }
    .linkwrap {
	    position: relative;
    }
    .dropdown__main li.level1 {
        width: auto;
        border-bottom: 1px solid #222;
    }
    .dropdown__main .level1>.linkwrap>a {
/*         background: #333; */
        text-transform: uppercase;
        font-weight: 700;
    }
    .dropdown__main a,
    .dropdown__main a:hover {
        padding-top: 1rem;
        padding-bottom: 1rem;
        color: #fff;
    }
    .dropdown__main li.level1 ul {
        position: static;
        display: none;
        width: auto;
        column-count: 1;
    }
    #navBarCont .dropdown__main ul {
	    display: none;
    }
    #navBarCont .menu-extensive > ul,
    #navBarCont li.level1.activeLink > ul {
	    display: block;
    }
	#navBarCont li a {
		position: relative;
		z-index: 1;
	}
    .dropdown__main li li {
        display: block;
    }
    #navBarCont .dropdown__main li li a {
        margin: 0;
    }
    .dropdown__main li ul a {
        border-top: .15em solid #000;
        background: #444;
        padding-left: 2em;
        text-align: left;
        color: #fff;
    }
    /*  colors  */
    .future .dropdown__main li a {
        background-color: #2b553c;
    }
    .current .dropdown__main li a {
        background-color: #345165;
    }
    .faculty .dropdown__main li a {
        background-color: #653e34;
    }
    .alumni .dropdown__main li a {
        background-color: #255750;
    }
    .community .dropdown__main li a {
        background-color: #656434;
    }

    /*  OLD styles which need to work on the vertical navs as well...*/

    #navBarCont { display: none; }/*so the JS can show when user clicks on menu button.*/
	/*javascript places the sidebar menu in the top nav when viewport<700px wide.
	So, we need to style both a ul>li>a typical menu format, and a h3>a format*/
	#navBarCont .menu-accordion { margin-bottom: 10px; }
	#navBarCont li {
		float: none;
		border-left: 0;
	}
	.toplevel,
	#navBarCont li {
		position: relative;
	}
	.dropdown__main/* , #mainCont h3 a  */ {
		width: auto;
		float: none;
		margin-bottom: 2px;
		text-align: left;
		padding: 1rem;
		height: auto;
		color: #fff;
	}
	#navBarCont h3 a { background: #333; background-image: none !important; }
	#headerCont #navBarCont .menu-accordion li a { background: #333; padding-left: 2rem; }
	#navBarCont li a br { display: none; }
	#navBarCont .menu-accordion h3 {
		background: none;
		width: auto;
		height: auto;
	}
/*
MORE indentation
	#headerCont #navBarCont .level2 li a {
		padding-left: 2.5rem;
	}
	
*/
	
	#mainCont #contentBackLeft {
		display: block;
	}
	#mainCont #contentRight,
	#mainCont #contentLeft,
	#contentRight .menu-simplevert ul {
		width: auto;
		float: none;
	}
}
@media (max-width: 450px) {
	.dropdown__quicklinks li {
		width: 33%;
	}
	.dropdown__quicklinks img {
		width: 60px;
	}
}

/*======================================================
** 			|     IE styles       |  		  **
======================================================== */

.ie8 .dropdown__main {
	float: left;
	width: 100%;
}
.ie8 .level1:hover>ul {
	display: block;
}

/*======================================================
** 	 update templates to hide the left menu     	  **
======================================================== */
#navVert {
	display: none;
}
.entry #main {
	width: 100%;
}
#contentBackCenter,
#contentBackRight,
#contentBackLeft,
#contentLeftSide,
#contentRight,
#contentLeft {
	position: static;
	float: none;
}

#contentBackLeft {
	float: left;
	width: 100%;
}
#contentLeftSide {
	display: none;
}
#contentLeft {
	min-height: 400px; padding: 15px; background-color: #FFF; 
	float: left;
	width: 75%;
	box-sizing: border-box;
}
#contentRight {
	background: #e9e9e9;
	float: left;
	width: 25%;
	box-sizing: border-box;
	min-height: 400px; padding: 15px; 
}
#navBarCont {
	display: block;
}

@supports (display: flex) {
	#contentBackLeft {
		display: flex;
		flex-direction: row;
	}
}