.tablet, .handheld { display: none; }
.desktop { display: block; }

/*styles for desktop*/
@media screen and (min-width: 800px) {
}

/*styles for tablets*/
@media screen and (max-width: 768px), screen and (max-width: 1024px) {
	.desktop, .handheld, #content .desktop, #content .handheld { display: none; }
	.tablet, #content .tablet { display: block; }

	.uww1k { width: 700px; }
	#uwwLandingNav { display: none; }
	#uwwTools { float: none; width: 100%; }
	#uwwSearch { float: right; }
	#uwwHeader { padding-top: 0; }
	#uwwResources { float: none; text-align: right; margin-bottom: 5px; margin-top: 10px; }
	#uwwLogo img { margin-right: 0; }
	#uwwPage { padding: 5px; }

	#uwwAudienceNav { font-size: 12px; margin-top: 50px; }
	#uwwAudienceNav li { padding: 0; border: none; font-weight: bold; }

	#uwwTopShadow, #uwwBottomShadow { background: none; }

	#sectionNavigation ul.level1 li { padding-left: 0; }
	#sectionNavigation ul.level1 li.hassub { padding-left: 0; background: none; }
	#sectionNavigation ul { text-align: center; }
	#sectionNavigation, #sectionNavigation ul.level1 a { font-size: 13px; }

	h1.image { width: 100% !important; }

	#uwwSplash { width: 48%; float: left; height: auto; overflow: visible; }
	.uwwHome #uwwSplash { width: 100%; height: auto; float: none; }
	#uwwFeaturedContent { width: 100%; height: auto; float: none; overflow: visible; }
	#uwwFeaturedItems, #uwwFeaturedVideo { width: 100%; height: 330px; overflow: visible; background: #fff; }
	#uwwFeaturedItems a img { width: 100%; height: auto; }
	#uwwFeaturedItemThumbs { width: 100%; }
	.uwwHome #uwwFeaturedItemThumbs { width: 100%; }
	#uwwFeaturedItemThumbs li#uwwFeaturedThumbsFoot { padding-right: 25px; }
	#uwwFeaturedItemIndicator { display: none; }
	#uwwPlaylist { display: none; }
	#uwwFeaturedContent { display: none; }
	.uwwHome #uwwFeaturedContent { display: block; }
	#uwwFeaturedItemThumbs li#uwwSocialConnect { height: auto; overflow: visible; background-color: #222; width: 100%; }
	#uwwFeaturedItemThumbs li#uwwSocialConnect a { display: block; width: 100%; padding: 0 25%; }
	#uwwFeaturedItemThumbs li#uwwSocialConnect a img { float: none; border: none; }

	#uwwHomeBottomContent { height: auto; }
	#uwwHomeBottomContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#uwwHomeBottomContent { display: inline-block; }
	#uwwHomeBottomContent { display: block; }

	#uwwTabs { display: none; }

	#sidebarHeader { padding-top: 10px; }
	#sidebarHeader img { }
	#sectionSidebar h2 { }

	#uwwTicker { width: 71%; background: none; height: 60px; padding: 5px; background-color: #EDE9E0; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; }
	.uwwAudience #uwwTicker { width: 68%; height: 75px; }
	#uwwTicker .items { width: 100%; height: inherit; overflow: auto; margin-left: 0; }
	#uwwTicker .items div { margin-top: 0; padding-right: 0; margin-bottom: 3px; width: 32%; margin-right: 0; }
	#uwwTicker .item { height: auto; overflow: auto; line-height: 120%; }
	#uwwTicker a { font-weight: normal; font-size: 11px; }
	#uwwTicker h2 { font-size: 16px; float: none; width: 100%; margin-top: 0; margin-bottom: 5px; }
	#uwwTicker h2 a { font-weight: bold; font-size: inherit; }

	#content { width: 73%; float: left; }
	.uwwAudience #content { width: 70%; float: right; }
	#content.Right { margin-right: 5px; }
	#contentCenter { width: 96%; padding: 2%; }
	#content #contentLeft .uwwNewsBlock { width: 96%; padding: 2%; }
	.uwwHome #contentLeft { display: none; }
	#contentLeft { float: none; width: 100% !important; margin-right: 0; padding-top: 0; }
	#contentRight { float: none; width: 100% !important; }

	#uwwHomeUpcomingEvents { float: none; width: 100%; margin-top: 10px; border-right: none; height: auto; }
	#uwwHomeUpcomingEvents li { float: left; width: 50%; clear: none; }
	#uwwHomeSubNavigation  li { padding-bottom: 25px; padding-left: 35px; }
	#uwwHomeSubNavigation li li { font-size: 11px; }
	#uwwHomeSubNavigation li:first-child { padding-left: 0; }

	#M-level3control { padding: 0 10px; margin-bottom: 15px; }
	#M-level3control h1 { font-size: 20px; text-transform: none; color: #331e54; margin-bottom: 10px; }
	#M-level3control h4 { font-size: 14px; color: #A05324; text-transform: none; }
	#M-level3control ul { overflow: visible; }
	#M-level3control .infobox { overflow: visible; margin-top: 10px; }
	#M-level3control .infobox img { float: none; }
	#M-level3control .infobox li { float: left; font-size: 12px; list-style-type: disc; list-style-image: none; list-style-position: inside; margin-right: 20px; line-height: 135%; padding: 0; }
	#M-level3control .infobox li:first-child { }
	#M-level3control a { font-weight: normal; color: #44687D; }
	#M-level3control .infobox h4 { float: left; width: 43%; }
	#M-level3control .infobox h4 + ul { float: left; font-size: 12px; margin-left: 1%; width: 55%; }

	#uwwBottomShadow { display: none; }

	/*
    #footercol3 { display: none; }
	#footercol1 { width: 30%; float: left; margin-right: 22px; }
	#footercol2 { width: 36%; float: left; margin-right: 22px; }
	#footercol4 { width: 27%; margin-right: 0; }
    */
    #uwwFooter > .uww1k > div { width: 46%; float: left; padding: 5px 2%; margin-right: 0; }
    #uwwFooter > .uww1k > div:nth-child(odd) { text-align: right; }
}


