/***** 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: #FFDD00;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #002B5C;
		border-left: none;
		border-radius: 0;
		color: #000000;
		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;
	}
	
	#dmaccAlert button
	{
		position: absolute;
		top: 10px;
		right: 30px;
		color: #000000;
		opacity: 1.0;
		font-size: 24pt;
		font-weight: normal;
		min-width: 0;
	}
	
	/*** 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: 1;
	}
	
	/*** 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;
	}
	
	#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 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;
	}
	
	#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;
	}
	
	.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;
	}
	/* 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,
	.wowslider iframe, .wowslider object, .wowslider embed
	{
		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
	{
		padding: 0 10px 10px 10px;
	}
	
	.halfcolumn:empty, .thirdcolumn:empty, .twothirdscolumn:empty, .fourthcolumn: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
	{
		margin: 0 0 10px 0;
	}
	
	/* Calendar/Event Listings */
	#content div.groupheader
	{
		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 .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;
	}
	/* 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 Staff Listings */
	.advisingstafflisting
	{
		padding-bottom: 30px;
	}
	
	#main .advisingstafflisting 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;	
	}
	
	/* 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;
	}
	
	/* 5K Sponsors */
	.fivek-featured
	{
		display: inline-block;
		height: 385px;
		vertical-align: middle;
	}
	
	#main .fivek-featured img
	{
		padding: 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
	{
		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
	{
		margin-left: 300px;
	}
	
	.st-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;
	}
	
	.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
	{
		font-size: 14pt;
		color: #002B5C;
		margin-bottom: 10px;
	}
	
	.mp-bio, .st-bio, .st-bio-noquote
	{
		margin-top: 10px;
		position: relative;
	}
	
	.st-bio:before
	{
		content: "“";
		font-size: 48pt;
		font-weight: bold;
		position: absolute;
		top: -15px;
		left: -25px;
	}
	
	.st-bio:after
	{
		content: "”";
		font-size: 48pt;
		font-weight: bold;
		position: absolute;
		bottom: -40px;
		right: -25px;
	}
	
	/* 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;
	}
	
	#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 */
	
	/* 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;
	}
	
	/* 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-PostBody
	{
		padding: 0;
		margin: 10px 0 10px 0;
		color: #000000;
		font-size: 100%;
		line-height: normal;
	}
	
	#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 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 */
	
	/* TLC Summer Instutute Session Listings */
	.sessionlisting
	{
		margin: 30px 0 0 0;
	}
	
	.sessionlisting div
	{
		max-width: 1000px;
	}
	
	#main #content h2.sessionheading
	{
		margin: 0;
	}
	
	/* 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;
	}
	
	/* 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;
	}
	
	/* 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;
	}
	
	/*** 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%;
	}
}

/***** STYLES FOR MOBILE DEVICES/SMALL SCREENS *****/
@media screen and (max-width: 768px)
{
	/* 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;
	}
	
	/*** 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: -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: 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;
	}
	
	/*** 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
	{
		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%;
		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 td:first-child
	{
		padding-top: 10px;
	}
	
	table.responsive td:last-child
	{
		padding-bottom: 10px;
		border-bottom: none;
	}
}

/***** 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: 769px)
{
	#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 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;
	}
	
	#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;
	}
}

@media screen and (min-width: 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: 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: 1010px)
{
	#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: 1192px)
{
	#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
	{
		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;
	}
	
	#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;
	}
}

@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;
	}
	
	/* Colored Boxes */
	#content .box1, #content .box2, #content .box3
	{
		display: inline-block;
		margin: 0 10px 10px 0;
	}
	
	.box1, .box2, .box3
	{
		width: 30%;
		max-width: 310px;
	}

	/* 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;
	}
	
}

@media screen and (min-width: 1280px)
{
	#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: 768px)
{
	#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;
	}
}

@media screen and (min-width: 769px) and (max-width: 859px)
{
	.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;
	}
	
	#s4-bodyContainer div.row#pagefooter1
	{
		padding: 75px 0;
	}
}

@media screen and (min-width: 860px) and (max-width: 1069px)
{
	#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;
	}
	
	#s4-bodyContainer div.row#pagefooter1
	{
		padding: 75px 25px;
	}
}

@media screen and (min-width: 1070px) and (max-width: 1230px)
{
	#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;
	}
}

@media screen and (min-width: 1231px)
{
	#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;
	}
}

@media screen and (min-width: 769px) 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
	{
		position: static;
		font-size: 20pt;
	}
	
	/* 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;
	}
	
	#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 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;
	}
	
	/* 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 */
	
	#copyright
	{
		text-align: center;
	}
	
	#ms-designer-ribbon, #fixedlinks, #topnavcontainer, #globalbreadcrumb, img, video, #left, #sitenumbers, 
	.youtube, #pagefooter1, #pagefooter2, #pagefooter3, #pagefooter4, #copyrightlinks, #siteTitle
	{
		display: none;
	}
	
	#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: #006699 !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; 
	}
	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: 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 */