@import url(/s/resources/css/appstyles.css);

/*
color: #D73F09;
color: #4A773C;
color: #00859B;
color: #FFb500;
color: #006A8E;
color: #C4D6A4;
color: #b8dde1;
color: #fdd26e;
color: #c6dae7;
color: #aa9d2e;
color: #0d5257;
color: #d3832b;
color: #003b5c;
color: #b7a99a;
color: #a7aca2;
color: #7a6855;
color: #8e9089; 
*/

/* General Styles
---------------------------------------------*/
form,body,html{height:100%;width:100%;}

body{
	background:url('images/bkg_dark_stripes.gif');
	color:#555;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
}

a {
	color:#c34500;
	outline:none;
	text-decoration:underline;
	transition:all .2s ease;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	}
	a:hover {
		color:#c34500;
		text-decoration:none;
		-webkit-transition:all .2s ease;
		-moz-transition:all .2s ease;
		-o-transition:all .2s ease;
		transition:all .2s ease;
	}
	a:visited{}
	a:active{}

hr {
	background: none;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #eaeaea;
	display: block;
	height: 0;
	line-height: 0;
	margin: 20px 0;
	overflow:hidden;
}

img {max-width:100%;}

/* Heading Styles (H1-H6)
---------------------------------------------*/
h1, h2, h3, h4, h5, h6, .PageTitleHeader {
	color:#262626;
	font-weight: normal;
	line-height: 1.4em;
	margin: 20px 0 0.2em 0;
	}
	h1, .PageTitleHeader {font-size:30px!important;color:#c34500;font-family:georgia, serif;}
	h2 {font-size:20px;}
	h3, .PageSubTitleHeader {font-size:18px;}
	h4 {font-size:17px;}
	h5 {font-size:15px;}
	h6 {font-size:14px;}
	.PageTitleHeader:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top:0;}
#PageTitle, .PageTitleHeader { display:none;}

/* Helpful Classes
---------------------------------------------*/
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

.group:after {content: "";clear: both;display: table;}

img.left{float:left;margin:0 7px 7px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.invisibleButAccessible{display:none;}





#outer-wrap * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#inner-wrap {background:#f5f2ed url('images/bkg_body_gradient.png') repeat-x center 55px;}

/* HEAD ELEMENTS
---------------------------------------------*/
#eduHead {
	background: #565656;
	background: -moz-linear-gradient(top, #565656 0%, #252525 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #565656), color-stop(100%, #252525));
	background: -webkit-linear-gradient(top, #565656 0%, #252525 100%);
	background: -o-linear-gradient(top, #565656 0%, #252525 100%);
	background: -ms-linear-gradient(top, #565656 0%, #252525 100%);
	background: linear-gradient(to bottom, #565656 0%, #252525 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#252525', GradientType=0 );
	height:55px;
	overflow:hidden;
	}
	nav#ContentNavEDU ul {
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
		}
		nav#ContentNavEDU ul li {
			float:left;
			}
			nav#ContentNavEDU ul li a {
				color:#fff;
				display:block;
				font-size:11px;
				height:55px;
				line-height:55px;
				margin-right:25px;
				text-decoration:none;
				}
				nav#ContentNavEDU ul li a:hover {
					text-decoration:underline;
				}
			/*nav#ContentNavEDU ul li.campaign a {
				background:url('images/icon_campaign.png') no-repeat left center;
				padding-left:25px;
			}*/

	#ContentSearch {
		float:right;
		margin-top:11px;
		width:222px;
		}
		#ContentSearch img, #ContentSearch input, #ContentSearchMobile img, #ContentSearchMobile input {
			float:left;
		}
		#ContentSearch label, #ContentSearch .SearchModuleSpacer, #ContentSearchMobile label, #ContentSearchMobile .SearchModuleSpacer  {
			display:none;
		}
		#ContentSearch input, #ContentSearchMobile input {
			border-radius: 15px 0px 0px 15px;
			-moz-border-radius: 15px 0px 0px 15px;
			-webkit-border-radius: 15px 0px 0px 15px;
			border:none;
			color:#999999;
			font-size:11px;
			height:30px;
			padding-left:13px;
			width:186px;
		}


	#mobileSearchOuter {
		text-align:center;
		padding:15px 0 12px 0;
	}
	#ContentSearchMobile {
		display:inline-block;
	}