/*styles for smart phones*/
@media screen and (max-width: 320px), screen and (max-width: 569px) {
	.desktop, .tablet { display: none; }
	.handheld { display: block; }

	.M-clear { float: none !important; width: 100% !important; }

	#uwwLandingNav { display: none; }
	#mobileLandingNav { float: left; margin-top: 4px; }
	#mobileLandingNav li { display: inline; font-size: 11px; padding: 0 6px; }
	#mobileLandingNav a { color: #fff; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
	#uwwShortcuts { background: url("img/bg_optionmob.gif") no-repeat scroll 0 0 transparent; width: 55px; }
	#uwwShortcuts select { width: 53px; }
	#uwwTools { float: none; width: 100%; position: relative; }
	#uwwSearch.desktop { display: none; }
	#uwwMobileSearch { float: right; margin-right: 5px; z-index: 60000; }
	#uwwMobileSearch label { display: none; }
	#uwwMobileSearch #triggersearch { border: 0; background: transparent url('../uww/img/btn_search.gif') no-repeat; cursor: pointer; width: 22px; height: 22px; }
	#uwwMobileSearch #searchbox { position: absolute; left: 31%; top: 0; padding: 15px; background-color: #333; box-shadow: 0 0 4px #ccc; width: 50%; display: none; }
	#uwwSearchQuery { border: 0; width: 100%; }
	#uwwSearchSubmit { display: none; }
	#uwwHeader { padding-top: 0; }
	#uwwResources { display: none; }
	#uwwAudienceNav { display: none; }

	.applogo { display: none; }
	#uwwLogo { text-align: center; z-index: 10; }
	#uwwLogo a { display: block; }
	#uwwLogo a:first-child img { width: 80%; margin-bottom: 10px; }
	#uwwHeader { padding-top: 10px; padding-bottom: 0; }
	#uwwTopShadow { display: none; }

	#wrapper, #uwwPage, #appcontent, .uww1k { padding: 0; margin: 0; border: none; }
	.uww1k { width: 320px; margin: 0 auto; }

	#sectionNavigation { margin-bottom: 1px; }
	#sectionNavigation ul { padding: 5px 0; width: 100%; }
	#sectionNavigation ul  a { font-size:16px; display: block; padding: 10px 10px; border: 1px solid #5D7F91; color: #C0D6E0; border-bottom-color: #688FA0; background: url("../uww/img/icon_dropdown_right.png") center right no-repeat; text-decoration: underline; }
	#sectionNavigation ul li { display: block; padding: 0 5px; text-align: left; }

	h1.handheld { font-size: 40px; color: #fff; letter-spacing: -1px; text-transform: none; text-shadow: 1px 1px 3px #222222; padding: 5%; background-color: #241042; margin-bottom: 0; width: 90%; }
	h1.image { overflow: hidden; background-position: -200px 0 !important; width: 100% !important; height: 100px !important; margin-bottom: 1px; font-size: auto; text-indent: 0; }
	h1.image span { padding-left: 15px; }

	#uwwTicker { width: 100%; background: none; height: auto; padding: 0; background-color: transparent; border: none; margin: 1px 0; font-size: .9em; }
	.uwwAudience #uwwTicker { width: 100%; height: auto; }
	#uwwTicker .items { width: 96%; padding: 0 2%; height: inherit; overflow: visible; margin-left: 0; float: none; }
	#uwwTicker .items .item { height: auto; overflow: visible; width: 100%; }
	#uwwTicker .items div { margin-top: 0; padding-right: 0; margin-bottom: 8px; width: 100%; margin-right: 0; float: none; }
	#uwwTicker .item { height: auto; overflow: auto; line-height: 150%; float: none; }
	#uwwTicker a { font-weight: normal; font-size: 1em; }
	#uwwTicker h2 { float: none; width: 100%; margin-top: 0; margin-bottom: 5px; }
	#uwwTicker h2 a { display: block; text-transform: uppercase; font-weight: normal; font-size: 14px; color: #fff; background-color: #563D7C; text-align: left; margin-bottom: 0; padding: 3% 0 3% 3%; width: 97%; }
	#uwwTicker div.controls  { height: 15px; }

	#breadcrumbs { margin-bottom: 10px; }

	#subNavigation { float: none; }
	.subNavAd { margin-bottom: 0; }
	#subNavigation { width: 100%; background: none; margin: 0 0 1px 0; position: relative; }
	#subNavigation > h2 { cursor: pointer; padding: 10px 25px 10px 10px; text-transform: uppercase; font-size: 14px; color: #fff; background: #333 url("img/icon_dropdown_down.png") 98% 50% no-repeat; text-align: left; margin-bottom: 0; min-height: 0; height: auto; width: auto; font-weight: normal; }
	#subNavigation hr { display: none; }
	#subNavigation ul { margin-bottom: 5px; background: none; }
	#subNavigation h3 { color: #333; font-size: 14px; border: none; }
	#subNavigationLinksHeader { display: none; }
	#subNavigationLinks { display: none; background: none; padding: 5px; background-color: #eee; margin-bottom: 0; width: 100%; }
	#subNavigationLinks ul a { font-size:12px; display: block; padding: 10px 5px; background: url("img/icon_dropdown_rightdark.png") center right no-repeat; text-decoration: underline; line-height: 150%; }
	#subNavigationLinks ul h3 a { color: #333; font-size: 14px; border: none; }
	#subNavigationLinks ul { width:98%; margin-left: 0; padding: 0 1%;  min-height: 0; }
	.uwwAudience #subNavigationLinks ul { width:98%; margin-left: 0; padding: 0;  min-height: 0; }
	#subNavigationLinks ul ul { margin-bottom: 0; width:98%; margin-left: 0; padding: 0 1%; }
	#subNavigationLinks ul li { display: block; padding: 0 1%; text-align: left; margin: 0; list-style-type: none; }
	#subNavigationLinks ul li li { margin-top: 5px; padding: 0; }

	.Fat, .Slim { width: 100% !important; }
	#content.Right { float: none; margin-right: 0; }
	#content { width: 100%; padding: 0; margin-right: 0; float: none; }
	#content .spotlight, #content .video, #content .contentBlock { float: none; clear: both; padding: 0; }
	#content .spotlight a img { width: 100%; height: auto; }
	#content .contentBlock h2 { font-size: 14px; padding-right: 0; }
	#content .contentBlock p, #content .contentBlock ul { padding: 0 5px; }
	#content .contentBlock p a img { width: 100%; height: auto; }
	#content img { margin-right: 25px; }
	#content iframe { width: 100% !important; }
	#content h2 { margin-left: 0; }
	#content #contentLeft { margin-right: 0; width: 100%; float: none; }
	#content form { padding: 5px; }
	#content input[type='text'], #content textarea, #content select { width: 70%; }
	#content .contentBlock ul { float: none !important; width: 95% !important; }

	#uwwFeaturedItems, #uwwFeaturedVideo { width: 100%; height: 145px; overflow: visible; background: #fff; }
	#uwwFeaturedItemThumbs li { height: auto; }
	#uwwFeaturedItemThumbs li#uwwSocialConnect a { padding: 0; }
	#uwwFeaturedItemThumbs li#uwwSocialConnect { }
	#uwwFeaturedItemThumbs li#uwwSocialConnect a img { width: 100%; height: auto;  margin: 0; }
	#uwwHomeUpcomingEvents { float: none; width: 96%; border-right: none; height: auto; margin-top: 10px; padding: 2%; }
	#uwwHomeUpcomingEvents li { float: left; width: 40%; margin-right: 10%; clear: none; overflow: visible; max-height: none; height: auto; }
	#uwwHomeSubNavigation { text-align: center; }
	#uwwHomeSubNavigation ul { width: 100%; max-width: 100%; margin-bottom: 30px; }
	#uwwHomeSubNavigation  li { padding: 0; margin: 0; float: none; }
	#uwwHomeSubNavigation li li { font-size: 16px; }
	#uwwHomeSubNavigation h2 a { font-size: 20px; }

	#campusResources { padding: 10px; background: #EAE8DD; }
	#campusResources h3 { font-size: 13px; }
	#campusResources ul { margin-left: 20px; }
	#campusResources li { float: left; height: auto; list-style-image: url("img/list-arrow-bg.png"); list-style-position: inside; margin-right: 5%; overflow: visible; padding: 2px 0 0; width: 45%; }
	#campusResources li a { font-size: 12px; color: #333; text-decoration: none; }
	#campusResources li a:hover { text-decoration: underline; }

	.uwwAudience #content { width: 100%; float: none; }

	.uwwFactSheet .contentBlock h2 + div { float: none !important; width: 97% !important; margin: 0 0 10px 0 !important; padding: 1% !important; min-height: 75px; }

	#degreePrograms { }
	#degreePrograms td.programTitle, .major, .minor, .emphasis, .orphan, .programType { font-size: 11px; }

	#M-level3control { padding: 0 0; margin-bottom: 1px; }
	#M-level3control #level3wrapper { padding: 5px; display: none; background-color: #EBE6F4; }
	#M-level3control h1 { cursor: pointer; text-transform: uppercase; font-weight: normal; font-size: 14px; color: #fff; background: #563D7C url("img/icon_dropdown_down.png") 98% 50% no-repeat; text-align: left; margin-bottom: 0; padding: 3% 0 3% 3%; width: 97%; }
	#M-level3control .infobox h4, #M-level3control .infobox h3, #M-level3control .infobox h2 { font-size: 14px; color: #563D7C; text-transform: uppercase; font-weight: bold; float: none; width: 100%; }
	#M-level3control ul { overflow: auto; }
	#M-level3control .infobox { overflow: auto; }
	#M-level3control .infobox li { float: none; display: block; padding: 0; text-align: left; margin: 0; list-style-type: none; }
	#M-level3control a { font-size:12px; color: #000; display: block; padding: 10px 0; background: url("img/icon_dropdown_rightdark.png") center right no-repeat; text-decoration: underline; }
	#M-level3control .infobox h4 + ul { width:100%; margin-left: 0; padding-left: 0; }

	#uwwFooter .uww1k { background-image: none; padding: 0; }
	/* #footercol1, #footercol2, #footercol3 { display: none; } */
	#uwwFooter > .uww1k > div { width: 96%; float: none; padding: 5px 2%; margin-right: 0; text-align: left; }
    #uwwFooter > .uww1k > div:nth-child(odd) { text-align: left; }
}