﻿/***** STYLES FOR ALL DEVICES *****/
@media screen
{
	/*** General Body Styles ***/
	html body
	{
		overflow: visible;
		-ms-overflow-style: scrollbar;
		position: relative;
		font-family: 'Raleway', sans-serif;
		font-size: 14px;
		color: #000000;
		line-height: normal !important;
	}
	
	#printlogo
	{
		display: none;
	}
	
	#stutypes
	{
		display: none;
	}
	
	html body #ms-designer-ribbon
	{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
	}
	
	html body #ms-designer-ribbon, html body #ms-designer-ribbon *, 
	html .ms-dialog, html .ms-dialog *, html #smartbanner, html #smartbanner *,
	html .ms-webpart-chrome-title, html .ms-webpart-chrome-title *,
	html .ms-promlink-button-image, html .ms-promlink-button-image *,
	html .ms-listviewtable, html .ms-listviewtable *,
	html .ms-list-addnew, html .ms-list-addnew *,
	html .ms-csrlistview-controldiv, html .ms-csrlistview-controldiv *,
	html .ms-dlgContent, html .ms-dlgContent *,	html .ms-srch-result img
	{
		box-sizing: content-box !important;
	}
	
	.ms-ToolPaneOuter
	{
		position: relative;
		z-index: 1000;
	}
	
	#globalNavBox, .ms-clientcontrol-chromeheader, #suiteBarRight
	{
		background-color: rgba(255, 255, 255, 1.0);
	}
	
	#suiteBarDelta div
	{
		background-color: #00539B;
		color: #FFFFFF;
	}
	
	#suiteBarDelta div button.ms-bgc-w div
	{
		background-color: #FFFFFF;
		color: #000000;
	}
	
	#suiteBarDelta div.contextMenuPopup
	{
		background-color: #FFFFFF;
	}
	
	.ms-cui-menu
	{
		position: fixed !important;
	}
	
	body.ms-backgroundImage
	{
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
	}
	
	body #s4-workspace
	{
		margin: 0;
		padding: 0;
		overflow: visible;
		height: auto !important;
		min-height: 100% !important;
		width: auto !important;
		position: static !important;
	}
	
	#s4-bodyContainer
	{
		padding-bottom: 0 !important;
		margin: 0;
		padding: 0;
	}
	
	body a.contentlink
	{
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		border: 0;
		display: block;
	}
	
	body a.contentlink:focus
	{
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		clip: auto;
		border: 0;
		z-index: 10000;
		background-color: #00539B;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	body a:focus
	{
		outline: #A4D7F4 solid 1px !important;
	}
	
	#s4-bodyContainer div.row
	{
		margin: 0;
		padding: 0;
	}
	
	img
	{
		border: none;
	}
	
	#signinlink a
	{
		position: absolute;
		top: 3px;
		right: 3px;
		color: #000000;
		z-index: 1000;
		margin: 0;
		padding: 0;
		font-size: 8pt;
		line-height: normal !important;
		height: 15px;
	}
	
	/*** NEW "Campus Closing" message box, when used ***/
	#dmaccAlert
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		z-index: 1000;
		background-color: /*#5E7E25; /*#78A22F;*/ #FFDD00;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #002B5C;
		border-left: none;
		border-radius: 0;
		color: #FFFFFF;
		display: none;
	}
	
	#dmaccAlert .fa-exclamation-triangle
	{
		position: absolute;
		top: 15px;
		left: 10px;
		font-size: 28px;
		color: #000000; /* #E0321F;*/
	}
	
	#dmaccAlert h2
	{
		color: #000000;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0 30px 0 30px;
	}
	
	#dmaccAlert p
	{
		color: #000000;
		font-size: 100%;
		margin: 0;
		padding: 0 30px 0 30px;
		font-weight: normal;
	}
	
	#dmaccAlert button
	{
		position: absolute;
		top: 10px;
		right: 30px;
		color: #000000;
		opacity: 1.0;
		font-size: 24pt;
		font-weight: normal;
		min-width: 0;
	}
	
	#dmaccAlert a
	{
		color: #000000 !important;
		text-decoration: underline;
	}

	/* Coronavirus Info */
	#cvAlert
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		z-index: 1000;
		background-color: #FFDD00;
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #002B5C;
		border-left: none;
		border-radius: 0;
		color: #FFFFFF;
	}
	
	#cvAlert h2, #cvAlert p
	{
		display: inline-block;
		margin: 0;
		padding: 0;
		color: #000000;
		font-size: 1.5em;
	}
	
	#cvAlert h2
	{
		font-weight: bold;
		text-transform: uppercase;
		padding-right: 7px;
		/*margin: 0;
		padding: 0 30px 0 30px;*/
	}
	
	#cvAlert h2::after
	{
		content: ": ";
	}
	
	#cvAlert p
	{
		/*margin: 0;
		padding: 0 30px 0 30px;*/
	}
	
	#cvAlert a
	{
		color: #000000 !important;
		text-decoration: underline;
	}
	
	/* Enrollment Info */
	#enrollInfo
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		z-index: 1000;
		background-color: #A4D7F4;
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #002B5C;
		border-left: none;
		border-radius: 0;
		color: #000000;
		display: none;
	}
	
	#enrollInfo h2, #enrollInfo p
	{
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
		color: #000000;
		font-size: 1.2em;
		text-align: center;
	}
	
	#enrollInfo h2
	{
		font-weight: bold;
		/*text-transform: uppercase;*/
		padding-right: 7px;
		margin-left: 21px;
		/*margin-right: 21px;
		/*margin: 0;
		padding: 0 30px 0 30px;*/
	}
	
	#enrollInfo p
	{
		/*margin: 0;
		padding: 0 30px 0 30px;*/
		margin-top: 10px;
		margin-bottom: 0;
	}
	
	#enrollInfo a
	{
		color: #000000 !important;
		border: 1px solid #000000;
		border-radius: 3px;
		margin: 0 auto;
		text-decoration: none;
		padding: 5px;
		display: inline-block;
	}
	
	#enrollInfo button
	{
		min-width: 0;
		color: #000000;
		text-shadow: none;
		opacity: 1;
	}
	
	/*** Top Navigation Menu ***/
	#topnavcontainer div
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	#topnavcontainer div.navbar-default
	{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-color: #002B5C;
		border-bottom: 5px solid #E0321F;
		border-left: none;
		border-right: none;
		border-radius: 0;
	}
	
	#topnavcontainer .navbar-brand
	{
		background-color: #002B5C !important;
		padding: 0;
		text-align: center;
		color: #FFFFFF;
		text-transform: uppercase;
		font-size: 95%;
	}
	
	#topnavcontainer a#homelink
	{
		display: inline-block;
	}
	
	#topnavright a, #topnavright a:link, #topnavright a:hover, #topnavright a:visited
	{
		color: #002B5C;
		padding: 0 5px;
		text-decoration: none;
		font-size: 13px;
		font-weight: 600;
		display: inline-block;
		vertical-align: middle;
	}
	
	#topnavright a:hover
	{
		text-decoration: underline;
	}
	
	#topnavright img
	{
		margin-top: -5px;
		padding: 0 3px 5px 3px;
		border: 1px solid #FFFFFF;
	}
	
	/*#topnavright a:nth-child(2) img,*/
	#topnavright a:nth-child(3) img,
	#topnavright a:nth-child(4) img
	{
		padding-left: 5px;
		width: 170px;
	}
	
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		color: #FFFFFF;
		padding: 15px 8px;
		font-weight: 800;
		text-transform: uppercase;
		font-size: 12px;
	}
	
	#topnavcontainer ul li a:hover
	{
		background-color: #00539B;
	}
	
	/*** Regular Search box ***/
	#wp-search
	{
		position: relative;
		top: -10px;
	}
	
	#wp-search .ms-srch-sb-border,
	#wp-search .ms-srch-sb-borderFocused,
	#wp-search2 .ms-srch-sb-border,
	#wp-search2 .ms-srch-sb-borderFocused
	{
		border: none !important;
		padding: 5px 3px;
	}
	
	#wp-search div, #wp-search input, #wp-search img,
	#wp-search2 div, #wp-search2 input, #wp-search2 img
	{
		width: auto;
		height: auto;
		background-color: #DDDDDD;
		color: #000000;
		border-radius: 5px;
	}
	
	#topnavright #wp-search img
	{
		margin-top: 0;
	}
	
	#wp-search input, #wp-search img,
	#wp-search2 input, #wp-search2 img
	{
		font-size: 18px;
		border: none !important;
	}
	
	#wp-search input[type="submit"],
	#wp-search2 input[type="submit"]
	{
		font-family: 'FontAwesome', sans-serif;
		color: #3C3C3C;
		min-width: 0;
		width: 25px;
	}
	
	/*** Mobile Search Box ***/
	#wp-search2 div
	{
		border-radius: 0;
		margin: 0;
	}
	
	#wp-search2 input, #wp-search2 div div
	{
		margin: 0;
		width: 100%;
	}
	
	#wp-search2 a, #wp-search2 input[type="submit"]
	{
		display: none;
	}
	
	#wp-search2 .ms-srch-sb-border,
	#wp-search2 .ms-srch-sb-borderFocused
	{
		border: none !important;
	}
	
	/*** Site Banner ***/
	#sitebanner, #sitebannervideo
	{
		height: 200px;
		position: relative;
		margin: 0;
		padding: 0;
		z-index: 0;
		overflow: hidden;
	}
	
	a#applyLink, a#applyLink:link, a#applyLink:hover,
	a#applyLink:visited, a#applyLink:active,
	a#applyLink, a#applyLink:link, a#applyLink:hover,
	a#applyLink:visited, a#applyLink:active
	{
		position: fixed;
		top: 155px;
		right: 0;
		margin: 0;
		padding: 5px 20px 5px 40px;
		display: block;
		background: rgba(0, 43, 92, 0.8) url('');
		width: 130px;
		font-size: 120%;
		font-weight: bold;
		height: 50px;
		line-height: normal !important;
		text-align: left;
		color: #FFFFFF;
		text-decoration: none;
		z-index: 100;
	}
	
	a#contactLink, a#contactLink:link, a#contactLink:hover,
	a#contactLink:visited, a#contactLink:active,
	a#contactLink, a#contactLink:link, a#contactLink:hover,
	a#contactLink:visited, a#contactLink:active
	{
		position: fixed;
		top: 215px;
		right: 0;
		margin: 0;
		padding: 5px 20px 5px 40px;
		display: block;
		background: rgba(224, 50, 31, 0.8) url('');
		width: 130px;
		font-size: 120%;
		font-weight: bold;
		height: 50px;
		line-height: normal !important;
		text-align: left;
		color: #FFFFFF;
		text-decoration: none;
		z-index: 100;
	}
	
	a#applyLink:before, a#contactLink:before,
	a#applyLink:before, a#contactLink:before
	{
		content: '>';
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: 35px;
		height: 35px;
		padding: 0px;
		font-size: 50px;
		color: #FFFFFF;
		font-weight: 200;
		line-height: 0.6;
		text-align: center;
	}
	
	a#contactLink:hover
	{
		background: rgba(224, 50, 31, 1.0) url('');
	}
	
	a#applyLink:hover
	{
		background: rgba(0, 43, 92, 1.0) url('');
	}
	
	a#visitLink, a#visitLink:link, a#visitLink:hover, a#visitLink:visited, a#visitLink:active
	{
		position: fixed;
		top: 275px;
		right: 0;
		margin: 0;
		padding: 5px 20px 5px 40px;
		display: block;
		background: rgba(0, 43, 92, 0.8);
		width: 130px;
		font-size: 120%;
		font-weight: bold;
		height: 50px;
		line-height: normal !important;
		text-align: left;
		color: #FFFFFF;
		text-decoration: none;
		z-index: 100;
	}
	
	a#visitLink:before
	{
		content: '>';
		display: inline-block;
		position: absolute;
		top: 5px;
		left: 5px;
		width: 35px;
		height: 35px;
		padding: 0px;
		font-size: 50px;
		color: #FFFFFF;
		font-weight: 200;
		line-height: 0.6;
		text-align: center;
	}
	
	a#visitLink:hover
	{
		background: rgba(0, 43, 92, 1.0) url('');
	}
	
	#sitebanner img, #sitebannervideo img
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		z-index: -100;
	}
	
	#sitebanner h1#siteTitle, #sitebanner div#siteTitle,
	#sitebannervideo h1#siteTitle, #sitebannervideo div#siteTitle
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		background: rgba(0, 43, 92, 0.8);
		font-size: 500%;
		font-weight: 900;
		color: #FFFFFF;
		line-height: 1.0;
		text-align: center;
	}
	
	#sitebanner h1#siteTitle div.ms-formfieldlabelcontainer,
	#sitebannervideo h1#siteTitle div.ms-formfieldlabelcontainer
	{
		font-size: 15px;
	}
	
	#siteTitle input
	{
		width: auto;
	}
	
	/*** Numbers Circles ***/
	.sn-circle
	{
		background-color: #E0321F;
		display: inline-block;
		color: #FFFFFF;
		padding: 75px 20px 20px 20px;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 75px 75px;
	}
	
	#sitenumbers
	{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	/* Hide old top zone images */
	#sitenumbers img
	{
		display: none;
	}
	
	#sitenumbers .wowslider, #sitenumbers iframe, #sitenumbers .youtube
	{
		display: none;
	}
	
	.sn-group
	{
		text-align: center;
		box-shadow: 0px 10px 5px #888888;
		font-size: 14px;
	}
	
	#sitenumbers .ms-webpartzone-cell
	{
		margin: 0;
	}
	
	.sn-ltblue
	{
		background-color: #00539B;
	}
	
	.sn-dkblue
	{
		background-color: #002B5C;
	}
	
	.sn-people
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/studentsicon-150x150WHITE.png');
	}
	
	.sn-person
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/Icon-Employment-white.png');
	}
	
	.sn-money
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/icon_future_scholarship-white.png');
	}
	
	.sn-academic
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/degreeIconWHITE.png');
	}
	
	.sn-academic2
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/honorsIconWHITE.png');
	}
	
	.sn-number
	{
		font-size: 200%;
		font-weight: 900;
	}
	
	.sn-text
	{
		font-size: 16.8px;
	}
	
	#s4-bodyContainer div#main
	{
		z-index: 5; /*1;*/
	}
	
	/* Numbers 2020 */
	.sn2020-group
	{
		text-align: center;
		box-shadow: 0px 10px 5px #888888;
		font-size: 14px;
		background-color: #002B5C;
		color: #FFFFFF;
	}
	
	.sn2020-item
	{
		display: inline-block;
		color: #FFFFFF;
		padding: 75px 0 0 0; /*20px 20px 20px;*/
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 75px 75px;
	}
	
	.sn2020-number
	{
		font-size: 200%;
		font-weight: 900;
	}
	
	.sn2020-text
	{
		font-size: 16.8px;
	}
	
	/*** Breadcrumb ***/
	#s4-bodyContainer div#globalbreadcrumb
	{
		margin: 0;
		padding: 30px 30px 0 30px;
		font-weight: 600;
	}
	
	#s4-bodyContainer div#globalbreadcrumb span.breadcrumbCurrent
	{
		font-weight: 600;
	}
	
	/*** Left Navigation ***/
	#left
	{
		margin: 0;
		padding: 30px 30px 0 30px;
	}
	
	#left #titlelink a, #left #titlelink a:link, #left #titlelink a:hover,
	#left #titlelink a:visited, #left #titlelink a:active
	{
		display: block;
		margin: 0 0 30px 0;
		padding: 0 0 15px 15px;
		color: #E0321F;
		font-size: 180%;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 2px solid #E0321F;
		line-height: normal !important;
	}
	
	#left ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#left ul li a, #left ul li a:link, #left ul li a:hover,
	#left ul li a:visited, #left ul li a:active
	{
		display: block;
		margin: 0 0 25px 0;
		padding: 20px 5px 20px 15px;
		color: #FFFFFF;
		background-color: #00539B;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		line-height: normal !important;
	}
	
	#left ul li.selected a
	{
		background-color: #E0321F;
	}
	
	#left ul li a:hover
	{
		background-color: #002B5C;
	}
	
	#left .ms-core-listMenu-verticalBox .ms-listMenu-editLink
	{
		display: none;
	}
	
	/*** Main Content Area ***/
	#content
	{
		margin: 0;
		padding: 10px 0 10px 0;
		background-color: #FFFFFF;
		font-size: 16pt;
		word-spacing: 1px;
	}
	
	#content h1, #content h2, #content h3, #content h4, 
	#content h5, #content h6, #content p, 
	#content blockquote
	{
		max-width: 1000px;
	}
	
	#content li
	{
		max-width: 900px;
	}
	
	#content .ms-rtestate-write h1, #content .ms-rtestate-write h2, 
	#content .ms-rtestate-write h3, #content .ms-rtestate-write h4, 
	#content .ms-rtestate-write h5, #content .ms-rtestate-write h6, 
	#content .ms-rtestate-write p, #content .ms-rtestate-write li, 
	#content .ms-rtestate-write blockquote
	{
		max-width: none;
	}
	
	#main div#contentarea
	{
		position: static;
	}
	
	#main div
	{
		white-space: normal;
		word-wrap: normal;
	}
	
	#content #leftcontent, #content #rightcontent,
	#content #centercontent, #content #centercontent2
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#content label
	{
		font-weight: normal;
	}
	
	#main .ms-webpart-zone, #main .ms-webpart-chrome-vertical, #main .ms-webpart-cell-vertical,
	#sitenumbers .ms-webpart-zone, #sitenumbers .ms-webpart-chrome-vertical, #sitenumbers .ms-webpart-cell-vertical
	{
		display: block;
	}
	
	#main .ms-webpart-zone .ms-clear
	{
		clear: none;
	}
	
	#main img
	{
		max-width: 100%;
		height: auto;
	}
	
	#main .asteriskIcon img
	{
		max-width: none;
	}
	
	#sitenumbers .ms-webpart-chrome-title img,
	#sitenumbers .ms-promlink-button-image img,
	#sitenumbers .ms-listviewtable img,
	#sitenumbers .ms-list-addnew img,
	#sitenumbers .ms-csrlistview-controldiv img,
	#main #content .ms-webpart-chrome-title img,
	#main #content .ms-promlink-button-image img,
	#main #content .ms-listviewtable img,
	#main #content .ms-list-addnew img,
	#main #content .ms-csrlistview-controldiv img
	{
		max-width: none;
		max-height: none;
	}
	
	#main h1
	{
		font-size: 22pt;
		font-weight: 400;
		color: #000000;
		line-height: normal !important;
		color: #000000;
		margin: 0 0 10px 0;
		padding: 0;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main h1#pageTitle
	{
		font-size: 25pt;
		color: #E0321F;
	}
	
	#main h2
	{
		font-size: 20pt;
		font-weight: 600;
		color: #000000;
		border-bottom: none;
		line-height: normal !important;
		margin: 0 0 10px 0;
		padding: 0;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main h2 nobr
	{
		white-space: normal;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main h2.ms-webpart-titleText
	{
		text-align: left !important;
	}
	
	#main h3
	{
		font-size: 20pt;
		font-weight: 400;
		color: #000000;
		line-height: normal !important;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: left !important;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main h4
	{
		font-size: 20pt;
		font-weight: 200;
		color: #000000;
		line-height: normal !important;
		margin: 0 0 10px 0;
		padding: 0;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main h5
	{
		font-size: 14px;
		color: #000000;
		font-weight: 200;
		margin: 0 0 10px 0;
		padding: 0;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main h5
	{
		font-size: 90%;
		color: #000000;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main h6
	{
		font-size: 80%;
		color: #000000;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main p
	{
		margin: 0 0 10px 0;
		padding: 0;
		line-height: normal;
		font-family: 'Raleway', sans-serif !important;
	}
	
	#main blockquote
	{
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 100%;
		border-left: none;
	}
	
	#content a, #content a:link, #content a:visited, #content a:hover #content a:active,
	#copyright a, #copyright a:link, #copyright a:visited, #copyright a:hover #copyright a:active,
	#globalbreadcrumb a, #globalbreadcrumb a:link, #globalbreadcrumb a:visited, #globalbreadcrumb a:hover #globalbreadcrumb a:active
	{
		color: #006699;
		text-decoration: none;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	
	#content a:hover, #copyright a:hover
	{
		text-decoration: underline !important;
	}
	
	#main hr
	{
		border: none;
		border-top: 2px solid #002B5C;
		height: 2px;
		margin: 10px 30px;
	}
	
	.ms-newsletterline img, img[src="/_layouts/15/images/blank.gif?rev=40"]
	{
		display: none;
	}

	/* Colored Boxes */
	.boxes
	{
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		max-width: 1500px;
	}
	
	.box1, .box2, .box3
	{
		display: inline-block;
		width: 310px;
		margin: 0 10px 10px 10px;	
		padding: 0;
		text-align: left;
		background-color: #002B5C;
		color: #FFFFFF;
		vertical-align: top;
	}
	
	.box2
	{
		background-color: #E0321F;
	}
	
	.box3
	{
		background-color: #00539B;
	}
	
	#content .boxes h2
	{
		font-family: 'Raleway', sans-serif;
		font-size: 19pt;
		font-style: normal;
		font-weight: bold;
		color: #FFFFFF;
		padding: 0 0 10px 0;
		margin: 20px 20px 10px 20px;
		border-bottom: 1px solid #FFFFFF;
		line-height: normal !important;
	}
	
	#content .boxes p, #content .boxes h3,
	#content .boxes h4, #content .boxes h5,
	#content .boxes h6
	{
		color: #FFFFFF;
		padding: 0;
		margin: 0 20px 10px 20px;
		line-height: normal !important;
	}
	
	#content .boxes ul
	{
		list-style-type: none;
		margin: 0 20px 10px 20px;
		padding: 0;
		color: #FFFFFF;
		line-height: normal !important;
	}
	
	#content .boxes li
	{
		margin: 0;
		padding: 2px 0;
	}
	
	#content .boxes img
	{
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	
	#content .boxes a
	{
		color: #99CCFF;
		font-weight: bold !important;
	}
	
	#content .boxes a:hover
	{
		text-decoration: underline !important;
		font-weight: bold !important;
	}
	
	#content .boxes .box2 a
	{
		color: #00060A;
	}
	
	#content .boxes h2 a
	{
		color: #FFFFFF !important;
		text-decoration: none;
		font-weight: bold;
	}
	
	/* Half Column Boxes */
	.halfbox1, .halfbox2, .halfbox3, .halfbox4
	{
		display: inline-block;
		/* width: 310px; */
		margin: 0 10px 10px 10px;	
		padding: 0;
		text-align: left;
		background-color: #E54F3D;
		color: #FFFFFF;
		vertical-align: top;
	}
	
	.halfbox2
	{
		background-color: #00539B;
	}
	
	.halfbox3
	{
		background-color: #002B5C;
	}
	
	.halfbox4
	{
		background-color: #E54F3D;
	}

	#content .halfbox1 h2, #content .halfbox2 h2, #content .halfbox3 h2, #content .halfbox4 h2
	{
		font-family: 'Raleway', sans-serif;
		font-size: 24pt;
		font-style: normal;
		font-weight: bold;
		color: #FFFFFF;
		padding: 20px 0 20px 0;
		margin: 20px 20px 10px 20px;
		border-bottom: none;
		border-top: 1px solid #FFFFFF;
		line-height: normal !important;
	}	
	
	#content .halfbox1 h2 a, #content .halfbox2 h2 a, #content .halfbox3 h2 a, #content .halfbox4 h2 a
	{
		text-decoration: none !important;
	}
	
	#content .halfbox1 h2 a:hover, #content .halfbox2 h2 a:hover, #content .halfbox3 h2 a:hover, #content .halfbox4 h2 a:hover
	{
		text-decoration: none !important;
	}
	
	#content .halfbox1 h2 a:after, #content .halfbox2 h2 a:after, #content .halfbox3 h2 a:after, #content .halfbox4 h2 a:after
	{
		content: "\00a0\00bb";
	}
	
	#content .halfbox1 h2 a:hover:after, #content .halfbox2 h2 a:hover:after, #content .halfbox3 h2 a:hover:after, #content .halfbox4 h2 a:hover:after
	{
		content: "\00a0\00a0\00bb";
	}
	/* End Boxes */
	
	/* YouTube Video Sizing */
	.youtube, .wowslider
	{
		position: relative;
		max-width: 1000px;
		padding-bottom: 56.25%;
		padding-top: 0;
		height: 0;
	}
	
	.youtube iframe, .youtube object, .youtube embed, .youtube video, .youtube div.azuremediaplayer-dimensions,
	.wowslider iframe, .wowslider object, .wowslider embed, .wowslider video
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: 563px;
		margin: 0;
		padding: 0 0 0 0;
	}
	
	/* Azure Media Player Video */
	#main div.azuremediaplayer button
	{
		min-width: 0;
	}
	
	#main div.amp-default-skin div.vjs-control-bar div.amp-controlbaricons-left, 
	#main div.amp-default-skin div.vjs-control-bar div.amp-controlbaricons-right
	{
		white-space: nowrap;
	}
	
	#main div.azuremediaplayer ul
	{
		margin-right: 0;
	}
	
	/* Azure Media Player Video Playlist */
	#video-container ul#playlistContainer
	{
		list-style: none;
		text-align: left;
	}
	
	#video-container ul#playlistContainer li
	{
		padding: 10px;
		margin: 5px;
		border:1px solid #dddddd;
	}
	
	#video-container ul#playlistContainer li a
	{
		padding: 10px;
	}
	
	.dbreventheader
	{
		margin: 10px 10px 0 0 !important;
	}
	
	.halfcolumn, .thirdcolumn, .twothirdscolumn, .fourthcolumn, .ccccccccccccc
	{
		padding: 0 10px 10px 10px;
	}
	
	.halfcolumn:empty, .thirdcolumn:empty, .twothirdscolumn:empty, .fourthcolumn:empty, .fifthcolumn:empty
	{
		padding: 0 0 0 0 !important;
		margin: 0 0 0 0 !important;
	}
	
	#halfLeft, #thirdLeft, #oneThird, #fourth1, .footerZone
	#oneThirdBottom, #thirdBottomLeft, #halfBottomLeft
	{
		clear: both;
	}
	
	#content .thirdcolumn h1, #content .thirdcolumn h2,
	#content .thirdcolumn h3, #content .thirdcolumn h4,
	#content .thirdcolumn h5, #content .thirdcolumn h6,
	#content .thirdcolumn p, #content .twothirdscolumn h1,
	#content .twothirdscolumn h2, #content .twothirdscolumn h3,
	#content .twothirdscolumn h4, #content .twothirdscolumn h5,
	#content .twothirdscolumn h6, #content .twothirdscolumn p,
	#content .halfcolumn h1, #content .halfcolumn h2,
	#content .halfcolumn h3, #content .halfcolumn h4,
	#content .halfcolumn h5, #content .halfcolumn h6,
	#content .halfcolumn p, #content .fourthcolumn h1,
	#content .fourthcolumn h2, #content .fourthcolumn h3,
	#content .fourthcolumn h4, #content .fourthcolumn h5,
	#content .fourthcolumn h6, #content .fourthcolumn p,
	#content .fourthcolumn h2, #content .fourthcolumn h3,
	#content .fourthcolumn h4, #content .fourthcolumn h5,
	#content .fourthcolumn h6, #content .fourthcolumn p,
	#content .fifthcolumn h2, #content .fifthcolumn h3,
	#content .fifthcolumn h4, #content .fifthcolumn h5,
	#content .fifthcolumn h6, #content .fifthcolumn p
	{
		margin: 0 0 10px 0;
	}
	
	/* Calendar/Event Listings */
	#content div.groupheader, #content .events h2, #main #content h2.csl-header
	{
		font-size: 130%;
		font-weight: bold;
		color: #000000;
		line-height: normal !important;
		margin: 20px 0 10px 0;
		padding: 0;
		border-bottom: 1px solid #002B5C;
		max-width: 1000px;
	}
	
	#main #content h4.eventheading
	{
		margin-bottom: 0px;
		margin-left: 0px;
		font-size: 16pt;
		font-weight: bold;
	}
	
	#content h2.eventheading
	{
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	#content .events h2.eventdetailheading
	{
		font-size: 16pt;
		border-bottom: none;
		margin: 0 0 0 10px;
	}
	
	#content .calendarevent
	{
		margin: 10px 10px 10px 0;
		max-width: 1000px;
	}
	
	#content ul, #content ol, .twocolumncontent ul, .twocolumncontent ol
	{
		margin-right: 15px;
	}
	
	#content div.times, #content div.eventdescription, 
	#content div.cost, #content div.eventcategory, 
	#content div.eventdate, #content div.location
	{
		margin: 0 10px;
	}
	
	#content div.cost
	{
		margin-bottom: 10px;
	}
	
	#content div.eventdate
	{
		font-weight: bold;
	}
	
	#content div.times
	{
		color: #002B5C;
	}

   	#content h4.h-startdate
   	{
		font-size: 140%;
	    font-weight: 900;
	    color: #E0321F;
	    margin: 0 20px 10px 10px;
	    padding: 0 0 10px 20px;
	    background: #FFFFFF url('https://img.dmacc.edu/SiteCollectionImages/ondemandarrow.png') no-repeat bottom left;
	    border-bottom: 1px solid #00539B;
	}
	
	#onetIDListForm td
	{
		white-space: normal !important;
	}
	
	#main div.eventlisting-dei
	{
		margin: 0 0 30px 0;
	}
	
	#main .eventlisting-dei h4.eventtitle
	{
		/*font-size: 100%;
		font-weight: bold;*/
		margin-bottom: 0;
	}
	
	#content .eventlisting-dei div.eventdate
	{
		font-weight: normal;
		margin: 0;
	}
	
	#main .eventlisting-dei div.eventdesc
	{
		margin: 10px 0;
	}
	/* End Calendar/Event Listings */

	/* News Listing Styles */
	.newslisting
	{
		max-width: 1000px;
	}
	
	#content a.newslink
	{
		font-weight: bold;
	}
	
	.releasedate, .newssource
	{
		font-size: 80%;
		font-weight: bold;
	}
	
	.newslisting, .more-link
	{
		margin: 10px 0 0 0;
	}
	
	.more-link
	{
		background-color: #FFFFFF;
		text-align: right;
	}
	/* End News Listing Styles */

	#main #content h4.h-startdate
	{
		font-size: 20px;
		font-weight: 900;
		color: #F47920;
		margin: 0 20px 10px 10px;
		padding: 0 0 10px 20px;
		background: #FFFFFF url(https://img.dmacc.edu/SiteCollectionImages/ondemandarrow.png) no-repeat bottom left;
		border-bottom: 1px solid #00539B;
		font-family: Arial, Helvetica, sans-serif !important;
	}
	
	/* Job Listings */
	.joblisting
	{
		margin: 0 0 30px 0;
		max-width: 1000px;
	}
	
	#main .joblisting h4
	{
		margin-bottom: 0;
	}
	
	/* Nursing Staff Listings */
	.nursingstafflisting
	{
		height: 355px;
	}
	
	#main .nursingstafflisting h4
	{
		margin-bottom: 0;
	}
	
	/* Nursing Information Sessions */
	#main #content h2.nursinginfosessionheading
	{
		margin: 30px 0 10px 0;
		border-bottom: 1px solid #000000;
	}
	
	#main #content .nusinginfosession
	{
		margin: 0 0 5px 0;
	}
	
	/* Newton Staff Listings */
	.stafflisting
	{
		width: 300px;
		height: 160px;
		float: left;
		margin: 0;
		padding: 10px 10px 10px 10px;
	}
	
	.stafflisting img
	{
		float: left;
		width: 60px;
		height: 75px;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	#content .stafflisting h4, #content .stafflisting div
	{
		margin: 0;
		padding: 0 0 0 70px;
	}
	
	.groupheader
	{
		clear: left;
	}
	/* End Newton Campus Staff Listing Styles */
	
	.cam-content h1
	{
		background-color: #002B5C !important;
	}
	
	/* Advising and Counseling Staff Listings */
	#main #content h2.csl-header
	{
		border-bottom-width: 2px !important;
		max-width: none;
		margin-bottom: 20px;
	}
	
	.advisingstafflisting
	{
		clear: left;
		padding-bottom: 30px;
	}
	
	#main .advisingstafflisting h4, #main .counselingstafflisting h4
	{
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 0;
	}
	
	#main .adv-programs h4
	{
		font-size: 100%;
		font-weight: bold;
	}
	
	.adv-programs
	{
		padding-bottom: 30px;
	}
	
	.adv-boone:nth-child(3n+1),
	.adv-scheduling:nth-child(3n+2)
	{
		clear: left;
	}
	
	.adv-buttons
	{  
		display: inline-block;
		color: #ffffff !important;
		background-color: #00539b;
		padding: 10px!important;
		margin-bottom: 10px;
		margin-right: 10px;
		text-align: center;
	}
	
	.adv-buttons:hover
	{  
		background-color: #002b5c;	
	}
	
	/*#lnk_Perry,*/ #lnk_Other
	{
		display: none;
	}
	
	/* Advising Staff Search */
	.advisingstaffsearch
	{
		clear: left;
		padding-bottom: 30px;
	}
			
	#main h2.fa-groupheader
	{
		clear: left;
		margin-top: 30px;
		border-bottom: 1px solid #003896;
		max-width: none;
	}
	
	#main .advisingstaffsearch h4
	{
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 0;
	}
	
	#main .advisingstaffsearch .st-title, #main .advisingstaffsearch .st-phone,
	#main .advisingstaffsearch .st-location
	{
		font-size: 0.9em;
	}
	
	#main .advisingstaffsearch .st-email, #main .advisingstaffsearch .st-schlink
	{
		font-size: 0.8em;
		font-weight: bold;
	}
	
	#main .ads_programs h4
	{
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 0;
	}
	
	#main .ads_programs h4.ads_campush
	{
		margin-bottom: 0;
	}
	
	#main .ads_programs h4.ads-programsh
	{
		margin-top: 10px;
	}
	
	.ads_programs
	{
		padding-bottom: 30px;
	}
	
	.ads_boone:nth-child(3n+1),
	.ads_scheduling:nth-child(3n+2)
	{
		clear: left;
	}
	
	.ads_buttons
	{  
		display: inline-block;
		color: #ffffff !important;
		background-color: #00539b;
		padding: 10px!important;
		margin-bottom: 10px;
		margin-right: 10px;
		text-align: center;
	}
	
	.ads_buttons:hover
	{  
		background-color: #002b5c;	
	}
	
	/*.advisingstaffsearch a[href^="https"]
	{
		display: none;
	}
	
	/*#main .mcsale img
	{
		height: 250px;
	}*/
	
	/* Physical Plant Staff Listings */
	#main .physicalplantstaffheading,
	#main .physicalplantstaffcampusheading
	{
		clear: left;
	}
	
	.ppstafflisting
	{
		height: 250px;
	}
	
	/* CE Featured Classes */
	/*.ce-featured
	{
		min-height: 385px;
	}*/
	
	.ce-featured:nth-child(3n+1)
	{
		clear: left;
	}
	
	#main .ce-featured div.cef-title
	{
		margin-bottom: 0;
		font-weight: bold;
	}
	
	#main .ce-featured div.cef-title img
	{
		display: block;
	}
	
	/* Bloom Guide */
	#main .bloomguide .cef-description
	{
		margin-top: 10px;
	}
	
	#content .bloomguide div.cef-description, #content .bloomguide div.bg-sn, #content .bloomguide ul, #content .bloomguide ol, #content .bloomguide li, #content .bloomguide p
	{
		font-size: 14pt;
	}
	
	/* Graphic Design Advisory Board */
	.gd-advisory
	{
		margin-bottom: 30px;
	}
	
	#main .gd-advisory div.gda-title
	{
		margin-bottom: 0;
		font-weight: bold;
	}
	
	#main .gd-advisory div.gda-title img
	{
		display: block;
	}
	
	/* 5K Sponsors */
	.fivek-featured
	{
		display: inline-block;
		height: 320px;
		vertical-align: middle;
	}
	
	.advschcontainer:nth-child(5) .fivek-featured
	{
		height: auto;
	}
	
	#main .fivek-featured img
	{
		padding: 0 30px 10px 30px;
	}
	
	#main .fivek-featured:nth-child(3n+2)
	{
		clear: left;
	}
	
	/* Campus Rec Links */
	.cr-featured
	{
		height: 235px;
		text-align: center;
	}
	
	.cr-description
	{
		font-weight: bold;
	}
	
	/* Announcements */
	#main .hp-announcement
	{
		margin: 0 10px 30px 10px;
	}
	
	#main .hp-announcement h3
	{
		font-size: 16pt;
		font-weight: bold;
		margin: 0;
	}
	
	#main .announcement-body, #main .announcement-body p, #main .announcement-body li
	{
		font-size: 14pt;
	}
	
	/* Social Media Links */
	#sm-links
	{
		text-align: right;
	}
	
	#sm-links a
	{
		display: inline-block;
		padding-right: 5px;
		padding-top: 5px;
	}
	
	#sitenumbers #sm-links img
	{
		display: inline;
	}
	
	/* Student Testimonials/Meet Your Professors */
	.testimonials, .meetyourprofs
	{
		clear: left;
		margin: 30px 0 0 0;
		padding: 0;
		width: 100%;
		max-width: 1000px;
		float: left;
	}
	
	.st-student, .mp-instructor, .carrollstafflisting, .wta-student
	{
		clear: left;
		padding: 30px 0 0 0;
		margin: 0;
		max-width: 1000px
	}
	
	.st-student h3, .st-student div,
	.mp-instructor h3, .mp-instructor div,
	.carrollstafflisting h4, .carrollstafflisting div
	.wta-student h3, .wta-student div
	{
		margin-left: 300px;
	}
	
	body #main .wta-student h3, .wta-student div
	{
		margin-left: 250px;
	}
	
	.st-student div div, .wta-student div div
	{
		margin-left: 0;
	}
	
	.ticker
	{
		position: relative;
		height: 350px;
		overflow: hidden;
	}
	
	.ticker .st-student
	{
		position: absolute;
		top: 30px;
		left: 0;
		display: none;
	}
	
	.ticker .st-student:nth-child(2)
	{
		display: block;
	}
	
	#main .ticker .st-student h3, .ticker .st-student div
	{
		margin-left: 0;
	}
	
	.ticker .st-student div.st-bio,
	.ticker .st-student div.st-bio-noquote
	{
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.mp-instructor div div,
	.carrollstafflisting div div
	{
		margin-left: 0;
	}
	
	#main .testimonials h2, #main .meetyourprofs h2
	{
		font-size: 20pt;
		color: #002B5C;
		font-weight: 900;
		border-bottom: 3px solid #002B5C;
		padding-bottom: 5px;
	}
	
	#main .meetyourprofs h2.mp-campus
	{
		clear: left;
		font-weight: 600;
		color: #000000;
		border-bottom: 1px solid #000000;
		padding-bottom: 0;
	}
	
	.testimonials img, .meetyourprofs img,
	.carrollstafflisting img
	{
		clear: both;
		float: left;
		padding: 0 40px 10px 0;
		width: 240px;
	}
	
	#main .testimonials h3, #main .meetyourprofs h3,
	#main .carrollstafflisting h4
	{
		font-size: 20pt;
		color: #002B5C;
		font-weight: 400;
		margin: 0 0 0 300px;
		padding: 0;
	}
	
	.mp-title, .st-programyear, .wt-programyear
	{
		font-size: 14pt;
		color: #002B5C;
		margin-bottom: 10px;
	}
	
	.mp-bio, .st-bio, .st-bio-noquote, .wt-bio
	{
		margin-top: 10px;
		position: relative;
	}
	
	.st-bio:before, .wt-bio:before
	{
		content: "“";
		font-size: 48pt;
		font-weight: bold;
		position: absolute;
		top: -15px;
		left: -25px;
	}
	
	.st-bio:after, .wt-bio:after
	{
		content: "”";
		font-size: 48pt;
		font-weight: bold;
		position: absolute;
		bottom: -40px;
		right: -25px;
	}
	
	/* Instructor Listings (2021) */
	.instructorlisting
	{
		clear: left;
		margin: 30px 0 0 0;
		padding: 0;
		width: 100%;
		max-width: 1000px;
		float: left;
	}
	
	.il-instructor
	{
		clear: left;
	}
	
	#main .instructorlisting hr
	{
		clear: left;
		margin: 30px 0;
	}
	
	.il-left
	{
		clear: left;
		float: left;
		width: 300px;
	}
	
	.il-right
	{
		margin-left: 300px;
	}
	
	.il-instructor div div
	{
		margin-left: 0;
	}
	
	.il-email, .il-weblink, .il-crselink
	{
		margin-bottom: 30px;
	}
	
	.il-biolink
	{
		margin-bottom: 15px;
	}
	
	.il-biolink a[role="button"], .il-weblink a,
	.il-crselink a[role="button"], #main .il-crse h4
	{
		font-weight: bold;
		font-size: 14pt;
	}
	
	#main .il-crse li
	{
		font-size: 14pt;
	}
	
	#main .il-crse li .il-crn
	{
		font-size: 12pt;
	}
	
	#main .instructorlisting h2
	{
		font-size: 20pt;
		color: #002B5C;
		font-weight: 900;
		border-bottom: 3px solid #002B5C;
		padding-bottom: 5px;
		clear: left;
	}
	
	#main .instructorlisting h2.il-campus
	{
		clear: left;
		font-weight: 600;
		color: #000000;
		border-bottom: 1px solid #000000;
		padding-bottom: 0;
	}
	
	.instructorlisting img
	{
		clear: both;
		float: left;
		padding: 0 40px 30px 0;
		width: 240px;
	}
	
	#main .instructorlisting h3
	{
		font-size: 22pt;
		color: #002B5C;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	/*#main .instructorlisting .il-adj h3
	{
		font-size: 16pt;
		font-weight: normal;
	}*/
	
	#main .instructorlisting .il-adj h3.il-adjname
	{
		margin-bottom: 30px;
	}
	
	#main .instructorlisting h3.il-heading
	{
		font-size: 20pt;
		color: #000000;
		border-bottom: 1px solid #000000;
		margin-bottom: 30px;
	}
	
	ff.il-title
	{
		font-size: 18pt;
		color: #002B5C;
		margin-bottom: 10px;
	}
	
	.il-bio
	{
		margin-top: 10px;
		position: relative;
	}
	
	/* Club Listings */
	.cl-advisor div
	{
		display: inline;
	}
	
	.cl-website
	{
		font-weight: bold;
	}
	
	.cl-description
	{
		margin-top: 10px;
	}
	
	#panelgroup .panel-body
	{
		margin-bottom: 20px;
	}
	
	#main div.panel-body::after
	{
		clear: none !important;
	}

	/* Collapsible Heading Styles */
	#content .panel-default
	{
		border: none;
	}
	
	#content .panel-heading 
	{
		padding:0px;
	}
	
	#content .panel-body 
	{
		padding: 0px 15px;	
	}
	
	#content .panel-group .panel .panel-heading,
	#content .panel-group .panel .panel-body,
	#content .panel-body .panel p
	{
		max-width: 1000px;
		padding: 0 0 0 15px;
		clear: left;
	}
	
	#content .panel-default > .panel-heading
	{
		background-color: transparent;
		border: none;
	}
	
	#content .panel-default > .panel-heading a 
	{
		color: #ffffff;
		display:block;
		background-color:#002b5c;
		padding:12px 15px 15px 15px;
	}
	
	#content .panel-default > .panel-heading a:hover  
	{
		text-decoration:none;
		color:#ffffff;
		background-color:#00539b;
	}
	
	#content .panel-default > .panel-heading a:hover::before  
	{
		color:#002b5c;
	}
	
	#content .panel-default > .panel-heading a::before  
	{
		font-family: FontAwesome;
		content: "\f056";
		color: #ffffff;
		display: inline-block;
		padding-right: 5px;
		font-size:24px;
	}
	
	#content .panel-default > .panel-heading a.collapsed::before
	{
		font-family: FontAwesome;
		content: "\f055";
		color: #ffffff;
		display: inline-block;
		padding-right: 5px;
		font-size:24px;
	}
	
	#content .panel-defalt > .panel-heading + .panel-collapse > .panel-body 
	{
		border:none;
	}
	
	#content .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body  
	{
		border:none;	
	}
	/* End of Collapsible Headings style */
	
	/* Pathways 2022 Styles */
	#content .panel-default.panel.panel-pathway2022 > .panel-heading a
	{
		min-height: 85px;
		padding-right: 80px;
		background-position: calc(100% - 7px) 7px;
		background-size: 70px 70px;
		background-repeat: no-repeat;
	}
	
	#content .panel-default.panel.panel-pathway2022 > .panel-heading a div.pn-tagline
	{
		padding-left: 25px;
		font-size: 16pt;
		font-style: italic;
		font-weight: normal;
		color: #A4D7F4;
	}
	
	/* WTA Certificate Listings */
	.pb-prereq
	{
		background-color: #FFFFFF;
		margin: 20px;
		padding: 10px;
		border: 4px solid #cc3333;
		text-align: center;
	}
	
	.pb-prereq *, .pb-jobs *, .pb-moreinfo *
	{
		display: inline;
	}
	
	.pb-description, .pb-jobs, .pb-moreinfo
	{
		margin: 10px 20px;
	}
	/* End WTA Certificate Listings */
	
	/* Career Days Listings */
	#main .panel-careerdays .panel-heading h3
	{
		font-size: 16pt;
		font-weight: normal;
	}
	
	#content .panel-careerdays > .panel-heading h3 a::before,
	#content .panel-careerdays > .panel-heading h3 a.collapsed::before
	{
		font-size: 16pt;
	}
	
	/* Articulation Agreement Listings */
	#articulationagreements .panel
	{
	    margin-bottom: 20px;
	    background-color: #fff;
	    border: none;
	    border-radius: 4px;
	    -webkit-box-shadow: none; 
	    box-shadow: none;
	}
		
	#content #articulationagreements .panel-default > .panel-heading a
	{
	    color: #000;
	    display: block;
	    background-color: #fff;
	    padding: 0px 0px 0px 30px;
	    font-weight: 500;
	}
		
	#content #articulationagreements .panel-default > .panel-heading a:hover
	{
	    color: #00539b;
	    display: block;
	    background-color: #fff;
	    padding: 0px 0px 0px 30px;
	    font-weight: 500;
		text-decoration: none !important;
	}	
		
	#content #articulationagreements .panel-default > .panel-heading a.collapsed::before
	{
	    color: #002b5c;
	}
	
	#content #articulationagreements .panel-default > .panel-heading a::before
	{
	    color: #00539b;
	}
		
	#content #articulationagreements .panel-group .panel .panel-heading, 
	#content #articulationagreements .panel-group .panel .panel-body, 
	#content #articulationagreements .panel-body .panel p
	{
	    padding: 0 0 0 0px;
	}	
	
	#main #articulationagreements h3
	{
	    font-size: 25pt;
		border-bottom: 1px solid #cfd4d8;
	}
	
	#content #articulationagreements .panel p
	{
		padding-left: 40px !important;
	}
		
	#content #articulationagreements .panel ul
	{
		margin-left: 50px !important;
	}
	
	body #articulationagreements a:focus
	{
	    outline: none !important;
    }
    
    /* Pathways Listings */
    #panelgroup-pw
    {
    	max-width: 1635px;
    	margin: 0 auto;
	}
	
    #main img.ap-icon
    {
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
	}
    
    #content .pathwaylisting.panel
    {
		width: 302px;
		height: 332px;
		display: inline-block;
		margin: 0 20px 40px 0;
		padding: 0;
		vertical-align: top;
		border: 1px solid #003896;
		border-radius: 0;
		position: relative;
	}
	
	#content .pathwaylisting.panel.pw-home
	{
		width: 300px;
		height: 330px;
		border-color: #CFD4D8;
	}
	
	#content .panel-group .pathwaylisting.panel .panel-heading
	{
		padding-left: 0;
		background-color: #002B5C;
	}
	
	#content .panel-group .pathwaylisting.panel.pw-home .panel-heading
	{
		background-color: #FFFFFF;
	}
	
	#content .pathwaylisting.panel-default > .panel-heading h2
	{
		margin-bottom: 0;
		font-size: 16pt;
	}
	
	#content .pathwaylisting.panel-default > .panel-heading h2 a
	{
		padding: 305px 5px 5px 5px;
		font-size: 80%;
	}
	
	#content .pathwaylisting.panel-default > .panel-heading a.collapsed::before,
	#content .pathwaylisting.panel-default > .panel-heading a::before
	{
		content: "";
		display: none;
	}
	
	#content .pathwaylisting.panel-default > .panel-heading a:hover
	{
		text-decoration: none !important;
	}
	
	#content .pathwaylisting.panel-default.pw-home > .panel-heading h2 a
	{
		background-color: #FFFFFF;
	}
    
    #content .pathwaylisting.panel-default > .panel-heading h2 a span.pw-image
    {
		position: absolute;
		top: 0;
		left: 0;
		width: 300px;
		height: 300px;
		background-color: #00539B;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	#content .pathwaylisting.panel-default.pw-home > .panel-heading h2 a span.pw-image
	{
		width: 298px;
		height: 298px;
		background-color: #FFFFFF;
		background-size: auto;
		background-position: center center;
	}
	
	#content .pathwaylisting.panel-default > .panel-heading h2 a span.pw-headertext
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 5px;
		background-color: #002B5C;
		display: block;
	}
	
	#content .pathwaylisting.panel-default.pw-home > .panel-heading h2 a span.pw-headertext
	{
		background-color: #FFFFFF;
		color: #000000;
		bottom: auto;
		top: 225px;
		text-align: center;
	}
	
	#content .panel-group .pathwaylisting.panel .panel-body
	{
		padding: 0;
		font-size: 11pt; /*80%;*/
	}
	
	#content .panel-group .pathwaylisting.panel .panel-collapse
 	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 330px;
		background-color: rgba(255, 255, 255, 0.9);
	}
	
	#content .panel-group .pathwaylisting.pw-home.panel .panel-collapse
	{
		height: 296px;
	}
	
	#content .panel-group .pathwaylisting.panel .panel-collapse
 	{
		background-color: rgba(255, 255, 255, 0.95);
	}
	
	#content .panel-group .pathwaylisting.panel .panel-collapse.in,
	#content .panel-group .pathwaylisting.panel .panel-body
	{
		height: 330px; /*182px;*/
	}
	
	#content .panel-group .pathwaylisting.pw-home.panel .panel-collapse.in,
	#content .panel-group .pathwaylisting.pw-home.panel .panel-body
	{
		height: 326px;
	}
	
	#content .pathwaylisting .panel-body a.pwl,
	#content .pathwaylisting .panel-body a.pwl:hover
	{
		display: block;
		padding: 10px;
		text-decoration: none !important;
		height: 100%;
	}
	
	.pathwaylisting .panel-body a.pwl .pw-desc
	{
		color: #000000;
		padding: 0 0 10px 0;
	}
	
	.pathwaylisting .panel-body a.pwl .pw-link
	{
		font-weight: bold;
		color: #003896;
	}
	
	.pathwaylisting .panel-body a.pwl .pw-link::after
	{
		content: " >";
		color: #000000;
	}
		
	/* College Innovation Listings */
	#content div.cil-description
	{
		margin-bottom: 30px;
	}
	
	/* DMACC Daily Blog Styles */
	#content h2.blog-title
	{
		margin: 10px 0 0 10px;
		padding:1px 0px 2px 5px;
		font-weight: bold;
		font-style:normal;
		background-color:#cfd4d8;
		width: 95%;		
	}
	
	#content .blog-date
	{
		margin: 0 5px 10px 10px;
		padding:0 5px 1px 0;
		font-size: 80%;
		color:#ffffff;
		text-align:right;
		background-color:#002B5C;
		width: 95%;
		max-width: 1000px;
	}
	
	#content .blog-content, #content .blog-content *
	{
		font-size: 100% !important;
		color: #000000;
	}
	
	#content .blog-content
	{
		margin: 0 10px 20px 20px;
		max-width: 975px;
	}
	
	#content .blog-content p, #content .ms-PostBody p
	{
		margin: 10px 0 0 0;
	}
	
	#content .ms-PostTitle, #content .ms-PostFooter
	{
		padding: 0;
		margin: 0;
		color: #000000;
	}
	
	#content .ms-blog-postList
	{
		min-width: 0;
		width: auto;
	}
	
	#content .ms-PostBody
	{
		padding: 0;
		margin: 10px 0 10px 0;
		color: #000000;
		font-size: 100%;
		line-height: normal;
	}
	
	#main .ms-blog-postBody img,
	#main .blog-content img
	{
		max-width: 100%;
		height: auto !important;
	}
	
	#content .ms-rightblogpost
	{
		padding: 0 10px;
		margin: 0;
	}
	
	#content .ms-PostFooter, #content .ms-CommentFooter
	{
		padding-bottom: 0;
	}
	/* End DMACC Daily Blog Styles */
	
	/* Program Listings */
	#main #content h3.programname,
	#main #content h4.programname
	{
		font-weight: normal;
		margin: 20px 0 0 0;
	}
	
	#main #content .programlisting div
	{
		margin-left: 25px;
	}
	
	#main #content .programname .pd-asterisk
	{
		color: #003896;
		font-size: 14pt;
		/*font-weight: bold;*/
		margin: 0; /* 0 0 5px;*/
	}
	
	/* Scholarship Listings */
	#content div.scholarshiplisting h2
	{
		margin: 30px 0 0 0;
	}
	
	#content div.scholarshiplisting div
	{
		margin: 0;
	}
		
	#content div.scholarshiplisting div div, #content div.scholarshiplisting div div p
	{
		margin: 0;
	}
	
	#content div.scholarshiplisting div div p
	{
		margin-bottom: 10px;
	}
	/* End Scholarship Listings */
	
	/* Transfer Fair Listings */
	#main div.tf h3
	{
		margin: 30px 0 0 0;
		font-size: 100%;
		font-weight: bold;
	}
	
	#main div.jv h2
	{
		margin-bottom: 0;
		margin-top: 30px;
	}
	
	.jv-description
	{
		margin: 10px 0;
	}
	
	/* TLC Summer Instutute Session Listings */
	.sessionlisting
	{
		margin: 30px 0 0 0;
	}
	
	.sessionlisting div
	{
		max-width: 1000px;
	}
	
	#main #content h3.sessionheading
	{
		margin: 0;
		font-size: 100%;
		font-weight: bold;
	}
	
	/* Admissions Checklist */
	#content img.climg
	{
		vertical-align: middle;
		padding: 2px;
	}
	
	/* Food Options */
	.foodoption
	{
		margin: 20px 0;
	}
	
	#main h2.foodoptionheader
	{
		font-size: 20pt;
		font-weight: 400;
		margin: 40px 0 10px 0;
	}
	
	#main h3.fo-name
	{
		font-size: 16pt;
		font-weight: bold;
		margin: 10px 0 0 0;
	}
	
	.fo-hours, .fo-location
	{
		margin: 0;
		padding: 0 10px;
	}
	
	.fo-description
	{
		margin: 10px 0 0 0;
		padding: 0 10px;
	}
	
	#main .fo-hours div, /*#main .fo-hours p,*/
	#main .fo-location div/*, #main .fo-location p*/
	{
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
	
	#main .fo-hours p, #main .fo-location p
	{
		margin-bottom: 0;
	}
	
	/* About Program */
	.cam-content h1
	{
		text-transform: uppercase;
	}
	
	/* Southridge Community Resources */
	.communityResource
	{
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#main .communityResource h3
	{
		font-size: 16pt;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	#main .communityResource div,
	#main .communityResource p
	{
		margin: 0;
		padding: 0;
	}
	
	/* Gainful Employment Disclosures */
	#main h1#pageTitle.ge-title
	{
		border-bottom: 2px solid #003896;
		margin-top: 25px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	#main h3.ge-licensereq, #main h3.ge-warning, #main p.ge-moreinfo
	{
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #003896;
	}
	
	/* Policy/Procedure Displays */
	#main h1#pageTitle.pp-title
	{
		margin-top: 25px;
	}
	
	#main h2.pp-relatedheader
	{
		font-size: 100%;
	}
	
	/* RSS Feeds */
	#main .rss-item h2
	{
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.rss-item div
	{
		max-width: 1000px;
	}
	
	/* Search Results */
	.ms-srch-hover-subTitle
	{
		display: none;
	}
	
	.ms-srch-hover-action a[title~=library]
	{
		display: none;
	}
	
	table[style*="table-layout"],
	table[style*="table-layout"] tr,
	table[style*="table-layout"] td,
	table[style*="table-layout"] div,
	table[style*="table-layout"] img
	{
		height: auto !important;
		max-width: 100% !important;
	}
	
	table a[id*="MSOPictureLibrarySlideshowWebPart"] img
	{
		display: block;
		width: 100%;
	}
	
	/* Office Hours */
	h3.oh-name  
	{
		margin-top: 20px !important;
		margin-bottom: 0 !important;
		color: #00539B !important;
	}
	
	/* Misc */
	#content .ms-vh, #content .ms-vh2, #content .ms-vh-icon, #content .ms-vh-icon-empty, 
	#content .ms-vh2-nofilter, #content .ms-vh2-nofilter-notextalign, #content .ms-vh2-nofilter-perm, 
	#content .ms-vhImage, #content .ms-vh2-nograd, #content .ms-vh3-nograd, 
	#content .ms-vh2-nograd-icon, #content .ms-vh2-nofilter-icon, .ms-ph
	{
		color: #666666;
	}
	
	#main legend
	{
		border-bottom: none;
	}
	
	/* Water Partners */
	.wpartnerlogos a
	{
		display: inline-block;
		width: 150px;
		height: 150px;
		margin: 0 30px 15px 0;
	}
	
	#main .wpartnerlogos a img
	{
		width: 100%;
	}
	
	/* Mailing List Form */
	.ml_row
	{
		padding: 10px 0;
		border-top: 1px solid #CCCCCC;
		clear: both;
		width: 325px;
		max-width: 100%;
		font-size: 80%;
	}
	
	.ml_row.ml_first
	{
		border-top: none;
	}
	
	#content .ml_row label
	{
		float: none;
		clear: none;
		margin-left: auto;
		width: auto;
		margin-bottom: auto;
		font-weight: normal;
		display: block;
		width: 100%;
	}
	
	#content .ml_row input
	{
		width: 100%;
		display: inline;
	}
	
	.ml_row.ml_submit
	{
		border-top: none;
		text-align: center;
	}
	
	#content .ml_row input[type="button"],
	#content .ml_row input[type="submit"]
	{
		width: auto;
		text-align: center;
		margin: 0 auto;
	}
	
	#content .ml_thankyoumsg
	{
		font-size: 80%;
	}
	
	/* CA Student Impact */
	.caImpact
	{
		width: 100%;
		max-width: 900px;
		padding: 0;
		margin: 0;
	}
	
	#main h2#caiSY
	{
		margin-top: -10px;
		border-top: 1px solid #000000;
	}
	
	#caiClassesh::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/brain-Orange165.png');
	}
	
	.caiTN
	{
		display: inline-block;
		width: 400px; /*250px;*/
		margin: 0 20px 20px 0;
		padding: 10px;
		text-align: center;
		vertical-align: top;
		font-size: 20pt;
		color: #003896;
	}
	
	.caiTN .caNumber
	{
		display: block;
		font-size: 48pt;
	}
	
	.caiSN
	{
		font-size: 20pt;
		margin: 0 0 10px 0;
		width: 100%;
		display: table-row;
		vertical-align: middle;
	}
	
	.caiSN .caNumber
	{
		display: table-cell;
		width: 100px;
		text-align: right;
		vertical-align: middle;
		font-size: 26pt;
	}
	
	.caiSN .caText
	{
		display: table-cell;
		vertical-align: middle;
		padding: 10px;
	}		
	
	#caiCreditsEarnedHS::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/schoolBuilding-Blue287.png');
		display: table-cell;
		vertical-align: middle;
		width: 85px;
	}
	
	#caiCreditsEarnedOnline::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/laptop.png');
		display: table-cell;
		vertical-align: middle;
		width: 85px;
	}
	
	#caiCreditsEarnedCareerAcademy::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/DMACC%20Pennant.png');
		display: table-cell;
		vertical-align: middle;
		width: 85px;
	}
	
	#caiCertifiedInstructors::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/inClassLecture-Blue287.png');
		display: table-cell;
		vertical-align: middle;
		width: 85px;
	}
	
	#caGraduates
	{
		border-top: 1px solid #000000;
	}
	
	#caGraduates::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/graduationCap-Orange165.png');
	}
	
	.caiGN
	{
		display: inline-block;
		margin: 0 20px 20px 0;
		padding: 10px;
		text-align: center;
		vertical-align: top;
		font-size: 20pt;
	}
	
	#caiHSAttending
	{
		width: 250px;
	}
	
	#caiEarningDegree
	{
		width: 500px;
	}
	
	.caiGN .caNumber
	{
		display: block;
		font-size: 32pt;
	}
	
	#caiTuition
	{
		border-top: 1px solid #000000;
	}
	
	#caiTuition::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/money-Orang165.png');
		margin-right: 5px;
	}
	
	.caiTU
	{
		display: inline-block;
		margin: 0 20px 20px 0;
		padding: 10px 10px 10px 90px;
		text-align: center;
		vertical-align: top;
		font-size: 20pt;
		width: 400px;
		position: relative;
	}
	
	.caiTU .caNumber
	{
		display: block;
		font-size: 36pt;
		text-align: center;
	}
	
	#caiTotalTuitionSaved::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/handWithCoins-Blue287.png');
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	#caiTuitionSavedPerStudent::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/calculator-Blue287.png');
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	/* DMACC Day Info */
	#main div.ddinfo
	{
		clear: left;
		margin-bottom: 40px;
		max-width: 1000px;
	}
	
	#main .ddinfo h2
	{
		margin-bottom: 0;
	}
	
	#main .ddinfo h3
	{
		margin-top: 0;
		font-size: 100%;
		font-weight: bold;
	}
	
	#main .button-white
	{
		float: left;
		margin: 10px 30px 40px 0;
	}
	
	#main .ddi-links .button-white:nth-child(3n+1)
	{
		clear: left;
	}
	
	/* CET Employer Listings */
	#main .cetemployer h2
	{
		margin-bottom: 0;
	}
	
	#main .cetemployer h3
	{
		margin: 10px 0 0 0;
		font-size: 16pt;
		font-weight: bold;
	}
	
		
	
	/* CA Webinar Listings */
	#main div.ca_webinar
	{
		margin-top: 40px;
		max-width: 1000px;
	}
	
	#main .ca_webinar h2
	{
		margin-bottom: 0;
	}
	
	#main .ca_webinar div.caw-date
	{
		color: #003896;
		margin-bottom: 10px;
	}
	
	#main .ca_webinar .button-white
	{
		float: none;
		width: 200px;
	}
	
	#main h2.fa-groupheader
	{
		clear: left;
		margin-top: 30px;
		border-bottom: 1px solid #003896;
		max-width: none;
	}
	
	#sitebannerhome
	{
		position: relative;
		background-color: #FFFFFF;
	}
	
	/* Slideshow */
	#main #slideshow1 img
	{
		width: 100%;
		height: auto;
	}
	
	#main #content .carousel
	{
		max-width: 700px;
	}
	
	#slideshow1 div.carousel-caption
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: left;
		text-shadow: none;
		background-image: linear-gradient(to right, rgba(0,43, 92, 0.7) 0, rgba(0,0,0,0) 100%);
	}
	
	#main #slideshow1 .carousel-caption h2
	{
		color: #FFFFFF;
		text-shadow: 1px 1px #000000, -1px 1px #000000, 1px -1px #000000, -1px -1px #000000;
		font-size: 4vw;
		margin: 0 0 0 20px;
	}
	
	#main #slideshow1 .carousel-caption div
	{
		color: #FFFFFF;
		text-shadow: 1px 1px #000000, -1px 1px #000000, 1px -1px #000000, -1px -1px #000000;
		font-size: 1.75vw;
		margin: 0 0 0 40px;
	}
	
	#main #slideshow1 .carousel-caption div::after
	{
		content: " »";
	}
	
	#slideshow1 .carousel-control.right,
	#slideshow1 .carousel-control.left
	{
		background-image: none;
		max-width: 30px !important;
		text-shadow: 1px 1px #000000, -1px 1px #000000, 1px -1px #000000, -1px -1px #000000;
		color: #FFFFFF !important;
		opacity: 1 !important;
		outline: none !important;
	}
	
	#slideshow1 .slide
	{
		position: relative;
	}
	
	#slideshow1.carousel-fade .carousel-inner .item
	{
		-webkit-transition-property: opacity;
		transition-property: opacity;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#slideshow1.carousel-fade .carousel-inner .item,
	#slideshow1.carousel-fade .carousel-inner .active.left,
	#slideshow1.carousel-fade .carousel-inner .active.right
	{
		opacity: 0;
	}
		
	#slideshow1.carousel-fade .carousel-inner .active,
	#slideshow1.carousel-fade .carousel-inner .next.left,
	#slideshow1.carousel-fade .carousel-inner .prev.right
	{
		opacity: 1;
	}
		
	#slideshow1.carousel-fade .carousel-inner .next,
	#slideshow1.carousel-fade .carousel-inner .prev,
	#slideshow1.carousel-fade .carousel-inner .active.left,
	#slideshow1.carousel-fade .carousel-inner .active.right
	{
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
		
	#slideshow1.carousel-fade .carousel-control 
	{
		z-index: 2;
	}
	
	/*** Footer ***/
	#pagefooter
	{
		overflow: hidden;
		background-color: #002B5C;
	}
	
	#s4-bodyContainer div.row#pagefooter1
	{
		clear: both;
		background-color: #01447B;
		color: #FFFFFF;
		margin: 0 -51px;
		padding: 75px;
		border-left: 100px solid #E0321F;
		border-right: 101px solid #01447B;
		transform: skewX(-19deg);
		height: 295px;
		overflow: visible;
	}
	
	#pagefooter1 div
	{
		padding-left: 0;
		padding-right: 30px;
		transform: skewX(19deg);
	}
	
	#pagefooter1 div div
	{
		transform: none;
		padding-right: 0;
	}
	
	#pagefooter1 div#footerlogo
	{
		padding-left: 30px;
		padding-right: 0;
	}
	
	#pagefooter1 div#footercontact
	{
		padding-left: 0;
		padding-right: 30px;
	}
	
	.fc-number
	{
		font-weight: bold;
	}
	
	#pagefooter1 img
	{
		max-width: 100%;
	}
	
	#pagefooter1 ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 10px;
		border-left: 1px solid #CFD4D8;
		font-size: 80%;
	}
	
	#pagefooter1 li
	{
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#pagefooter1 a, #pagefooter1 a:link, #pagefooter1 a:hover, #pagefooter1 a:visited
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#pagefooter1 a:hover
	{
		text-decoration: underline;
	}
	
	#pagefooter1 a#accrlink
	{
		display: block;
		background-color: #352B68;
		text-align: center;
		font-size: 14px;
		padding: 3px;
		margin: 10px 0 0 0;
		letter-spacing: 1px;
		max-width: 217px;
	}
	
	#pagefooter1 a#accrlink:hover
	{
		text-decoration: none;
	}
	
	#footercontact
	{
		text-align: center;
	}
	
	#pagefooter1 h4, #pagefooter1 p
	{
		margin-top: -25px;
		font-size: 100%;
		font-weight: bold;
	}
	
	#s4-bodyContainer div.row#pagefooter2
	{
		background-color: #002B5C;
		border-bottom: 5px solid #E0321F;
		border-right: 65px solid #E0321F;
		border-left: 66px solid #002B5C;
		margin: 0 -33px;
		padding: 40px 0;
		text-align: center;
		transform: skewX(-20deg);
	} 
	
	#pagefooter2 div
	{
		transform: skewX(20deg);
	}
	
	#socialmedia img
	{
		width: 75px;
		max-width: 12%;
	}
	
	#donation img
	{
		width: 225px;
		max-width: 40%;
	}
	
	/******************************************
	#donation a,
	#donation3 a
	{
		display: inline-block;
		background-color: #178E00;
		color: #FFFFFF;
		border-radius: 8px;
		font-size: 20pt;
		font-weight: 200;
		text-decoration: none !important;
		padding: 20px;
		transition-duration: 0.4s;
	}
	
	#donation a span
	{
		font-size: 24pt;
	}
	
	#donation3 a
	{
		font-size: 16pt;
		padding: 10px;
	}
	
	#donation3 a span
	{
		font-size: 20pt;
	}
	
	#donation a:hover,
	#donation3 a:hover
	{
		background-color: #E0321F;
		text-decoration: none;
	}******************************************/
	
	#s4-bodyContainer div.row#pagefooter3
	{
		clear: both;
		background-color: #002B5C;
		color: #FFFFFF;
		margin: 0 -22px;
		padding: 20px 20px 0 20px;
		border-top: 5px solid #E0321F;
		border-left: 15px solid #E0321F;
		border-right: 15px solid #002B5C;
		text-align: center;
		transform: skewX(-10deg);
	}
	
	#s4-bodyContainer div.row#pagefooter3 div
	{
		margin: 0 auto;
		padding-bottom: 10px;
		transform: skewX(10deg);
	}
	
	#s4-bodyContainer div.row#pagefooter3 div div
	{
		transform: none;
	}
	
	#footerlink3 img
	{
		width: 120px;
	}
	
	#donation3 img
	{
		width: 150px;
	}
	
	#pagefooter3 #accrlink3 a
	{
		background-color: #352B68;
 		text-align: center;
		font-size: 100%;
		color: #FFFFFF;
		padding: 3px;
		margin: 10px 0 0 0;
		letter-spacing: 3px;
	}
	
	#s4-bodyContainer div.row#pagefooter4
	{
		clear: both;
		background-color: #00539B;
		color: #FFFFFF;
		margin: 0 -47px;
		padding: 20px 0 0 0;
		text-align: center;
		transform: skewX(-10deg);
		border-right: 25px solid #E0321F;
		border-left: 25px solid #00539B;
		border-bottom: 5px solid #E0321F;
	}
	
	#s4-bodyContainer div.row#pagefooter4 div
	{
		transform: skewX(10deg);
		margin-left: -70px;
	}
	
	#s4-bodyContainer div.row#pagefooter4 div div
	{
		padding-bottom: 40px;
		transform: none;
		margin-left: 0;
	}
	
	#s4-bodyContainer div.row#pagefooter4 div#socialmedia4
	{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	
	#s4-bodyContainer div.row#pagefooter4 div.footer4left
	{
		text-align: right;
	}
	
	#s4-bodyContainer div.row#pagefooter4 div.footer4right
	{
		text-align: left;
	}
	
	#pagefooter4 h4, #pagefooter4 p
	{
		font-size: 100%;
		font-weight: bold;
	}
	
	#socialmedia4 img
	{
		width: 50px;
	}
	
	#pagefooter4 ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 80%;
	}
	
	#pagefooter4 .footer4right ul
	{
		border-left: 1px solid #CFD4D8;
		margin-left: -15px;
		padding-left: 15px;
	}
	
	#pagefooter4 li
	{
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#pagefooter4 a, #pagefooter4 a:link, #pagefooter4 a:hover, #pagefooter4 a:visited
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#pagefooter4 a:hover
	{
		text-decoration: underline;
	}
	
	#s4-bodyContainer div.row#copyright
	{
		text-align: center;
		margin: 0;
		padding: 25px 10px;
		background-color: #FFFFFF
	}
}

@media screen and (max-width: 1249px)
{
	#sitebanner h1#siteTitle, #sitebanner div#siteTitle,
	#sitebannervideo h1#siteTitle, #sitebannervideo div#siteTitle
	{
		font-size: 300%;
	}
	
	/* Responsive Tables */
	table.responsive#wetjobs, table.responsive#wetjobs tbody, table.responsive#wetjobs tr
	{
		display: block;
		clear: both;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	table.responsive#wetjobs tr.headings, table.responsive#wetjobs th
	{
		display: none;
	}
	
	table.responsive#wetjobs tr
	{
		border-right: none;
		border-right: none;
		border-bottom: 1px solid #000000;
		border-left: none;
	}
	
	table.responsive#wetjobs td
	{
		clear: both;
		float: left;
		width: 100%;
		margin: 0;
		padding: 3px;
		border-right: none;
		border-right: none;
		border-bottom: 1px solid #CFD4D8;
		border-left: none;
		font-size: 12pt;
	}
	
	table.responsive#wetjobs td::before
	{
		content: attr(data-label);
		font-weight: bold;
		float: left;
		width: 100px;
	}
	
	table.responsive#wetjobs td:first-child
	{
		padding-top: 10px;
	}
	
	table.responsive#wetjobs td:last-child
	{
		padding-bottom: 10px;
		border-bottom: none;
	}
}

/***** STYLES FOR MOBILE DEVICES/SMALL SCREENS *****/
@media screen and (max-width: 767px)
{
	/* Hide "SharePoint" header and "Sites" link on small screens */
	html body #ms-designer-ribbon div.o365cs-nav-o365Branding
	{
		display: none !important;
	}
	
	#signinlink
	{
		display: none;
	}
		
	#signinlink a
	{
		color: #FFFFFF;
	}
	
	/*** Temporary CV Banner ***/
	#cvAlert h2, #cvAlert p
	{
		font-size: 1.1em;
	}
	
	/*** Site Banner ***/
	#sitebanner, #sitebannervideo
	{
		height: 30px;
	}
	
	/*** Top Navigation ***/
	#topnavcontainer div.navbar-header
	{
		overflow: hidden;
	}
	
	#topnavcontainer div.navbar
	{
		border-bottom: none;
	}
	
	#topnavcontainer div.navbar-default
	{
		background-color: #002B5C;
	}
	
	#topnavcontainer button
	{
		display: inline;
		float: left;
		border: none;
		background-color: #002B5C;
		width: auto;
		margin: 0;
		padding: 20px;
		min-width: 0;
	}
	
	#topnavcontainer button .icon-bar
	{
		background-color: #FFFFFF;
	}
	
	#topnavcontainer .navbar-brand
	{
		display: block;
		text-align: center;
		float: none;
		background-color: #002B5C;
		margin: 0;
		padding: 10px 0;
		border-bottom: none;
		height: auto !important;
	}
	
	#topnavcontainer .navbar-brand img
	{
		height: 54px;
		width: 128px;
		margin: 5px 0 0 0;
	}
	
	#topnavcontainer #searchlink
	{
		float: right;
		width: 62px;
		margin: 0;
		padding: 20px;
	}
	
	#topnavcontainer #searchlink a
	{
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		color: #FFFFFF !important;
		font-size: 150%;
	}
	
	#topnavcontainer ul
	{
		margin: 0;
	}
	
	#topnavcontainer ul li a
	{
		letter-spacing: 1px;
	}
	
	#topnavright
	{
		margin: 0;
		padding: 0 0 10px 0;
		background-color: #FFFFFF;
	}
	
	#topnavright a, #topnavright a:link, #topnavright a:hover, #topnavright a:visited
	{
		display: block;
		padding: 10px 10px;
	}
	
	/*** Search box ***/
	#wp-search
	{
		display: none;
	}
	
	#topnavright #wp-search a, #topnavright #wp-search a:link,
	#topnavright #wp-search a:hover, #topnavright #wp-search a:visited
	{
		float: right;
	}
	
	#topnavcontainer div#slogan2
	{
		margin: 0;
		padding: 3px 0;
		background-color: #002B5C;
		color: #FFFFFF;
		text-transform: uppercase;
		text-align: center;
		border-top: 5px solid #E0321F;
	}
	
	/*** Site Banner ***/
	a#applyLink, a#contactLink, a#visitLink
	{
		display: none !important;
	}
	
	#sitebanner, #sitebannervideo
	{
		overflow: visible;
		margin-bottom: 46px;
	}
	
	#sitebanner h1#siteTitle, #sitebanner div#siteTitle,
	#sitebannervideo h1#siteTitle, #sitebannervideo div#siteTitle
	{
		position: absolute;
		bottom: -34px; /*-46px;*/
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		background: rgba(0, 43, 92, 0.8) url('');
		color: #FFFFFF;
		line-height: 1.0;
		text-align: center;
		font-size: 24px; /*36px;*/
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	/*** Number Circles ***/
	.sn-group
	{
		padding: 20px 40px 20px 40px;
		position: relative;
	}
	
	#sitenumbers .sn-group a
	{
		position: absolute;
		font-size: 400%;
		top: 55px;
		color: #000000 !important;
	}
	
	#sn-previous
	{
		left: 10px;
	}
	
	#sn-next
	{
		right: 10px;
	}
	
	.sn-circle
	{
		width: 100%;
		margin: 0;
		min-height: 155px;
	}
	
	.sn-outer
	{
		display: none;
	}
	
	.sn-outer:first-child
	{
		display: block;
	}
	
	.sn-text
	{
		font-size: 14px;
	}
	
	/* Numbers 2020 */
	.sn2020-group
	{
		padding: 20px 40px 20px 40px;
		position: relative;
		margin-bottom: 40px;
	}
	
	#sitenumbers .sn2020-group a
	{
		position: absolute;
		font-size: 400%;
		top: 0;
		color: #000000 !important;
		background-color: #FFFFFF;
	}
	
	#sn2020-previous
	{
		/*left: 10px;*/
		left: 0;
		top: 0;
		padding: 10px;
		height: 195px;
		line-height: 195px;
	}
	
	#sn2020-next
	{
		/*right: 10px;*/
		right: 0;
		top: 0;
		padding: 10px;
		height: 195px;
		line-height: 195px;
	}
	
	.sn2020-item
	{
		width: 100%;
		margin: 0;
		min-height: 155px;
	}
	
	.sn2020-outer
	{
		display: none;
	}
	
	.sn2020-outer:first-child
	{
		display: block;
	}
	
	.sn2020-text
	{
		font-size: 14px;
	}
	
	/*** Left Nav ***/
	#left ul#toggleLeftNav, #left ul#toggleLeftNav li
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#left ul#toggleLeftNav li a, #left ul#toggleLeftNav li a:link,
	#left ul#toggleLeftNav li a:hover, #left ul#toggleLeftNav li a:visited,
	#left ul#toggleLeftNav li a:active
	{
		display: block;
		margin: 0 0 15px 0;
		padding: 15px;
		color: #FFFFFF;
		background-color: #E0321F;
		font-size: 14px;
		font-weight: 200;
		text-decoration: none;
		line-height: normal !important;
		text-align: center;
	}
	
	#leftToggledContent
	{
		display: none;
	}

	/* Web Parts */
	#content .ms-webpart-cell-horizontal
	{
		display: block;
	}
	
	#main
	{
		position: relative;
	}
	
	#sm-links
	{
		position: absolute;
		top: 0;
		left: 30px;
		text-align: left;
	}
	
	.st-bio:before, .st-bio:after,
	.wt-bio:before, .wt-bio:after
	{
		position: static;
		font-size: 20pt;
	}
	
		
	/* Responsive Tables */
	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td
	{
		display: block;
		clear: both;
		float: left;
		width: 100% !important;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	table.responsive tr.headings, table .responsive th
	{
		display: none;
	}
	
	table.responsive tr
	{
		border-right: none;
		border-right: none;
		border-bottom: 1px solid #000000;
		border-left: none;
	}
	
	table.responsive td
	{
		clear: both;
		float: left;
		width: 100%;
		margin: 0;
		padding: 3px;
		border-right: none;
		border-right: none;
		border-bottom: 1px solid #CFD4D8;
		border-left: none;
		font-size: 12pt;
	}
	
	table.responsive td::before
	{
		content: attr(data-label);
		font-weight: bold;
		float: left;
		width: 100px;
	}
	
	table.responsive.resp-na td::before
	{
		float: none;
		width: 100%;
		display: block;
	}
	
	table.responsive td:first-child
	{
		padding-top: 10px;
	}
	
	table.responsive td:last-child
	{
		padding-bottom: 10px;
		border-bottom: none;
	}
	
	table.responsive.preed td
	{
		padding-left: 100px;
	}
	
	table.responsive.preed td:first-child::before
	{
		content: 'Course';
		margin-left: -100px;
	}
	
	table.responsive.preed td:nth-child(2)::before
	{
		content: 'Credits';
		margin-left: -100px;
	}
	
	table.responsive.preed td:nth-child(3)::before
	{
		content: 'Notes';
		margin-left: -100px;
	}
}

/***** STYLES FOR LARGER SCREENS *****/
@media screen and (min-width: 768px)
{
	.hc2
	{
		width: 50%;
		margin: 0 0 10px 0;
		padding: 0 10px;
		float: left;
	}
}

@media screen and (min-width: 768px)
{
	#s4-bodyContainer div#main
	{
		padding-bottom: 80px;
	}
	
	#left
	{
		margin: 0 0 0 0;
	}
	
	#content
	{
		margin: 25px 120px 0 0;
	}
	
	#sitenumbers #sm-links
	{
		margin-right: 150px;
	}
	
	/*** Top Navigation ***/
	#topnavcontainer div.navbar-default
	{
		border-top: 70px solid #FFFFFF;
		border-left: none;
		border-right: none;
		height: 135px;
	}
	
	#topnavright
	{
		position: absolute;
		top: -65px;
		right: 10px;
		width: 650px;
		margin: 0 0 0 287px;
		text-align: right;
		transform: skewX(20deg);
	}
	
	#topnavright img
	{
		height: 47px;
	}
	
	#topnavcontainer div#wp-search
	{
		margin-left: 10px;
	}
	
	#topnavcontainer .navbar-brand
	{
		position: relative;
		margin: -70px 0 0 -39px;
		padding: 0;
		z-index: 100;
		height: auto;
		box-shadow: 0 0 30px #000000;
		transform: skewX(-20deg);
		border-left: 58px solid #E0321F;
		line-height: normal;
	}
	
	#homelink
	{
		border-bottom: 5px solid #E0321F;
	}
	
	.navbar-brand img
	{
		display: block;
		padding: 25px 20px;
		transform: skewX(20deg);
	}
	
	.navbar-brand #slogan1
	{
		transform: skewX(20deg);
		padding: 10px 0;
		height:35px;
	}
	
	#topnavcontainer
	{
		overflow-x: hidden !important;
		position: relative;
	}
	
	#topnavcontainer .navbar-collapse
	{
		border-right: 50px solid #E0321F;
		transform: skewX(-20deg);
		margin-right: -37px;
		height: 65px !important;
	}
	
	#topnavcontainer ul
	{
		transform: skewX(20deg);
	}
	
	/*** Search box ***/
	#topnavcontainer div#wp-search
	{
		float: right;
		margin: 0px 9px 9px 9px;
		display: inline-block;
		vertical-align: middle;
	}
	
	#content
	{
		position: relative;
	}
	
	#sm-links
	{
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#sitebanner, #sitebannervideo
	{
		margin-top: -50px;
	}
	
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 10px;
	}
	
	/*.il-instructor.il-adj
	{
		float: left;
		width: 50%;
		padding-right: 30px;
		clear: none;
	}
	
	.il-instructor.il-adj:nth-child(2n)
	{
		padding-right: 0;
	}
	
	.il-instructor.il-adj:nth-child(2n+1)
	{
		clear: left;
	}*/
}

@media screen and (min-width: 850px)
{
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 12px;
	}
}

@media screen and (min-width: 768px) and (max-width: 959px)
{
	#topnavright
	{
		width: 565px;
	}
	
	/*#topnavright img[alt="Ask a Question"]
	{
		height: 35px !important;
		margin-top: -5px;
		width: auto !important;
	}*/
	
	#topnavcontainer div#wp-search
	{
		margin: 9px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1379px)
{
	#topnavright img[alt="myDMACC"]
	{
		margin-top: 1px;
	}
}

@media screen and (min-width: 1000px /*861px*/)
{
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-right: 7px;
		padding-left: 7px;
		font-size: 14px;
	}
}

@media screen and (min-width: 1110px /*960px*/)
{
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-right: 10px;
		padding-left: 10px;
		/*font-size: 14px;*/
		letter-spacing: 1px;
	}
}

@media screen and (min-width: 1192px)
{
	/*#topnavcontainer div#wp-search
	{
		margin: 5px 9px 9px 9px;
	}*/
	
	#topnavright
	{
		/*top: -45px;
		left: 0;
		width: auto;*/
		width: 1000px;
	}
	
	/*#topnavright a
	{
		margin-top: -10px;
	}
	
	#topnavright a:first-child
	{
		margin-top: 0;
	}
	
	#wp-search .ms-srch-sb-border, #wp-search .ms-srch-sb-borderFocused, #wp-search2 .ms-srch-sb-border, #wp-search2 .ms-srch-sb-borderFocused
	{
		margin-top: 5px;
	}*/
}

@media screen and (min-width: 1195px)
{
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		font-size: 16px;
	}
	
	#topnavright a, #topnavright a:link, #topnavright a:hover, #topnavright a:visited
	{
		padding: 0 10px;
	}
}

@media screen and (min-width: 1230px)
{
	#content #leftcontent, #content #rightcontent
	{
		padding-right: 10px;
		padding-left: 10px;
	}
	
	#content #centercontent, #content #centercontent2
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	/*#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-right: 20px;
		padding-left: 20px;
	}*/
	
	/* Colored Boxes */
	#content .box1, #content .box2, #content .box3
	{
		display: inline-block;
		margin: 0 10px 10px 0;
	}
	
	.box1, .box2, .box3
	{
		width: 30%;
		max-width: 310px;
	}
	
	/* Half Column Boxes */
	#content .halfbox1, #content .halfbox2, #content .halfbox3, #content .halfbox4
	{
		display: inline-block;
		margin: 0 10px 10px 0;
	}
	.halfbox1, .halfbox2, .halfbox3, .halfbox4
	{
		width: 46%;
		max-width: 500px;
	}
	
	/* Phone Listing */
	.searchbox
	{
		float: left;
		width: 200px;
		margin: 0 10px 10px 10px;
	}
	
	.facdir
	{
		width: 150px;
	}
	
	.fdnote
	{
		clear: both;
	}
	
	.subject
	{
		width: 250px;
	}
	
	.searchbox label, .searchbox input, .searchbox select
	{
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	
	.searchbox select, .searchbox input
	{
		font-size: 100%;
	}
	
	.searchbutton
	{
		margin: 10px;
		clear: both;
		float: left;
	}
	
	.facsearch
	{
		margin: 10px 10px 10px 10px;
		clear: none;
	}
	
	.fadv_search
	{
		background-color: #CFD4D8;
		float: left;
		margin-bottom: 20px;
	}
	
	.fadv_search h2
	{
		padding-left: 10px !important;
	}
	
	.fadv_search .searchbutton
	{
		font-size: 100%;
	}
	
	.advisingstaffsearch img[src=""]
	{
		display: none;
	}
	
	.ads-prgramsh
	{
		margin-top: 10px !important;
	}
}

@media screen and (min-width: 1380px)
{
	#topnavcontainer div#wp-search
	{
		margin: 5px 9px 9px 9px;
	}
	
	#topnavright
	{
		top: -45px;
		left: 0;
		width: auto;
	}
	
	#topnavright a
	{
		margin-top: -10px;
	}
	
	#topnavright a:first-child, #topnavright a:nth-child(2)
	{
		margin-top: 0;
	}
	
	#wp-search .ms-srch-sb-border, #wp-search .ms-srch-sb-borderFocused, #wp-search2 .ms-srch-sb-border, #wp-search2 .ms-srch-sb-borderFocused
	{
		margin-top: 5px;
	}
}

@media screen and (min-width: 1500px)
{
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, 
	#topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-right: 29px;
		padding-left: 29px;
	}
}

@media screen and (max-width: 767px)
{
	#content .ms-webpart-cell-horizontal
	{
		display: block;
	}
}

@media screen and (max-width: 1024px)
{	
	#main .testimonials h3, #main .meetyourprofs h3,
	#main .testimonials div, #main .meetyourprofs div,
	#main .carrollstafflisting div, #main .carrollstafflisting h4
	{
		margin: 0 0 0 0;
		clear: both;
	}
	
	.il-left
	{
		float: none;
	}
	
	#main .instructorlisting .il-left img
	{
		display: block;
		float: none;
		max-width: 90%;
		height: auto;
		margin: 0 auto 30px auto;
		padding: 0;
	}
	
	.il-right
	{
		clear: left;
		margin-left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 859px)
{
	/* Number Circles */
	.sn-group
	{
		padding: 20px 40px 20px 40px;
		position: relative;
	}
	
	.sn-outer
	{
		background-image: none;
		margin: 0;
		padding: 0;
	}
	
	#sitenumbers
	{
		padding: 0;
		position: relative;
	}
	
	#sitenumbers .sn-group a
	{
		position: absolute;
		font-size: 400%;
		top: 55px;
		color: #000000 !important;
		display: block !important;
	}
	
	#sn-previous
	{
		left: 10px;
	}
	
	#sn-next
	{
		right: 10px;
	}
	
	.sn-circle
	{
		width: 100%;
		margin: 0;
		min-height: 155px;
		border: none;
		border-radius: 0;
	}
	
	.sn-outer
	{
		display: none;
	}
	
	.sn-outer:first-child
	{
		display: block;
	}
	
	.sn-text
	{
		font-size: 12.32px;
	}
	
	/* Numbers 2020 */
	.sn2020-group
	{
		padding: 20px 40px 20px 40px;
		position: relative;
		margin-bottom: 40px;
	}
	
	.sn2020-outer
	{
		background-image: none;
		margin: 0;
		padding: 0;
	}
	
	#sitenumbers .sn2020-group a
	{
		position: absolute;
		font-size: 400%;
		top: 0;
		color: #000000 !important;
		display: block !important;
	}
	
	#sn2020-previous
	{
		left: 10px;
	}
	
	#sn2020-next
	{
		right: 10px;
	}
	
	.sn2020-item
	{
		width: 100%;
		margin: 0;
		min-height: 155px;
		border: none;
		border-radius: 0;
	}
	
	.sn2020-outer
	{
		display: none;
	}
	
	.sn2020-outer:first-child
	{
		display: block;
	}
	
	.sn2020-text
	{
		font-size: 12.32px;
	}
	
	/* Footer */
	#s4-bodyContainer div.row#pagefooter1
	{
		padding: 75px 0;
	}
}

@media screen and (min-width: 860px) and (max-width: 1069px)
{
	/* Number Circles */
	#sitenumbers a#sn-previous, #sitenumbers a#sn-next
	{
		display: none;
	}
		
	.sn-group
	{
		margin-bottom: 40px;
		height: 161px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.sn-outer
	{
		display: inline-block;
		vertical-align: top;
		padding: 20px 0px 25px 0px;
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
		background-color: #FFFFFF;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/circle-bottomsm.png');
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	
	.sn-circle
	{
		width: 150px;
		height: 150px;
		font-size: 80%;
		border: 3px solid #002B5C;
		border-radius: 50%;
		overflow: hidden;
		background-size: 35px 35px !important;
		padding-top: 40px;
	}
	
	.sn-text
	{
		font-size: 14px;
	}
	
	.sn-dkblue
	{
		border: 3px solid #00539B;
	}
	
	/* Numbers 2020 */
	#sitenumbers a#sn2020-previous, #sitenumbers a#sn2020-next
	{
		display: none;
	}
		
	.sn2020-group
	{
		margin-bottom: 40px;
		height: 161px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.sn2020-outer
	{
		display: inline-block;
		vertical-align: top;
		padding: 20px 0px 25px 0px;
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.sn2020-item
	{
		width: 150px;
		height: 150px;
		font-size: 80%;
		overflow: hidden;
		background-size: 35px 35px !important;
		padding-top: 40px;
	}
	
	.sn2020-text
	{
		font-size: 14px;
	}
	
	/* Footer */
	#s4-bodyContainer div.row#pagefooter1
	{
		padding: 75px 25px;
	}
}

@media screen and (min-width: 1070px) and (max-width: 1230px)
{
	/* Number Circles */
	#sitenumbers a#sn-previous, #sitenumbers a#sn-next
	{
		display: none;
	}
		
	.sn-group
	{
		margin-bottom: 40px;
		height: 200px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.sn-outer
	{
		display: inline-block;
		vertical-align: top;
		padding: 20px 0px 32px 0px;
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
		background-color: #FFFFFF;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/circle-bottom2.png');
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	
	.sn-circle
	{
		width: 200px;
		height: 200px;
		border: 3px solid #002B5C;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.sn-dkblue
	{
		border: 3px solid #00539B;
	}
	
	/* Numbers 2020 */
	#sitenumbers a#sn2020-previous, #sitenumbers a#sn2020-next
	{
		display: none;
	}
		
	.sn2020-group
	{
		margin-bottom: 40px;
		height: 200px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.sn2020-outer
	{
		display: inline-block;
		vertical-align: top;
		padding: 20px 0px 32px 0px;
		margin-bottom: 0px;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.sn2020-item
	{
		width: 200px;
		height: 200px;
		overflow: hidden;
	}
}

@media screen and (min-width: 1231px)
{
	/* Number Circles */
	#sitenumbers a#sn-previous, #sitenumbers a#sn-next
	{
		display: none;
	}
		
	.sn-group
	{
		margin-bottom: 40px;
		height: 200px;
	}
	
	.sn-outer
	{
		display: inline-block;
		vertical-align: top;
		padding: 20px 0px 32px 0px;
		margin-bottom: 0px;
		margin-left: 20px;
		margin-right: 20px;
		background-color: #FFFFFF;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/circle-bottom2.png');
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	
	.sn-circle
	{
		width: 200px;
		height: 200px;
		border: 3px solid #002B5C;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.sn-dkblue
	{
		border: 3px solid #00539B;
	}
	
	/* Numbers 2020 */
	#sitenumbers a#sn2020-previous, #sitenumbers a#sn2020-next
	{
		display: none;
	}
		
	.sn2020-group
	{
		margin-bottom: 40px;
		height: 200px;
	}
	
	.sn2020-outer
	{
		display: inline-block;
		vertical-align: top;
		padding: 20px 0px 32px 0px;
		margin-bottom: 0px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.sn2020-item
	{
		width: 200px;
		height: 200px;
		overflow: hidden;
	}
}

@media screen and (min-width: 768px) and (max-width: 960px)
{
	/* Top Nav */
	#wp-search .ms-srch-sb-border, #wp-search .ms-srch-sb-borderFocused, #wp-search2 .ms-srch-sb-border, #wp-search2 .ms-srch-sb-borderFocused
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#topnavright img
	{
		margin-top: 5px;
		height: 37px;
		padding-right: 0;
	}
	
	#topnavcontainer div.navbar-default
	{
		border-top: 60px solid #FFFFFF;
	}
	
	#topnavcontainer .navbar-brand
	{
		font-size: 10px;
	}
	
	.navbar-brand img
	{
		height: 121px;
		padding: 25px;
	}
	
	#topnavcontainer div.navbar-default
	{
		height: 105px;
	}
	
	#topnavcontainer .navbar-collapse
	{
		height: 45px !important;
	}
	
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, #topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	
}

@media screen and (min-width: 768px) and (max-width: 860px)
{
	.testimonials img, .meetyourprofs img
	{
		float: none;
	}
	
	.st-student div, .mp-instructor div,
	#main .testimonials h3, #main .meetyourprofs h3
	{
		margin: 0 0 0 0;
	}
	
	.mp-instructor div.mp-bio
	{
		margin-top: 20px;
	}
	
	.st-student, .mp-instructor
	{
		margin-bottom: 20px;
	}
	
	.st-bio:before,.wt-bio:before
	{
		position: static;
		font-size: 20pt;
	}
	
	#sitebanner, #sitebannervideo
	{
		margin-top: -50px; /*-45px;*/
	}
}

@media screen and (min-width: 861px) and (max-width: 1024px)
{
	/* Top Nav 
	#wp-search .ms-srch-sb-border, #wp-search .ms-srch-sb-borderFocused, #wp-search2 .ms-srch-sb-border, #wp-search2 .ms-srch-sb-borderFocused
	{
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	#topnavright img
	{
		margin-top: 0px;
		height: 42px;
		padding-right: 0;
	}
	
	#topnavcontainer .navbar-brand
	{
		font-size: 10px;
	}
	
	.navbar-brand img
	{
		height: 131px;
		padding: 25px;
	}
	
	#topnavcontainer div.navbar-default
	{
		height: 125px;
	}
	
	#topnavcontainer .navbar-collapse
	{
		height: 55px !important;
	}
	
	#topnavcontainer ul li a, #topnavcontainer ul li a:link, #topnavcontainer ul li a:hover, #topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
	{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#sitebanner, #sitebannervideo
	{
		margin-top: -50px; /*-45px;
	}*/
}

@media screen and (max-width: 1199px)
{
	.fc-clear
	{
		clear: both;
	}

	/* Phone Listing */
	.searchbox
	{
		margin: 2px 5px;
		padding: 0;
		width: 350px;
		height: 20px;
		clear: both;
	}
	
	.searchbox label
	{
		float: left;
		width: 150px;
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: normal;
	}
	
	.searchbox input, .searchbox select
	{
		float: left;
		width: 200px;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	.searchbutton, .facsearch
	{
		clear: both;
		float: left;
		margin: 0 0 10px 160px !important;
	}
	
	table.phonelist
	{
		clear: both;
	}
	
	p.fdnote
	{
		clear: both;
	}
}

@media screen and (max-width: 1249px)
{
	#sm-links
	{
		padding-top: 5px;
	}
	
	.sm-followus
	{
		width: 95px;
	}
	
	#sm-links a img
	{
		width: 25px;
	}
}

@media screen and (max-width: 1279px)
{
	#main div.ce-featured
	{
		width: 100%;
		height: auto;
		min-height: 0;
	}
}

@media screen and (max-width: 1339px)
{
	.caImpact .caiTN, .caImpact .caSN, .caImpact .caiGN, .caImpact .caiTU,
	#caiHSAttending, #caiEarningDegree
	{
		width: 100%;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media print
{
	body
	{
		font-family: 'Raleway', sans-serif;
		font-size: 10pt;
	}
	
	body *
	{
		line-height: normal !important;
		white-space: normal !important;
	}
	
	#printlogo
	{
		display: block;
		width: 225px;
		height:70px;
	}
	
	body a[href]:after
	{
		content: "";		
	}
	
	h1, h2, h3, h4, h5, h6
	{
		font-weight: bold;
	}
	
	h1
	{
		font-size: 130%;
		border-bottom: 1px solid #000000;
	}
	
	h2
	{
		font-size: 120%;
	}
	
	body div.groupheader
	{
		font-weight: bold;
		font-size: 120%;
		border-bottom: 1px solid #000000;
		padding-left: 0 !important;
		padding-bottom: 0 !important;
		margin-left: 0 !important;
	}
	
	h3
	{
		font-size: 110%;
	}
	
	h4
	{
		font-size: 100%;
	}
	
	h4.eventheading, .nusinginfosession h4
	{
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	#boxes div
	{
		min-height: 0 !important;
		padding-bottom: 0 !important;
	}
	
	#main h3.ge-licensereq, #main h3.ge-warning, #main p.ge-moreinfo
	{
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #000000;
	}
	
	/* Course listing and other blue/white tables */
	table.courses
	{
		border: 1px solid #000000;
		background-color: #FFFFFF;
		border-collapse: collapse;
		clear: both;
		margin: 0;
		padding: 0;
		font-size: 14pt;
	}
	
	table.courses tr
	{
		border: 1px solid #000000;
	}
	
	table.courses th, table.courses td
	{
		border-left: 1px dotted #676A6C; /*#CFD4D8;*/
		border-right: 1px dotted #676A6C; /*#CFD4D8;*/
		font-weight: normal;
		text-align: center;
	}
	
	table.courses th, table.courses td.headings2
	{
		font-weight: bold;
		vertical-align: bottom;
	}
	
	#content table.courses td, #content table.courses th,
	#content table.courses td a, #content table.courses th a,
	#content table.courses td div, #content table.courses th div
	{
		font-size: 8pt;
	}
	
	#content table.courses caption h4
	{
		margin: 0 !important;
		padding: 0 !important;
	}

	.ms-WPBody table.phonelist th.phnumber, .ms-WPBody table.phonelist td.phnumber
	{
		width: 7em;
	}
	
	.h-coursecost, .coursecost, .h-coursewlcap, .coursewlcap
	{
		display: none;
	}
	
	table.courses-cna th, table.courses-cna td
	{
		padding: 3px 5px;
	}
	/* End Course listing and other blue/white tables */
	
	/* CA Student Impact */
	.caImpact
	{
		width: 100%;
		max-width: 900px;
		padding: 0;
		margin: 0;
	}
	
	h2#caiSY
	{
		margin-top: -10px;
	}
	
	h2#caiClassesh
	{
		margin-top: 10px;
	}
	
	#caiClassesh::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/brain-Orange165-print.png');
	}
	
	.caiTN
	{
		display: inline-block;
		width: 30%;
		margin: 0 20px 0 0;
		padding: 10px;
		text-align: center;
		vertical-align: top;
		font-size: 14pt;
		color: #003896;
	}
	
	.caiTN .caNumber
	{
		display: block;
		font-size: 20pt;
	}
	
	.caiSN
	{
		font-size: 14pt;
		margin: 0 0 0 0;
		width: 100%;
		display: table-row;
		vertical-align: middle;
	}
	
	.caiSN .caNumber
	{
		display: table-cell;
		width: 100px;
		text-align: right;
		vertical-align: middle;
		font-size: 20pt;
	}
	
	.caiSN .caText
	{
		display: table-cell;
		vertical-align: middle;
		padding: 10px;
	}		
	
	#caiCreditsEarnedHS::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/schoolBuilding-Blue287-print.png');
		display: table-cell;
		vertical-align: middle;
		width: 45px;
	}
	
	#caiCreditsEarnedOnline::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/laptop-print.png');
		display: table-cell;
		vertical-align: middle;
		width: 45px;
	}
	
	#caiCreditsEarnedCareerAcademy::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/DMACC%20Pennant-print.png');
		display: table-cell;
		vertical-align: middle;
		width: 45px;
	}
	
	#caiCertifiedInstructors::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/inClassLecture-Blue287-print.png');
		display: table-cell;
		vertical-align: middle;
		width: 45px;
	}
	
	#caGraduates
	{
		border-top: 1px solid #000000;
	}
	
	#caGraduates::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/graduationCap-Orange165-print.png');
	}
	
	.caiGN
	{
		display: inline-block;
		margin: 0 20px 0 0;
		padding: 10px;
		text-align: center;
		vertical-align: top;
		font-size: 14pt;
	}
	
	#caiHSAttending
	{
		width: 35%;
	}
	
	#caiEarningDegree
	{
		width: 55%;
	}
	
	.caiGN .caNumber
	{
		display: block;
		font-size: 20pt;
	}
	
	#caiTuition
	{
		border-top: 1px solid #000000;
	}
	
	#caiTuition::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/money-Orang165-print.png');
		margin-right: 5px;
	}
	
	.caiTU
	{
		display: inline-block;
		margin: 0 20px 0 0;
		padding: 10px 10px 10px 50px;
		text-align: center;
		vertical-align: top;
		font-size: 14pt;
		width: 45%;
		position: relative;
	}
	
	.caiTU .caNumber
	{
		display: block;
		font-size: 20pt;
		text-align: center;
	}
	
	#caiTotalTuitionSaved::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/handWithCoins-Blue287-print.png');
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	#caiTuitionSavedPerStudent::before
	{
		content: url('/careeradvantage/PublishingImages/stuimpact/calculator-Blue287-print.png');
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	#copyright
	{
		text-align: center;
	}
	
	#ms-designer-ribbon, #fixedlinks, #topnavcontainer, #globalbreadcrumb, img, video, #left, #sitenumbers, 
	.youtube, #pagefooter1, #pagefooter2, #pagefooter3, #pagefooter4, #copyrightlinks, #siteTitle
	{
		display: none;
	}
	
	#dmaccAlert
	{
		display: none !important;
	}
	
	#s4-workspace
	{
		padding-top: 0 !important;
	}
	
	#content, #leftcontent, #rightcontent
	{
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#sitebanner, #sitebannervideo
	{
		height: auto !important;
	}
}
	/* Urban Cookery Blog Styles */
	#content .urbancookery-titledate
	{
		display: block;
		float: left;
		width: 30%;
		margin: 25px 0;
		padding-right: 20px;
	}	
	
	#content h2.urbancookery-title
	{
		font-weight: 700;
		font-size: 90%;
		text-transform: uppercase;
	}
	
	#content .urbancookery-date
	{
		font-size: 80%;
	}

	#content .urbancookery-categories
	{
		font-size: 80%;
		margin-top: 15px;
		color: #006699;
	}	
	
	#content .urbancookery-intro
	{
		display: block;
		float: left;
		width: 65%;
		margin: 25px 0 25px 20px;
		padding-left: 30px;
		font-size: 90%;
		border-left: 2px solid #006699;
	}


/* Mobile images */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait)
{
	img.nomobile
	{
		display:none;
	}
	
	img.keepmobile
	{
		width: 50%;
		height: auto;
	}
}

/* Buttons for A-Z Lists - November 2018 */

.az-buttons {  
	display: inline-block;
    color: #ffffff !important;
    background-color: #00539b;
    padding: 10px 0 !important;
	margin-bottom: 10px;
	margin-right: 3px !important;
	width: 1.5em;
	text-align: center;
}
.az-buttons:hover {  
    background-color: #002b5c;	
}

/* CSS Button Classes - October 2018 */

	.button-white  /* White button with drop shadow */
	{
		display: inline-block;
		color: #00539b !important;
		background-color: #ffffff;
		padding: 15px !important; 
		border: 2px solid #00539b; 
		border-image: none; 
		width: 300px; 
		max-width: 100%;
		text-align: center;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
		-webkit-transition-duration: 0.4s; /* for Safari */
		transition-duration: 0.4s;
		margin: 10px auto;
	}	
	.button-orange  /* Orange button with drop shadow */
	{
		display: inline-block;
		color: #ffffff !important;
		background-color: #e0321f;
		padding: 15px !important; 
		border: 2px solid #00539b; 
		border-image: none; 
		width: 300px; 
		max-width: 100%;
		text-align: center;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
		-webkit-transition-duration: 0.4s; /* for Safari */
		transition-duration: 0.4s;
		margin: 10px auto;
	}
	.button-white:hover, .button-orange:hover /* On hover, change background to DMACC dark blue */
	{
		background-color: #002b5c; 
	}
	#content a.button-white:hover /* On hover, change text to white */
	{
		color: #ffffff !important;
	}	

	/* Call to Action button */
	.button-cta  
	{
		display: table;
		width: 260px; 
		height: 100px;
		margin-top: 15px;
		margin-bottom: 15px;	
		font-size: .9em;
		line-height: 1em;
		cursor: pointer;
		background: transparent url('/SiteCollectionImages/dmacc/call-to-action-button.png') no-repeat right center;
	}
	.button-cta a
	{
		display:table-cell;
		margin: auto;
		vertical-align: middle;
		padding: 5px 85px 5px 35px;
		color: #ffffff !important;
		text-transform: uppercase;
	}

	/* Big buttons with chevron pointer on the right */
	.button-white-big, .button-orange-big  
	{
		display: table;
		width: 100%;
		max-width: 400px; 
		height: 100px;
		margin-top: 15px;
		margin-bottom: 15px;
		border: 2px solid #00539b; 
		border-image: none; 	
		font-size: 1.6em;
		line-height: 1em;
		cursor: pointer;
		-webkit-transition-duration: 0.4s; /* for Safari */
		transition-duration: 0.4s;
	}
	.button-white-big
	{
		background: #ffffff url('/SiteCollectionImages/dmacc/rightarrow-blue.png') no-repeat right center;
	}	
	.button-orange-big
	{
		background: #e0321f url('/SiteCollectionImages/dmacc/rightarrow-white.png') no-repeat right center;
	}
	.button-white-big:hover, .button-orange-big:hover  /* On hover, change background to DMACC dark blue and arrow to white */
	{
		background: #002b5c url('/SiteCollectionImages/dmacc/rightarrow-white.png') no-repeat right center;
	}	
	.button-white-big a, .button-orange-big a
	{
		display:table-cell;
		margin: auto;
		vertical-align: middle;
		padding: 15px 60px 15px 15px;
	}
	.button-orange-big a, .button-white-big a:hover
	{
		color: #ffffff !important;
	}

/* END of CSS Button Classes - October 2018 */	

/* Schedule Search and Custom List Forms */
@media screen, print
{
	.content label
	{
		float: left;
		clear: both;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.sch-row
	{
		padding: 10px;
		border-top: 1px solid #CCCCCC;
		clear: both;
		max-width: 1000px;
	}
	
	.sch-row#dispsearch
	{
		color: #CC0000;
		font-weight: bold;
	}
	
	.resultmsg
	{
		color: #CC0000;
	}
	
	#ctl00_PlaceHolderMain_ctl01_ctl00_Pterm
	{
		display: block;
	}
	
	.noborder
	{
		border-top: none;
	}
	
	.container-fluid #content div.longdesc,
	.container-fluid #content span.longdesc
	{
		font-size: 80%;
		color: #666666;
	}
	
	#content .sch-row label, #content #daysexclusive label
	{
		float: none;
		clear: none;
		margin-left: auto;
		width: auto;
		margin-bottom: auto;
		font-weight: normal;
		display: block;
	}
	
	#content .sch-row input, #content .sch-row select, #content .sch-row div.ms-rtestate-field
	{
		max-width: 100%;
		border: 1px solid #cfd4d8;
	}
	
	#content .sch-row div.ms-rtestate-field
	{
		min-width: 310px;
		max-width: 600px;
	}
	
	#content .sch-row div.ms-rtestate-field div
	{
		border: none;
	}
	
	#content #daysexclusive label
	{
		display: inline;
		padding: 3px 5px 0 2px;
	}
	
	#content .sch-row table label
	{
		display: inline;
		padding: 3px 5px 0 2px;
	}
	
	#ctl00_PlaceHolderMain_ctl01_ctl00_Days label
	{
		padding: 3px 5px 0 2px;
	}
	
	#daysexclusive
	{
		margin-left: 10px;
	}
	
	#daysexclusive .longdesc
	{
		display: block;
		padding-left: 20px;
	}
	
	#content input
	{
		display: inline;
	}
	
	#content .sch-row table
	{
		width: auto;
		margin-bottom: 0;
	}
	
	.searchformdesc
	{
		font-size: 100%;
		color: #000000;
	}
	
	#content .sch-row table
	{
		width: auto !important;
	}
}

@media screen and (min-width: 1200px)
{
	.searchform
	{
		float: left;
	}
}