#ContentLogo {
	display:block;
	float:left;
	margin:30px 0 0 0;
	padding:0;
	}
	#ContentLogo a#logo{
		background:url('images/logo.png') no-repeat;
		display:block;
		height:53px;
		width:209px;
		text-indent:-99999px;
	}

#ContentMemberTools {
	color:#555;
	float:right;
	font-size:12px;
	height:28px;
	line-height:28px;
	margin-top:60px;
	text-align:right;
	width:70%;
	}
	#ContentMemberTools ul {
		display:inline;
		float:right;
		list-style:none;
		margin:0;
		padding:0;
		}
		#ContentMemberTools ul li {
			float:right;
			}
			#ContentMemberTools ul li a {
				color:#555;
				display:block;
				height:28px;
				line-height:28px;
				margin-left:20px;
				text-decoration:none;
				}
				#ContentMemberTools ul li a:hover {
					text-decoration:underline;
				}
				#ContentMemberTools ul li.login a, #ContentMemberTools ul li.logout a {
					background:#555;
					border-radius: 14px 14px 14px 14px;
					-moz-border-radius: 14px 14px 14px 14px;
					-webkit-border-radius: 14px 14px 14px 14px;
					color:#fff;
					padding:0 10px;
					-webkit-transition:all .3s ease;
					-moz-transition:all .3s ease;
					-o-transition:all .3s ease;
					transition:all .3s ease;
				}
				#ContentMemberTools ul li.login a:hover, #ContentMemberTools ul li.logout a:hover {
					background:#333;
					text-decoration:none;
					-webkit-transition:all .3s ease;
					-moz-transition:all .3s ease;
					-o-transition:all .3s ease;
					transition:all .3s ease;
				}
				#ContentMemberTools ul li.login a:before, #ContentMemberTools ul li.logout a:before {
					content: "\f023  	";
					font-family:fontawesome;
				}

#ContentMemberToolsMobile ul {
	margin:0;
	padding:10px 0 0 0;
	list-style-type:none;
	}
	#ContentMemberToolsMobile ul li {
		width:49%;
		display:inline-block;
		}
		#ContentMemberToolsMobile ul li a {
			color:#fff;
			display:block;
			padding:5px 10px;
			text-decoration:none;
			text-align:center;
			}
			#ContentMemberToolsMobile ul li.login a:before, #ContentMemberToolsMobile ul li.logout a:before {
				content: "\f023  	";
				font-family:fontawesome;
			}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
#responsiveNav {margin-top:20px;}

