﻿@media screen
{
	/*** "Campus Closing" message box, when used ***/
	#logoarea, #campusclosing-msgbox
	{
		position: relative;
	}
	
	#ccmsgclose
	{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0 0 0 3px;
		background-color: #FFFFFF;
		color: #002B5C;
		text-decoration: none;
		font-size: 100%;
		border: 1px solid #002B5C;
	}
	
	#ccmsgclosex
	{
		border-left: 1px solid #002B5C;
		color: #000000;
		padding: 0 3px;
	}
	
	#campusclosing
	{
		margin: 0 10px 10px 10px;
		padding: 0;
		border: 1px solid #000000;
	}
	
	#campusclosing-msgbox h2, #hm-right #campusclosing h2
	{
		color: #FFFFFF;
		background-color: #002B5C;
		font-size: 140%;
		font-family: Georgia, Times, serif !important;
		font-style: normal;
		text-align: center;
		margin: 0;
		padding: 5px;
	}
	
	#campusclosing-msgbox p, #hm-right #campusclosing p
	{
		font-size: 100%;
		color: #000000;
		margin: 0;
		padding: 5px;
		background-color: #FFFFFF;
	}
	
	#main #hm-rightarea
	{
		font-size: 100%;
	}
	
	#wowslider-container1
	{
		z-index: 0 !important;
	}
	
	#wowslider-container1 .ws-title
	{
		max-width: 700px;
	}
	
	.hm-tabs
	{
		list-style-type: none;
		margin: 10px 10px 0 10px;
		padding: 0;
		min-height: 25px;
		border-bottom: 1px solid #ACABAB;
	}
	
	.hm-tabs li
	{
		display: block;
		float: left;
		height: 25px;
		margin: 0 5px 0 0;
		padding: 0;
		border-bottom: 1px solid #ACABAB;
		background-color: #CECECE;
		border: 1px solid #ACABAB;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		font-size: 12.8px;
	}
	
	.hm-tabs a
	{
		display: block;
		margin: 0;
		padding: 5px;
		color: #5C5C5C !important;
		text-decoration: none;
	}
	
	.hm-tabs li.tab-selected
	{
		background-color: #FFFFFF;
		border-top: 1px solid #ACABAB;
		border-right: 1px solid #ACABAB;
		border-bottom: 1px solid #FFFFFF;
		border-left: 1px solid #ACABAB;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	
	.hm-tabs li.tab-selected a
	{
		display: block;
		margin: 0;
		padding: 5px;
		color: #000000 !important;
		text-decoration: none;
	}
	
	/*** Styling for Web parts on Home Page ***/
	.hm-list
	{
		margin:  0;
		padding: 10px 0 10px 10px;
		display: none;
		clear: both;
	}
	
	.list-selected
	{
		display: block;
	}
	
	.hm-list ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		color: #000000;
	}
	
	.hm-list li
	{
		list-style-type: none;
		margin: 0;
		padding: 2px 0;
		border-bottom: 1px #8AB0D1 dotted;
		font-size: 13px;
	}
	
	.hm-list li .link-ab
	{
		color: #E54F3D;
	}
	
	.hm-list li a
	{
		color: #002B5C !important;
		text-decoration: none;
		font-weight: normal;
	}
	
	#content .hm-list p
	{
		margin: 0;
		padding: 0;
		font-size: 12px;
		min-height: 18px;
	}
	
	#content .hm-list p.t-footer
	{
		margin: 5px 0;
		padding: 0;
		font-size: 12px;
	}
	
	.ms-webpart-chrome-title
	{
		display: none;
	}
	
	#hm-right
	{
		padding-top: 10px;
		margin-bottom: 165px; /*85px;*/
	}
		
	#hm-right h1
	{
		font-size: 130%;
		font-weight: bold;
		color: #002B5C;
		margin: 0 20px 10px 10px;
		border-bottom: 1px solid #00539B;
	}
	
	#hm-right h2
	{
		font-family: Georgia, Times, serif;
		font-size: 120%;
		font-weight: normal;
		font-style: italic;
		color: #E54F3D;
		margin: 0 20px 10px 10px;
	}
	
	#hm-right h3
	{
		font-size: 110%;
		font-weight: bold;
		color: #00539B;
		margin: 0 20px 10px 10px;
	}
	
	#hm-right h3 a
	{
		color: #00539B;
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 0 !important;
	}
	
	#hm-right h4
	{
		font-size: 100%;
		font-weight: bold;
		margin: 0 20px 10px 10px;
	}
	
	#hm-right h5
	{
		font-size: 100%;
		font-weight: bold;
		margin: 0 20px 10px 10px;
		border-bottom: 1px dotted #00539B;
	}
	
	#hm-right h6
	{
		font-size: 90%;
		font-weight: bold;
		margin: 0 20px 10px 10px;
	}
	
	#hm-right p
	{
		margin: 0 20px 10px 10px;
	}
	
	#hm-right a, #hm-right a:link, #hm-right a:active, #hm-right a:visited
	{
		color: #00539B;
		text-decoration: none;
	}
	
	#hm-right a:hover
	{
		color: #00539B;
		text-decoration: underline;
	}
	
	#hm-right hr
	{
		border: none;
		border-top: 2px solid #002B5C;
		height: 2px;
		margin: 10px 30px;
	}
	
	#hm-right object
	{
		margin: 0 20px 10px 10px;
	}
	
	.rightimages
	{
		margin: 0;
		padding: 0 10px 10px 10px;
		width: 100%;
	}
	
	#hm-right img
	{
		max-width: 100% !important;
		margin: 0;
		padding: 0;
	}
	
	/* Page Footer */
	#campusphotohome
	{
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
	}
	
	#pagefooterhome
	{
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
		background-color: #002B5C;
		color: #D5E04D;
	}
	
	#pagefooterhome div
	{
		margin: 5px;
	}
	
	#pagefooterhome a
	{
		color: #FFFFFF;
	}
	
	#contacthome
	{
		font-size: 140%;
		font-weight: bold;
		color: #D5E04D;
		font-variant: small-caps;
	}
	
	#pagefooterhome div#maincampuseshome
	{
		font-weight: bold;
		font-size: 110%;
		color: #D5E04D;
		clear: left;
		display: block;
	}
	
	#pagefooterhome div#othercampuseshome
	{
		color: #D5E04D;
		clear: left;
		display: block;
	}
	
	#maincampuseshome h4, #othercampuseshome h4
	{
		color: #D4E04D;
		display: inline;
		font-size: 100%;
		margin: 0 3px 0 0;
		padding: 0;
	}
	
	#maincampuseshome ul, #othercampuseshome ul,
	#maincampuseshome li, #othercampuseshome li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#maincampuseshome li:after, #othercampuseshome li:after
	{
		content: " |";
		color: #FFFFFF;
	}
	
	#maincampuseshome li:last-child:after, #othercampuseshome li:last-child:after
	{
		content: "";
	}
	
	#bearslinkhome
	{
		display: block;
		float: right;
		margin: 2px 10px;
	}
	
	/* Get rid of space above/below web parts */
	.ms-PartSpacingVertical
	{
		display: none;
	}
	
	.t-footer a
	{
		color: #8AB0D1 !important;
		text-decoration: none;
	}
	
	#wowslider div#wowslider-container1
	{
		margin: 0;
		padding: 0;
	}
}

