@media screen
{
	#content #maincolumn h1, #content #maincolumn h2, 
	#content #maincolumn h3, #content #maincolumn h4, 
	#content #maincolumn h5, #content #maincolumn h6, 
	#content #maincolumn p, #content #maincolumn blockquote
	{
		max-width: none;
	}
	
	#content #right
	{
		margin: 0 !important;
		padding: 0 15px;
	}
	
	#righttop, #rightmiddle, #rightbottom
	{
		color: #FFFFFF;
		margin: 0 0 10px 0;
		padding: 0 10px 20px 10px;
	}
	
	#righttop
	{
		background-color: #00539B;
	}
	
	#rightmiddle
	{
		background-color: #E0321F;
	}
	
	#rightbottom
	{
		background-color: #002B5C;
	}
	
	#content #righttop a, #content #rightbottom a
	{
		color: #99CCFF;
		font-weight: bold;
	}
	
	#content #rightmiddle a
	{
		color: #00060A;
	}
	
	#content #right h2
	{
		font-family: 'Raleway', sans-serif;
		font-size: 19pt;
		font-weight: bold;
		color: #FFFFFF;
		padding: 20px 0 10px 0;
		margin: 0 20px 10px 20px;
		border-bottom: 1px solid #FFFFFF;
	}
	
	#content #right h3, #content #right h4, #content #right h5, #content #right h6,
	#content #right p
	{
		color: #FFFFFF;
		padding: 0 20px 10px 20px;
		margin: 0;
	}
	
	#content #right #rightmiddle h2
	{
		border-bottom: 1px solid #FFFFFF;
	}

	#content #right ul
	{
		/*list-style-type: none;*/
	}
	
	#content #right li
	{
		margin: 0;
		padding: 2px 0;
	}
	
	#content #right a:hover
	{
		text-decoration: underline !important; 
		font-weight: bold;                      /*Added for WCAG accessibility compliance TW */
	}
	
	#content #right img
	{
		display: block;
		margin: 0 auto;
	}
	
	/* Calendar/Event Listings */
	#content #right div.groupheader
	{
		font-size: 130%;
		font-weight: bold;
		color: #FFFFFF;
		line-height: normal !important;
		margin: 20px 20px 0 20px;
		padding: 0;
		border-bottom: none;
		max-width: 1000px;
	}
	
	#main #content #right h4.eventheading
	{
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0;
		font-size: 16pt;
		font-weight: normal;
	}
	
	#content #right h2.eventheading
	{
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	#content #right .calendarevent
	{
		margin: 0 0 20px 0;
		padding: 0 20px 0 20px;
		max-width: 1000px;
	}
	
	#content #right div.times
	{
		color: #FFFFFF;
	}
	
	#content #right .stafflisting
	{
		float: none;
		height: auto;
		margin: 0 20px 10px 20px;
		padding: 0;
		font-size: 80%;
	}
	
	#content #right .stafflisting h4
	{
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	#content #right .stafflisting div
	{
		margin: 0;
		padding: 0;
	}
	
	/* Course listing and other blue/white tables */
	#main h4.h-table, #main p.h-colltxt
	{
		margin: 0;
		font-size: 10pt;
	}
	
	table.courses
	{
		border: 1px solid #CFD4D8;
		background-color: #FFFFFF;
		border-collapse: collapse;
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0;
		display: table;
		font-size: 14pt;
	}
	
	table.creditlisting, table.phonelist
	{
		font-size: 14px;
	}
	
	table.courses caption
	{
		font-size: 120%;
		margin: 0;
		padding: 0;
		text-align: left;
		color: #000000;
	}
	
	table.courses tr, table.courses tr.headings
	{
		display: table-row;
		width: 100%;
		padding: 0 10px;
	}
	
	table.courses td
	{
		border-bottom: 1px solid #CFD4D8;
		border-left: 1px solid #CFD4D8;
		display: table-cell;
		padding: 3px;
	}
	
	table.courses th
	{
		border-bottom: 1px solid #CFD4D8;
		border-left: 1px solid #CFD4D8;
		display: table-cell;
		padding: 3px;
	}
	
	#contentarea tr.headings td,
	tr.headings th
	{
		background-color: #002B5C;
		color: #ffffff;
		font-weight: normal;
		text-align: center;
	}
	
	td.headings2
	{
		background-color: #cccccc;
		color: #000000;
		font-weight: bold;
		text-align: center;
	}
	
	tr.headings td a
	{
		color: #fff;
		text-decoration: none;
	}
	
	#content #right .nusinginfosession h4
	{
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0 20px 0 20px;
	}
	
	#content #right .nusinginfosession div
	{
		margin: 0;
		padding: 0 20px 0 20px;
	}
	
	/* Program Details in Right Column */
	#content #right h2.pd-completion
	{
		font-size: 19pt;
		margin: 0 -10px -10px -10px;
		padding: 20px 25px 20px 25px;
		background-color: #E0321F;
		border-bottom: none;
	}
	
	#content #right h3.pd-header
	{
		font-size: 17pt;
		font-weight: bold;
		padding: 10px 0 10px 0;
		margin: 0 20px 10px 20px;
		border-bottom: 1px solid #FFFFFF;
	}
	
	#content #right h3.pd-header:nth-child(2), 
	#content #right h3.pd-header:nth-child(3),
	#content #right h3.pd-header:nth-child(4)
	{
		padding-top: 30px;
	}
	
	/* Completion Options */
	#right .programdetails
	{
		font-size: 14px;
		margin: 0;
		padding: 0 20px 10px 20px;
	}
	
	#content #right .programdetails img
	{
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		margin: 0 0 0 5px;
		padding: 0;
		white-space: nowrap;
	}
	
	#content #right .programdetails .pd-asterisk
	{
		margin: 0 0 0 5px;
	}
	
	.programdetails div.pd-campus, .programdetails div.pd-employment
	{
		font-size: 10pt;
		margin: 0;
		padding: 0 10px 0 10px;
	}
	
	#content #right .pd-employment a,
	#content #right .pd-morelink a
	{
		font-weight: normal;	
	}
	
	.pd-more
	{
		background-color: #00539B;
		margin: 20px -10px 0 -10px;
		padding: 10px 25px 20px 25px;
	}
	
	#content #right .pd-more h3
	{
		font-size: 17pt;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
	.pd-morelink
	{
		font-size: 14px;
	}
	
	#right div.pd-termkey
	{
		font-size: 13px;
		margin: 0 -10px -40px -10px;
		background-color: #CFD4D8;
		padding: 10px 25px 20px 25px;
	}
	
	#content #right .pd-termkey h3
	{
		font-size: 12pt;
		border-bottom: none;
		margin: 0;
		padding: 0 0 5px 0;
		color: #002B5C;
	}
	
	.pd-termkey div
	{
		display: inline;
		padding-right: 3px;
		color: #002B5C;
		font-weight: bold;
	}
	
	#right div.pd-termkey div.pdt-ast
	{
		display: block;
		font-weight: normal;
		padding-top: 3px;
		padding-right: 0;
		white-space: nowrap;
	}
	
	.pd-termkey div.pdt-ast span
	{
		font-size: 80%;
	}
	/*#content #right .programdetails div:nth-child(2) img
	{
		margin: 0;
	}*/
}

@media screen and (min-width: 769px)
{
	div#sm-links
	{
		top: -60px;
	}
}

@media screen and (min-width: 1200px)
{
	#right
	{
		float: right;
		width: 305px;
		padding: 0 !important;
	}
	
	#righttop, #rightmiddle, #rightbottom
	{
		margin-left: 10px;
		/*min-height: 450px;*/
	}

	#maincolumn
	{
		padding-right: 345px;
	}
		
	.thirdcolumn
	{
		width: 33%;
		margin: 0 0 10px 0;
		padding: 0 10px;
		float: left;
	}
	
	.twothirdscolumn
	{
		width: 66%;
		margin: 0 0 10px 0;
		padding: 0 10px;
		float: left;
	}
	
	#content .thumbs img
	{
		height: 115px;
	}
	
	.halfcolumn
	{
		width: 50%;
		margin: 0 0 10px 0;
		padding: 0 10px;
		float: left;
	}
	
	.fourthcolumn
	{
		width: 25%;
		margin: 0 0 10px 0;
		padding: 0 10px;
		float: left;
	}
}

@media screen and (max-width: 1199px)
{
	#main .ms-webpart-zone, 
	#main .ms-webpart-chrome-vertical, 
	#main .ms-webpart-cell-vertical
	{
		display: table !important;
	}
		
	#main h4.h-table, #main p.h-colltxt
	{
		margin: 0;
	}
	
	table.creditlisting, table.creditlisting tr, table.creditlisting th, table.creditlisting td,
	table.phonelist, table.phonelist tr, table.phonelist th, table.phonelist td
	{
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	table.courses caption
	{
		display: block;
		font-size: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		color: #000000;
	}
	
	table.creditlisting tr
	{
		border-top: 1px solid #CFD4D8;
	}
	
	table.creditlisting tr.headings, table.phonelist tr.headings
	{
		display: none;
	}
	
	table.creditlisting td.coursecost
	{
		display: none;
	}
	
	table.creditlisting tr
	{
		margin: 15px 0 0 0;
		font-size: 12pt;
	}
	
	table.creditlisting td.coursecrn,
	table.creditlisting td.coursenumber,
	table.creditlisting td.coursesection,
	table.creditdesc td.coursetitle
	{
		display: inline;
		font-weight: bold;
	}
	
	table.creditlisting td.coursenumber:after
	{
		content: " ";
	}
	
	table.creditlisting td.coursecrn:after,
	table.creditdesc td.coursenumber:after
	{
		content: " – ";
		font-weight: bold;
	}
	
	.coursetitle a,
	.esllisting .coursetitle
	{
	    display: block;
	    margin: 0px;
	    padding: 3px;
	    min-height: 25px;
	    width: 100%;
	    font-size: 120%;
	    font-weight: bold;
	    background: #CCCCCC url('https://img.dmacc.edu/SiteCollectionImages/dmacc/btnbkg-blue.gif') repeat-x;
	    color: #002B5C !important;
	}
	
	table.creditlisting td.coursetitle
	{
		font-size: 80%;
	}
	
	table.creditlisting td.coursecredits,
	table.esllisting td.contacthours
	{
		font-weight: bold;
		color: #002B5C !important;
		margin: 0;
	}
	
	table.creditlisting td.coursecredits:before
	{
		content: "Credits: ";
	}
	
	table.esllisting td.courseenddate:after
	{
		content: " ";
		display: block;
	}
	
	table.esllisting td.contacthours:before
	{
		content: "Contact Hrs: ";
	}
	
	table.creditlisting td.courseseatsavail:before
	{
		content: " Seats Available: ";
	}
	
	table.creditlisting td.coursewlcap:before
	{
		content: " Waitlist Slots Available: ";
	}
	
	table.creditlisting td.coursewlact:before
	{
		content: " Waitlist Slots Taken: ";
	}

	table.creditlisting td.coursewlrem:before
	{
		content: " Waitlist Slots Remaining: ";
	}
	
	#contentarea table.creditlisting td.courseseatsavail,
	#contentarea table.creditlisting td.coursewlcap,
	#contentarea table.creditlisting td.coursewlact,
	#contentarea table.creditlisting td.coursewlrem
	{
		color: #800000;
	}
	
	table.creditlisting td.empty
	{
		display: none !important;
	}
	
	table.creditlisting td.coursewlrem
	{
		margin-bottom: 5px;
	}
	
	table.creditlisting td.coursedays, table.creditlisting td.coursestarttime, table.creditlisting td.courseendtime
	{
		display: inline;
	}
	
	table.creditlisting td.coursedays:after
	{
		content: " ";
	}
	
	table.creditlisting td.coursestarttime:after
	{
		content: "-";
	}
	
	table.creditlisting td.coursestartdate, table.creditlisting td.courseenddate
	{
		display: inline;
	}
	
	table.creditlisting td.coursestartdate:after
	{
		content: " thru ";
	}
	
	table.creditlisting td.courseinstructor:before
	{
		content: "Instructor: ";
	}
	
	/* Phone Listing */
	.searchbox
	{
		margin: 2px 5px;
		padding: 0;
		width: 350px;
		height: 20px;
		clear: both;
	}
	
	.searchbox label
	{
		float: left;
		width: 90px;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	
	.searchbox input, .searchbox select
	{
		float: left;
		width: 200px;
		margin: 0;
		padding: 0;
	}
	
	.searchbutton, .facsearch
	{
		clear: both;
		margin: 2px 5px 2px 95px !important;
	}
	
	table.phonelist tr
	{
		margin: 10px 10px 0 10px;
	}
	
	table.phonelist td.phname,
	table.phonelist td.fdname
	{
		font-weight: bold;
	}
	
	table.phonelist td.phtitle,
	table.phonelist td.fdcoursename
	{
		font-style: italic;
	}
	
	table.phonelist td.fdcrn
	{
		display: none;
	}
	
	table.phonelist td.fdcampus,
	table.phonelist td.fdroom,
	table.phonelist td.phcampus,
	table.phonelist td.phlocation
	{
		display: inline;
	}
	
	table.phonelist td.fdcampus:after,
	table.phonelist td.phcampus:after
	{
		content: " ";
	}
	
	.ms-acal-month-top, .ms-acal-month th
	{
		display: none;
	}
	
	#content div.ppstafflisting
	{
		clear: both;
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	
	/* Miscellaneous */
	.fourthcolumn
	{
		width: 50%;
		float: left;
	}
}

@media screen and (max-width: 1400px)
{
	#main .testimonials h3, #main .meetyourprofs h3,
	#main .testimonials div, #main .meetyourprofs div,
	#main .carrollstafflisting div, #main .carrollstafflisting h4
	{
		margin: 0 0 0 0 !important;
		clear: both;
	}
}

@media screen and (min-width: 1401px) and (max-width: 1600px)
{
	#main .testimonials h3,	#main .testimonials .st-student div
	{
		margin: 0 0 0 250px !important;
	}
	
	#main .testimonials .st-student div div
	{
		margin: 0 !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px)
{
	.thirdcolumn
	{
		width: 33%;
		float: left;
	}
	
	.twothirdscolumn
	{
		width: 66%;
		float: left;
	}
}