#topNavOuter {
	background:#c34500;
	border:3px solid #dbd6d0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	display:block;
	font-family:georgia, serif;
	height:56px;
	position:relative;
	z-index:999;
	}
	#topNavOuter ul {
		display:inline;
		height:50px;
		list-style-type:none;
		margin:0;
		padding:0;
		}
		#topNavOuter ul li {
			float:left;
			position:relative;
			}
			#topNavOuter ul li a {
				color:#fbfbfb;
				display:block;
				height:50px;
				line-height:50px;
				padding:0 15px;
				text-decoration:none;
				}
				#topNavOuter ul li:hover a {
					background:#2e2e2e;
				}
			#topNavOuter ul li ul {
				background:#2e2e2e;
				border-radius: 0 0 6px 6px;
				-moz-border-radius: 0 0 6px 6px;
				-webkit-border-radius: 0 0 6px 6px;
				display:none;
				height:auto;
				padding:5px 0 10px 0;
				position:absolute;
				}
				#topNavOuter ul li:hover ul {
					display:block;
				}
				#topNavOuter ul li ul li {
					float:none;
					position:relative;
					}
					#topNavOuter ul li ul li a {
						border:none;
						font-size:14px;
						height:auto;
						line-height:1.5em;
						min-width:200px;
						padding:5px 20px;
						}
						#topNavOuter ul li ul li a:hover {
							background:#3F3F3F;
						}

	#ContentTopNav a {
		border-right:1px solid #a63a00;
		font-size:17px;
		}
		#ContentTopNav li:first-of-type a {
			border-radius: 6px 0px 0px 0px;
			-moz-border-radius: 6px 0px 0px 0px;
			-webkit-border-radius: 6px 0px 0px 0px;
		}
		#ContentTopNav li:last-of-type a {
			border-right:none;
		}

	#ContentTopQuickLinks {
		float:right;
		height:50px;
		}
		#ContentTopQuickLinks ul{
			background:#a63a00;
			border-radius: 0px 6px 6px 0px;
			-moz-border-radius: 0px 6px 6px 0px;
			-webkit-border-radius: 0px 6px 6px 0px;
			display:inline-block;
		}
		#ContentTopQuickLinks a {
			border-left:1px solid #c34500;
		}
		#ContentTopQuickLinks li:last-of-type a {
			border-radius: 0px 6px 0px 0px;
			-moz-border-radius: 0px 6px 0px 0px;
			-webkit-border-radius: 0px 6px 0px 0px;
		}
		#ContentTopQuickLinks ul li ul {
			right:0;
		}

#ContentTopNav li.secondaryNav, #ContentFooterNav li.secondaryNav {display:none !important;}
#ContentTopQuickLinks>ul>li, #ContentFooterQuickLinks>ul>li {display:none;}
#ContentTopQuickLinks>ul>li.secondaryNav, #ContentFooterQuickLinks>ul>li.secondaryNav {display:block;}


/* MOBILE NAV
---------------------------------------------*/
#btnMobileNavMenu {
	background:#c34500;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1);
	box-shadow: 1px 1px 1px 0px rgba(255,255,255,1);
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:30px;
	height:44px;
	line-height:44px;
	margin-top:22px;
	text-align:center;
	width:44px;
	}
	#btnMobileNavMenu .fa-times {display:none;}

#mobileNavOuter {
	background:#c34500;
	-webkit-box-shadow: inset 0px 5px 18px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 5px 18px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px 5px 18px 0px rgba(0,0,0,0.15);
	display:none;
	padding:0;
	}
	#mobileTopQuickLinks {
		background:#a63a00;
		font-family:georgia, serif;
		width:100%;
		}
		#mobileTopQuickLinks td {
			padding:10px 15px;
			text-align:left;
			vertical-align:top;
			width:50%;
			}
			#mobileTopQuickLinks td a, #mobileTopNav td a {
				color:#fff;
				display:block;
				text-decoration:none;
			}
	#mobileTopNav {
		background:#c34500;
		border:1px solid #a63a00;
		color:#fff;
		font-family:georgia, serif;
		font-size:18px;
		width:100%;
		}
		#mobileTopNav td {
			border-bottom:1px solid #a63a00;
			border-right:1px solid #a63a00;
			padding:10px 15px;
			text-align:left;
			vertical-align:top;
			width:50%;
			}
			#mobileTopNav td:last-of-type {
				border-right:none;
			}
		#mobileTopNav tr:last-of-type td {
			border-bottom:none;
		}


/* FLEX SLIDER
---------------------------------------------*/
.flexslider {
	background:url('images/bkg_flex_shadow_desktop.png') no-repeat center bottom;
	margin:20px 0 15px 0;
	padding-bottom:21px;
	position:relative;
}
.flexslide {
	position:relative;
}
.flexslider .slides img {
	padding-right:306px;
}
.flex-caption {
	background:url('images/bkg_flex_caption_desktop.jpg');
	color:#fff;
	height:328px;
	overflow:hidden;
	padding:30px;
	position:absolute;
	right:0;
	top:0;
	width:306px;
	}
	.flexslider .slides .flex-caption img {
		padding:0;
	}
	.flex-caption h1 {
		color:#f26322;
		font-family:georgia, serif;
		font-size:30px!important;
		line-height:1.1em;
		margin:30px 0 20px 0;
	}
	.flex-caption a {
		color:#fff;
		text-decoration:underline;
	}
	.flex-caption .readMore a {
		color:#f26322;
		display:block;
		font-size:12px;
		margin-top:20px;
		text-decoration:none;
		text-transform:uppercase;
	}