@media screen and (min-width: 768px)
{
	#hm-left
	{
		margin-bottom: 145px;
	}
	
	#hm-center, #hm-right
	{
		margin-bottom: 85px;
	}
}

@media screen and (max-width: 920px)
{
	.hm-tabs a
	{
		padding: 5px 3px;
	}
	
	/*.hm-tabs li
	{
		margin-right: 4px;
	}*/
	
	.hm-tabs li.tab-selected a
	{
		padding: 4px 2px 4px 3px;
	}
}

@media screen and (max-width: 880px)
{
	.hm-tabs a
	{
		padding: 5px 2px;
	}
	
	.hm-tabs li.tab-selected a
	{
		padding: 4px 1px 4px 2px;
	}
}

@media screen and (max-width: 850px)
{
	.hm-tabs a
	{
		font-size: 12px;
	}
	
	.hm-tabs li
	{
		margin-right: 1px;
	}
}

@media screen and (max-width: 767px)
{
	.hm-tabs li
	{
		margin-right: 5px;
	}
	
	.hm-tabs a
	{
		font-size: 12.8px;
		padding: 5px;
	}
	
	.hm-tabs li.tab-selected a
	{
		padding: 4px;
	}
	
	#wowslider-container1 .ws-title div
	{
		/*display: none;*/
		max-height: 1em;
		overflow: hidden;
	}
}

@media screen and (min-width: 768px)
{
	#campusclosing-msgctr
	{
		position: absolute;
		top: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #000000;
		z-index: 10000;
		opacity: 0.6;
	}

	#campusclosing-msgbox
	{
		position: absolute;
		top: 200px;
		left: 300px;
		width: 50%;
		margin: 0 auto;
		padding: 0;
		background-color: #FFFFFF;
		opacity: 1.0;
		z-index: 10001;
	}

	body #wp-search input.ms-sbplain
	{
		width: 125px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 920px)
{
	#hm-center, #hm-right
	{
		margin-bottom: 125px;
	}
}

@media screen and (min-width: 820px)
{
	body #wp-search input.ms-sbplain
	{
		width: 175px !important;
	}
}

@media screen and (min-width: 871px)
{
	body #wp-search input.ms-sbplain
	{
		width: 225px !important;
	}
}

@media screen and (min-width: 920px)
{
	body #wp-search input.ms-sbplain
	{
		width: 275px !important;
	}
}

@media screen and (min-width: 960px)
{
	#wowslider
	{
		width: 988px;
		margin: 0 0 0 -13px;
		clear: both;
		float: left;
		display: table-row;
	}
	
	#wowslider::before
	{
		content: url('/SiteCollectionImages/dmacc/green-nav-leftcorner.png');
		width: 13px;
		display: table-cell;
		vertical-align: top;
		float: left;
	}
	
	#wowslider::after
	{
		content: url('/SiteCollectionImages/dmacc/green-nav-rightcorner.png');
		width: 13px;
		display: table-cell;
		vertical-align: top;
	}
	
	#wowslider div#wowslider-container1
	{
		width: 960px;
		margin: 0;
		padding: 0;
		float: left;
		display: table-cell
	}

	body #wp-search input.ms-sbplain
	{
		width: 325px !important;
	}
}

@media print
{
	#wowslider, #pagefooterhome, .hm-tabs, .t-footer, #pagefooterhome, #campusphotohome, .rightimages
	{
		display: none;
	}
}