/* HOME BODY ELEMENTS
---------------------------------------------*/
#welcomeArea {
	background:url('images/bkg_dark_stripes.gif');
	}
	.welcomeText {
		color:#fff;
		font-family:georgia, serif;
		font-size:16px;
		padding:50px 0;
		}
		.welcomeText h1 {
			color:#dd4f05;
			font-family:georgia, serif;
			font-size:26px!important;
			font-style:italic;
		}
		.welcomeText a {
			color:#dd4f05;
			text-decoration:none;
		}

#ContentWelcomeButtons {
	padding:50px 0;
	}
	#ContentWelcomeButtons .btnWelcomeWrapper {
		border:1px solid #000;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin-bottom:15px;
		overflow:hidden;
		}
		#ContentWelcomeButtons .btnWelcome {
			background:#666666;
			background: -moz-linear-gradient(top, #8b8b8b 0%, #676767 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, #8b8b8b), color-stop(100%, #676767));
			background: -webkit-linear-gradient(top, #8b8b8b 0%, #676767 100%);
			background: -o-linear-gradient(top, #8b8b8b 0%, #676767 100%);
			background: -ms-linear-gradient(top, #8b8b8b 0%, #676767 100%);
			background: linear-gradient(to bottom, #8b8b8b 0%, #676767 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#676767', GradientType=0 );
			color:#fff;
			display:block;
			float:left;
			font-weight:bold;
			padding:15px 0;
			text-align:center;
			text-decoration:none;
			text-transform:uppercase;
			width:100%;
			}
			#ContentWelcomeButtons .btnWelcome:hover {
				background:#666666;
				background: -moz-linear-gradient(top, #666666 0%, #666666 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, #666666), color-stop(100%, #666666));
				background: -webkit-linear-gradient(top, #666666 0%, #666666 100%);
				background: -o-linear-gradient(top, #666666 0%, #666666 100%);
				background: -ms-linear-gradient(top, #666666 0%, #666666 100%);
				background: linear-gradient(to bottom, #666666 0%, #666666 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666', GradientType=0 );
			}

#eventsServices {
	background:transparent url('images/bkg_events_services_home.png') repeat-y center top;
	padding:45px 0;
	}
	#ContentMiddleLayoutHmEvents {
		position:relative;
		}
		#ContentMiddleLayoutHmEvents h1 {
			border-bottom:5px solid #dd4f05;
			font-family:georgia, serif;
			font-size:24px!important;
			margin-bottom:0;
			padding-bottom:10px;
			position:relative;
		}
		.homeEventsWrapper {
			border-bottom:1px solid #d9d9d9;
			padding:25px 0;
			position:relative;
			}
			.homeEventsWrapper .homeDay {
				color:#808080;
				font-family:georgia, serif;
				font-size:44px;
				left:0;
				line-height:.7em;
				margin-right: 10px;
				position:absolute;
			}
			.moyrCont {
				left:60px;
				padding-top:10px;
				position:absolute;
				}
				.homeEventsWrapper .homeMonth {
					color:#808080;
					display:block;
					font-family:georgia, serif;
					font-size:12px;
					line-height:1.2em;
					text-transform:uppercase;
				}
				.homeEventsWrapper .homeYear {
					color:#666;
					display:block;
					font-size:11px;
					line-height:1.2em;
				}
			.homeEventsDetails {
				float:left;
				margin-left:100px;
				}
				.homeEventTitle, .serviceTitle {
					display:block;
					font-family:georgia, serif;
					font-size:17px;
					margin-bottom:5px;
					}
					.homeEventTitle a, .serviceTitle a {
						color:#dd4f05;
						text-decoration:none;
					}
		.alumniCal {
			float:left;
			margin-top:20px;
		}
		.campusCal {
			float:right;
			margin-top:20px;
			}
			.alumniCal a, .campusCal a {
				color:#808080;
				font-size:12px;
				text-decoration:none;
			}

	.homeEventRSS {
		background:#dd4f05;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color:#fff;
		display:block;
		float:right;
		font-size:9px!important;
		height:21px;
		line-height: 22px;
		margin-top:10px;
		text-align:center;
		width:22px;
		}
		.homeEventRSS:hover {
			background:#ed6017;
			color:#fff;
		}

	.homeServicesWrapper {
		margin-bottom:20px;
		min-height:118px;
		position:relative;
		}
		.serviceImage {
			border:5px solid #e6e6e6;
			left:0;
			max-height:112px;
			overflow:hidden;
			position:absolute;
			}
			.serviceImage img {
				float:left;
				max-width:159px;
			}
		.homeServicesDetails {
			float:left;
			margin-left:180px;
			}
			.serviceTitle {
				font-size:20px;
			}


/* LEFT COLUMN
---------------------------------------------*/
#ContentLeftNav ul {margin:0; padding:0; list-style:none;}

#ContentLeftNav a {
	color:#272727;
	display:block;
	text-decoration:none;
}

#ContentLeftNav>ul>li, #ContentLeftNav>ul>li>ul, #ContentLeftNav>ul>li>ul>li>ul {
	display:none;
	}
	#ContentLeftNav>ul>li.selected, #ContentLeftNav>ul>li.selected>ul, #ContentLeftNav>ul>li.selected>ul>li.selected>ul {
		display:block;
	}
	#ContentLeftNav li.selected>a {
		color:#c34500;
	}
	#ContentLeftNav>ul>li.selected>a {
		color:#272727;
	}
	#ContentLeftNav>ul>li>a {
		border-bottom:1px solid #ccc;
		color:#272727;
		font-size:18px;
		font-weight:bold;
		padding:12px;
		text-decoration:none;
		text-transform:uppercase;
		}

		#ContentLeftNav>ul>li>ul {
			margin:15px 0 0 12px;
			}
			#ContentLeftNav>ul>li>ul a {
				line-height:1.4em;
				padding:0 0 7px 0;
				}
			#ContentLeftNav>ul>li.selected {
				display:block;
			}

			#ContentLeftNav>ul>li>ul>li>ul {
				margin:0 0 0 15px;
				}
				#ContentLeftNav>ul>li>ul>li>ul a {
					color:#c34500;
				}

				#ContentLeftNav > ul > li > ul > li > ul > li > ul {
				    margin-left: 15px;
				}
				#ContentLeftNav > ul > li > ul > li > ul > li.selected a {
				    color: #000;
				}

#mobileSubNav {display:none;}
#mobileSubNavInner {
	background:#fff;
	border:1px solid #dbd6d0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	color:#231f20;
	font-size:16px;
	font-weight:bold;
	}
	#mobileSubNavTitle {
		cursor:pointer;
		display:block;
		padding:10px 15px;
		}
		#mobileSubNavTitle em.fa {
			display:block;
			float:right;
			margin-top:3px;
			}
			#mobileSubNavTitle em.fa-chevron-up {display:none;}

	#mobileSubNavInner ul {display:none;}
	#mobileSubNavInner>ul {
		list-style-type:none;
		margin:0;
		padding:0;
		}
		#mobileSubNavInner>ul>li>a {
			border-top:1px solid #eee;
			color:#555;
			display:block;
			font-size:13px;
			font-weight:normal;
			padding:10px 15px;
			text-decoration:none;
		}


/* BODY ELEMENTS
---------------------------------------------*/
section#main {
	padding:30px 0;
	}
	article#middleWrapper {
		background:#fff;
		border-left:1px solid #ccc;
		margin-left:0;
		padding:0 15px;
		width:741px;
	}


/* Footer Elements
---------------------------------------------*/
#BreadcrumbWrapper {
	background:#dd4f05;
	padding-top:15px;
	}
	#ContentBreadCrumbs {
		color:#fff;
		float:left;
		font-size:11px;
		text-transform:uppercase;
		width:50%;
		}
		#ContentBreadCrumbs a {
			color:#fff;
			text-decoration:none;
		}
		#BreadcrumbWrapper #social {
			float:right;
			text-align:right;
			width:50%;
		}
		#divSocialButtons {
			float:right;
		}

footer {
	border-top:10px solid #dd4f05;
	float:left;
	padding:30px 0;
	width:100%;
}

#footerWrapper {position:relative;}

footer nav ul {
	font-family:Georgia, serif;
	list-style-type:none;
	margin:0 14px 0 0;
	padding:0;
}
footer nav, footer nav#ContentFooterNav ul, #ContentFooterQuickLinks>ul>li {
	float:left;
}
footer nav#ContentFooterNav ul,  #ContentFooterQuickLinks>ul>li {
	margin-right:14px;
	width:130px;
}

footer nav ul ul {
	font-family:arial, sans-serif;
	font-size:11px;
	margin:10px 0 35px 0;
	}
	footer nav ul ul li {
		line-height:1.6em;
	}

footer nav ul li a {
	color:#fefefe;
	text-decoration:none;
	}
	footer nav ul li a:hover {
		color:#fefefe;
		text-decoration:none;
	}

#ContentFooter {
	color:#fefefe;
	float:right;
	font-size:11px;
	line-height:1.6em;
	text-align:right;
	}
	#ContentFooter a {
		color:#fefefe;
		text-decoration:none;
		}
		#ContentFooter a:hover {
			color:#fefefe;
			text-decoration:none;
		}

	#footerLogo {
		display:block;
		margin:0;
		padding:0;
		margin-bottom:20px;
		}
		#footerLogo a{
			background:url('images/logo_footer_ret_417x106.png') no-repeat center center;
			background-size: 100%;
			display:block;
			font-size:0;
			height:53px;
			line-height:0;
			width:208px;
		}
	#socialFooterIcons {
		margin-top:20px;
		}
		#socialFooterIcons a {
			background: transparent url('images/bkg_footer_social_btn.png') no-repeat center center;
			color:#181616;
			display:inline-block;
			font-size:20px;
			height:32px;
			line-height:32px;
			margin-left:10px;
			text-align:center;
			width:32px;
			}
			#socialFooterIcons a:hover {
				color: #E6DCDC;
			}

footer span.showMobile {display:none;}

/* EVENT PAGE
---------------------------------------------*/

/* overwrite appstyles on event page */
.imod_eventDetails .imod_eventDetails .imod_eventDescription {
	float:none;
}

/* align form hrs and custom text */
.idbmsMembershipLevels .idbmsMembershipLevelAltItemDesc td {padding-left:0;}


/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1001px) {
	* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
}


/* =============================================================================
   768px Grid
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1001px){
	* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing: border-box;}
	.js-ready #nav {width:30%;}
	.js-nav #inner-wrap {left:30%;}
	#outer-wrap {overflow:hidden; height:auto;}
	.csstransforms3d.csstransitions.js-nav #inner-wrap { -webkit-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(30%, 0, 0) scale3d(1, 1, 1); transform: translate3d(30%, 0, 0) scale3d(1, 1, 1);}
	.js-ready #nav li {width:100%;}
	textarea {width:100%;}



	#topNavOuter ul li a {padding:0 10px;}
	#topNavOuter ul li ul li a {min-width:175px;}
	#ContentTopNav a {font-size:14px;}
	#ContentTopQuickLinks a {font-size:12px;}
	#ContentTopQuickLinks ul li ul li a {font-size:12px;}

	.flex-viewport {max-height:252px;}
	.flexslider .slides img {padding-right:219px;}
	.flex-control-nav {display:none;}
	.flexslider {
		background:url('images/bkg_flex_shadow_tablet.png') no-repeat center bottom;
		margin-bottom:10px;
		padding-bottom:18px;
	}
	.flex-caption {
		background:url('images/bkg_flex_caption_tablet.jpg');
		font-size:12px;
		height:252px;
		line-height:1.3em;
		padding:25px 30px 0 30px;
		width:219px;
		}
		.flex-caption h1 {
			font-size:18px!important;
			margin:0 0 10px 0;
		}
		.flex-caption .readMore a {margin-top:10px;}

	.welcomeText, #ContentWelcomeButtons {padding:30px 0;}

	#ContentMiddleLayoutHmServices {padding-left:25px;}
	.homeServicesWrapper {min-height:inherit;}
	.homeServicesDetails {float:none;margin:0;}
	.serviceImage {display:none;}

	article#middleWrapper {width:568px;}

	#ContentBreadCrumbs {font-size:10px;}

	#ContentFooterQuickLinks>ul>li {float:none;}

	footer nav#ContentFooterNav ul,
	#ContentFooterQuickLinks>ul>li {margin-right:11px;width:115px;}
}


/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) {
}


/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 767px) {
	#inner-wrap {background-position:center 22px;}

	#eduHead {
		background: #383838;
		background: -moz-linear-gradient(top, #383838 0%, #252525 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #383838), color-stop(100%, #252525));
		background: -webkit-linear-gradient(top, #383838 0%, #252525 100%);
		background: -o-linear-gradient(top, #383838 0%, #252525 100%);
		background: -ms-linear-gradient(top, #383838 0%, #252525 100%);
		background: linear-gradient(to bottom, #383838 0%, #252525 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#252525', GradientType=0 );
		height:40px;
	}
	#eduHead .grid_12 {padding:0 10px;}
	nav#ContentNavEDU ul li a {
		height:40px;
		line-height:40px;
		margin-right:10px;
	}
	nav#ContentNavEDU ul li:last-child a {
		margin-right:0;
	}
	nav#ContentNavEDU ul li.campaign a {background:none;padding:0;}

	#ContentLogo {margin-top:15px;}

	#ContentMemberTools, #ContentSearch {display:none;}

	#mobileSubNav {display:block;}

	#flexElements {padding:0;}
	.flex-viewport {background:#000;max-height:auto;}
	.flexslider {background:none;margin:0;padding-bottom:0;}
	.flexslider .slides img {padding-right:0;}
	.flex-caption {
		background:url('images/bkg_flex_caption_mobile.jpg') no-repeat left bottom;
		display:block;
		height:177px;
		margin-top:40px;
		padding:20px 15px 20px 15px;
		position:relative;
		width:100%;
		}
		.flex-caption h1 {
			font-size:24px!important;
			margin:0 0 10px 0;
		}
		.flex-caption .readMore a {margin-top:10px;}
	.flex-control-nav {display:block;width:100%;background:#000;height:40px;top:auto;bottom:177px;text-align:center;padding:0;}
	.flex-control-nav li {margin:0 4px 0 4px;}
	.flex-control-nav li {margin-top:14px;}
	.flex-control-paging li a {width: 15px; height: 15px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}

	#eventsServices {background:none;padding:0;}

	#ContentMiddleLayoutHmEvents {background:#fff;padding:25px 20px;}
	.homeEventPreview {display:none;}
	.moyrCont {left: 11px;top: 65px;}
	.homeEventsDetails {margin-left:70px;}
	.homeEventsWrapper {min-height:120px;}
	.alumniCal, .campusCal {display:block;float:none;}
	.campusCal {margin-top:10px;}

	#welcomeArea {background:url('images/bkg_dark_stripes_op50.png');margin-top: -6px;}
	.welcomeText {line-height:1.8em;padding:30px 20px 10px 20px;}
	.welcomeText h1 {color:#111;font-size:21px!important;margin-bottom:25px;}
	.welcomeText a {color:#111;font-style:italic;}

	#ContentWelcomeButtons {padding:0 20px 20px 20px;}
	#ContentWelcomeButtons .btnWelcomeWrapper {
		border:1px solid #f26322;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		#ContentWelcomeButtons .btnWelcome {
			background:#f58959;
			background: -moz-linear-gradient(top, #f58959 0%, #b74c1b 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, #f58959), color-stop(100%, #b74c1b));
			background: -webkit-linear-gradient(top, #f58959 0%, #b74c1b 100%);
			background: -o-linear-gradient(top, #f58959 0%, #b74c1b 100%);
			background: -ms-linear-gradient(top, #f58959 0%, #b74c1b 100%);
			background: linear-gradient(to bottom, #f58959 0%, #b74c1b 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58959', endColorstr='#b74c1b', GradientType=0 );
			}
			#ContentWelcomeButtons .btnWelcome:hover {
				background:#b74c1b;
				background: -moz-linear-gradient(top, #b74c1b 0%, #f58959 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, #b74c1b), color-stop(100%, #f58959));
				background: -webkit-linear-gradient(top, #b74c1b 0%, #f58959 100%);
				background: -o-linear-gradient(top, #b74c1b 0%, #f58959 100%);
				background: -ms-linear-gradient(top, #b74c1b 0%, #f58959 100%);
				background: linear-gradient(to bottom, #b74c1b 0%, #f58959 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b74c1b', endColorstr='#f58959', GradientType=0 );
			}

	#ContentMiddleLayoutHmServices {padding:25px 20px;}
	.serviceImage {display:block;max-height:96px;}
	.serviceImage img {max-width:135px;}
	.servicePreview {display:none;}
	.homeServicesWrapper {margin-bottom: 15px;min-height: 95px;}
	.homeServicesDetails {margin-left: 165px;}

	section#main {padding-top:0;}
	article#middleWrapper {border-left:none;margin-top:20px;padding-left:20px;	width:100%;}

	#ContentFooter {float:none;text-align:center;}
	#footerLogo {display:inline-block;}
	footer span.showMobile {display:inline;}

	.wideArea {margin: 1em 0;}
	textarea, input[type="file"] {width: 100%;}
}


/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
}


/* =============================================================================
   Retina Display
   ========================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {


	#ContentLogo a#logo{
		background:url('images/logo_ret.png') no-repeat;
		background-size:cover;
		display:block;
		height:53px;
		width:209px;
		text-indent:-99999px;
	}

}


/* Fix Application Defaults
---------------------------------------------*/
.idbmsBreadcrumbSeparator {color:#000000!important;}
.expand img {background-color: #000000!important; min-width: 16px;}
.expand {background-color: #000000!important;}
.Error,.error {width:auto!important}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

.mastWrap img[src="/images/spacer.gif"] {display:none;}

#cid_283_pnlHelp  tr {display: block!important;}

/* Expand/Collapse - added as maintenance 3-8-16*/
.expandable {background:#F5F2ED;}
.expandable .content {display:none; padding:0 20px 20px 20px;}
.expandable .title {position:relative; padding: 15px 40px 15px 20px; cursor:pointer;}
.expandable .expand-btn,
.expandable .collapse-btn {background:#C34500; position:absolute; right:20px;top:20px;}
.expandable .active .expand-btn,
.expandable .collapse-btn {display:none;}
.expandable .active .collapse-btn {display:block;}


/* email palatte colors */
.emailColor1 {color:#4A773C;}
.emailColor2 {color:#00859B;}
.emailColor3 {color:#FFb500;}
.emailColor4 {color:#006A8E;}
.emailColor5 {color:#c4D6A4;}
.emailColor6 {color:#b8dde1;}
.emailColor7 {color:#fdd26e;}
.emailColor8 {color:#c6dae7;}
.emailColor9 {color:#aa9d2e;}
.emailColor10 {color:#0d5257;}
.emailColor11 {color:#d3832b;}
.emailColor12 {color:#003b5c;}
.emailColor13 {color:#b7a99a;}
.emailColor14 {color:#a7aca2;}
.emailColor15 {color:#7a6855;}
.emailColor16 {color:#8e9089;}
.emailColor17 {color:#DC4405;}