@media (max-width: 475px) {

	body {font: 12px 'PT Sans', Arial, Helvetica, sans-serif; text-align: center;}

	img.photos {width: 170px; height: auto;}

	#container {width: 100%; margin: 0 auto -65px; text-align: center;}

	#top {width: 100%; height: 45px; position: fixed; top: 0; left: 0; z-index: 10000;}
		#top #cmu {width: 100%; height: 45px; overflow: hidden; text-align: center;}
			#top #cmu img {width: 306px; height: 45px; margin: 0 auto;}
		#top #social {display: none;}

	#header {width: 100%; height: 165px; z-index: 1015;}
		#header #banner {width: 100%; height: 165px; overflow: hidden; text-align: center;}
		#header img {max-width: 500px; max-height: 120px; position: absolute; top: 45px; right: 0;}
		#header img.c {max-width: 500px; max-height: 120px; position: absolute; top: 45px; left: 50%; margin-left: -250px;}
		#header img.left {max-width: 500px; max-height: 120px; position: absolute; top: 45px; left: 0;}
		#header img.fullsize {width: 130%; left: -15%;}
		#header #logo {width: 195px; height: 127px; overflow: hidden;}
			#header #logo img {width: 195px; height: 82px;}

	#header.cms {height: 40px; margin-top: 45px;}

	#header #menu_bknd, #header #menu, #header #menu2 {width: 100%; height: 40px;}

	#header #menu.stick {position: fixed; top: 45px; z-index: 10001;}

		#header #menu ul {height: 40px;}
			#header #menu ul li {font-size: 1.2em; letter-spacing: 0;}
				#header #menu ul li a {height: 40px; line-height: 40px; padding: 0 5px; overflow: hidden;}
				#header #menu ul li a:hover, #header #menu ul li:hover a, #header #menu ul li.hover a {height: 40px; line-height: 40px; padding: 0 4px; overflow: hidden;}

		ul.MenuBarHorizontal {height: 40px;}
		ul.MenuBarHorizontal li {font-size: 1.2em; letter-spacing: 0;}
		ul.MenuBarHorizontal a {height: 40px; line-height: 40px; padding: 0 5px; overflow: hidden;}
		ul.MenuBarHorizontal a:hover {height: 40px; line-height: 40px; padding: 0 4px; overflow: hidden;}
		ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {padding: 0 4px; overflow: hidden;}

		ul.MenuBarHorizontal ul {top: 40px;}
		ul.MenuBarHorizontal ul.hide_text {display: none;}
		ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {background-image: none; padding-right: 4px;}
		ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {background-image: none;}

		ul.MenuBarHorizontal ul li {width: 135px; font-size: 1em;}
		ul.MenuBarHorizontal ul a {line-height: 16px; padding: 5px 4px;}
		ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus, ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus {height: auto; line-height: 16px; padding: 5px 6px;}
		ul.MenuBarHorizontal ul a.MenuBarItemHover, ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible {padding: 5px 6px;}

		ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {padding-right: 6px;}


	.submenu {position: absolute; top: 165px; left: 0; margin: 0; padding: 0; width: 100%; height: 920px; text-align: left; display: none; background: none; z-index: 9999;}

		.submenu .sub_back {position: absolute; width: 100%; height: 100%; top: 0; right: 0; background: #ffffff; filter: progid:DXImageTransform.Microsoft.alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; z-index: 1999;}

		#sub_become {border-top: 6px solid #a55600; border-bottom: 6px solid #a55600;}
		#sub_students {border-top: 6px solid #a22208; border-bottom: 6px solid #a22208;}
		#sub_academics {border-top: 6px solid #152e74; border-bottom: 6px solid #152e74;}
		#sub_community {border-top: 6px solid #40830f; border-bottom: 6px solid #40830f;}
		#sub_about {border-top: 6px solid #005837; border-bottom: 6px solid #005837;}

		.submenu .sub_color {position: absolute; top: 0; left: 0; display: inline; width: 100%; height: 6px; z-index: 21; overflow: hidden;}

		.submenu .sub_content {position: absolute; width: 95%; height: 100%; top: 0; left: 9px; padding-top: 7px; z-index: 2000; overflow: hidden;}

			.submenu .sub_content .sub_div {height: auto; float: none; display: inline; margin-top: -7px;}

				.submenu .sub_content .sub_div h1 {font: bold 1.3em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.5em 15px 0.4em 15px; padding: 0 0 4px 0; line-height: 1em; border-bottom: 0;}
				.submenu .sub_content .sub_div h1.line {border-bottom: 1px dotted #555555; padding-bottom: 2px; margin-bottom: 0.25em;}
				.submenu .sub_content .sub_div ul {font: 1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.2em 15px 0.9em 30px; padding: 0; font-weight: normal; list-style-type: disc;}
					.submenu .sub_content .sub_div ul li {line-height: 1.05em; margin: 0 0 0.2em 0; border-bottom: 0;}
						.submenu .sub_content .sub_div ul li ul {font: 0.9em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.3em 0 0.3em 15px; padding: 0; list-style-type: circle; font-weight: normal;}
							.submenu .sub_content .sub_div ul li ul li {line-height: 1.1em; margin: 0 0 0.2em 0; border-bottom: 0;}

				.submenu .sub_content .sub_div ul.closegap {margin-top: -0.7em;}

			.col_1 {float: left; width: 95%;}
			.col_2 {float: left; width: 95%;}
			.col_3 {float: left; width: 95%;}

	#colourbar {width: 100%;}

	#mainContent {width: 100%;}

	#text {width: 100%; float: none; padding-bottom: 15px;}

		#text p {font-size: 1.4em; margin-left: 10px; margin-right: 10px;}
		#text h1 {font-size: 1.8em; margin-left: 10px; padding-right: 10px; padding-bottom: 8px; padding-top: 10px;}
			#text h1 img {height: auto;}
		#text h2 {font-size: 1.6em; margin-left: 10px; margin-right: 10px; margin-top: 0;}
		#text h2.blog {font-size: 2em; margin-left: 10px; margin-right: 10px;}
		#text h3, #text h4, #text h5 {font-size: 1.5em; margin-left: 10px; margin-right: 10px;}

		#text div.hr, #text hr {margin-left: 10px; margin-right: 10px;}
		#text div.hr2 {margin-left: 10px; margin-bottom: 1.3em;}

		#text p.byline {font-size: 1.1em; margin: 0 10px 1.1em 10px;}

		#text div.contain_left {text-align: center;}

		#text div.photo {float: none; margin: 15px 14px 10px 10px; display: block; background: none; text-align: left;}
			#text div.photo img {margin: 0 0 10px 0;}

		#text div.photo_blog {position: relative; margin: 0 10px 0.7em 10px; width: auto; height: 225px; overflow: hidden;}
			#text div.photo_blog img {display: block; width: 500px; margin: 0; padding: 0; margin-left: -100px;}
			#text div.photo_blog div.caption {font-size: 0.9em;}

		#text .sharing_icons {text-align: center; margin: 1.3em 10px;}

		#text div.three {width: 150px; margin: 0 0 0 10px; height: 225px; overflow: hidden;}
			#text div.three img {max-width: 150px;}
			#text div.three p {font-size: 1.1em; text-align: center; margin-bottom: 0; height: auto !important;}
			#text div.three h3 {font: bold 1.3em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; text-align: center; margin-top: 0.4em;}

		#text ul.blazer {margin: 0.6em -10px 0 10px;}
			#text ul.blazer li {margin: 0 20px 15px 0;}
				#text ul.blazer li img {height: 150px;}

		#text ul, #text ol {font-size: 1.4em; margin-left: 40px; margin-right: 10px;}

		#text p.quoted {margin-left: 10px; margin-top: 0.5em; margin-bottom: 0.9em; padding-left: 10px; padding-bottom: 3px; border-left: 3px solid #888888;}

		#text div.flow {width: auto; max-width: 330px; margin: 10px 10px;}
			#text div.flow img {max-width: 100%;}
			#text div.flow ul, #text div.flow ol {margin-left: 25px; margin-right: 0;}
			#text div.flow div.title {font: bold 1.6em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; width: 100%; padding: 0.3em 0; top: auto; bottom: 0.9em; text-align: center;}
				#text div.flow div.title a {color: #ffffff; text-decoration: none;}
			#text div.flow div.title:hover {background: #000000;}
			#text div.flow div.caption {display: none;}

		#text div.onethird {width: auto; max-width: 210px;}
			#text div.onethird img {max-width: 100%;}

		.triangle-isosceles {width: auto; margin: 0; padding: 0; background: none;}
			#text div.triangle-isosceles p {margin: 1em 10px 0.7em 10px; font-style: italic; color: #888888;}
		.triangle-isosceles:after {display: none;}

		#text img {max-width: 100%; margin-left: 0; margin-right: 0; max-height: 400px; height: auto !important;}
		#text iframe {max-width: 95%; margin-left: 10px; margin-right: 10px; max-height: 400px; width: 95%;  height: auto !important;}
		#text img.border {max-width: 95%; margin-left: auto; margin-right: auto; max-height: 400px;}
		#text iframe.border {max-width: 95%; margin-left: 10px; margin-right: 10px; max-height: 400px; width: 93%;}

		#text table {max-width: none;}
			#text table th {font-size: 1.5em;}
			#text table td {font-size: 1.4em;}
				#text table td img {max-width: 150px;}

		#text table.form {max-width: 100%; width: 95%; margin: 0 10px 1em 10px;}
				#text table.form td.left {width: 100px;}
				#text table.form td.right {max-width: auto !important;}

		#text table.max {max-width: none; width: auto; margin-left: auto; margin-right: auto;}
				#text table.max td.left {width: 95px;}
				#text table.max td.right {max-width: auto !important;}

		#text table.photos {max-width: 100%;}
			#text table.photos td.photo_left {padding-left: 10px;}
			#text table.photos td.photo_right {padding-right: 10px;}
				#text table.photos td img {max-width: 75px;}

		#text input, #text select {font-size: 0.9em; max-width: 180px;}
		#text .c input, #text .c select {font-size: 0.9em; max-width: 90%;}

		#text h2.bio_name {font-size: 2em;}

		#rightbar {display: none;}
		#rightbar.important {display: block; float: none; border-bottom: 6px #dddddd solid; width: auto; margin: 0 0 1.4em 10px; padding-bottom: 0.5em;}
		#rightbar.important div.box {background: none; padding: 0; margin: 0; width: auto;}
		#rightbar.important p, #rightbar.important h2, #rightbar.important div.hr, #rightbar.important div.box p, #rightbar.important div.box h2, #rightbar.important div.box div.hr  {margin-left: 0; margin-right: 10px; font-size: 14px;}
		#rightbar.important h2, #rightbar.important div.box h2 {font-size: 1.5em;}
		#rightbar.important div.box ul, #rightbar.important div.box ol {font-size: 1.4em; margin-left: 40px; margin-right: 10px; list-style-type: disc;}
			#rightbar.important div.box ul li {line-height: 1.3em; margin: 0 0 0.6em 0;}
				#rightbar.important div.box ul li a {font-size: 1em; line-height: 1.3em; padding: 0; background: none; font-weight: normal; display: inline; text-transform: none; text-decoration: underline; color: #005837;}
				#rightbar.important div.box ul li a:hover {color: #000000;}

	#text.full {width: 100%; padding-bottom: 15px;}

		#text.full img {max-width: 300px; height: auto;}

		#text.full .button {float: none; display: inline-block; width: 130px; height: 100px; margin: 0 15px 25px 15px; overflow: visible;}
			#text.full .button a {font-size: 1.6em; height: 80px; line-height: 1.1em;}

		#text.full table {max-width: none;}
				#text.full table td img {max-width: 150px;}

		#text.full table.form {max-width: 100%; width: 95%; margin: 0 10px 1em 10px;}
				#text.full table.form td.left {width: 100px;}
				#text.full table.form td.right {max-width: auto !important;}

		#text.full table.max {max-width: none; width: auto; margin-left: auto; margin-right: auto;}
				#text.full table.max td.left {width: 95px;}
				#text.full table.max td.right {max-width: auto !important;}
				#text.full table.cms td.left {width: auto !important;}

		#text.full table.photos {max-width: 100%;}
			#text.full table.photos td.photo_left {padding-left: 10px;}
			#text.full table.photos td.photo_right {padding-right: 10px;}
				#text.full table.photos td img {max-width: 75px;}

	#donate, #apply, #questions, #questions_close {display: none;}

	#intro {position: relative; margin: 20px auto; padding: 0; text-align: center; vertical-align: top; background: #ffffff; float: none; display: inline; z-index: 50;}

		#intro .contentdiv {width: 300px; height: 150px; left: -300px;}
			#intro .contentdiv img {width: 300px; height: 150px;}
			#intro .contentdiv .bknd {width: 100%; height: 30px;}
			#intro .contentdiv .text {width: 100%; height: 30px;}
				#intro .contentdiv .text h1 {font: bold 1.3em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin: 0 10px; text-align: center; line-height: 30px;}
				#intro .contentdiv .text p {display: none;}

	#notification {width: 100%; padding-top: 12px; padding-bottom: 0;}
		#notification h1 {font-size: 1.8em; margin: 0 10px 0.5em 10px;}
		#notification p {font-size: 1.4em; margin: 0 10px 0.9em 10px;}


	#sidebar {width: 100%; float: none;}

		#sidebar img {max-width: 100%;}

		#sidebar div.box {width: 100%; margin-bottom: 10px; padding: 10px 0 0 0;}
			#sidebar div.box img {float: right; display: inline; max-width: 140px; margin: 0 10px 0.5em 15px;}

		#sidebar p {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; line-height: 1.3em; margin: 0 10px 1.1em 10px;}
		#sidebar h2 {font: bold 1.3em 'PT Sans', Arial, Helvetica, sans-serif; line-height: 1.1em; margin: 0 10px 0.3em 10px;}
		#sidebar div.hr {margin: 0.7em 10px 1.2em 10px;}

			#sidebar div.box ul {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; margin: 0.3em 10px 0.3em 10px; line-height: 1.3em;}
				#sidebar div.box ul li {line-height: 1.3em; margin: 0 0 0.6em 0; width: auto;}
					#sidebar div.box ul li a {font-size: 1.1em; line-height: 1.3em;}

		#sidebar div#more {width: auto; max-width: 250px; margin-left: auto; margin-right: auto;}
			#sidebar div#more p {font-size: 1.2em;}

			#sidebar div.sm p, #sidebar div.sm h2 {text-align: center;}
			#sidebar div.sm img {float: none; display: block; max-width: 190px; margin-left: auto; margin-right: auto;}

		#sidebar div.photo {width: 100%; text-align: center; float: none; margin: 1em auto; clear: both;}
			#sidebar div.photo img {display: inline; margin: 0 auto; border: 0;}

		#sidebar ul {margin: 10px 0; line-height: 30px; float: none;}
			#sidebar ul li {width: 100%; float: none;}
				#sidebar ul li a {font: 1.2em 'PT Sans', Arial, Helvetica, sans-serif; line-height: 22px; padding: 4px 10px; text-align: center;}

				#sidebar ul li ul {line-height: 28px; border: 0; float: none;}
					#sidebar ul li ul li {float: none; width: 100%;}
						#sidebar ul li ul li a {font: italic 1.2em 'PT Sans', Arial, Helvetica, sans-serif; line-height: 22px; padding: 3px 10px; text-align: center; color: #888888;}

		#sidebar .tabs {height: 250px;}

			#sidebar .tab_content {width: 100%; height: 185px;}

	.push {height: 65px;}

	#footer {width: 100%; height: 65px;}

		#footer #footer_cmu {display: none;}
		#footer p {font-size: 0.8em; margin-top: 9px; line-height: 1.2em; text-align: center;}

	.sliderwrapper {width: 100%; height: 120px;}
		.sliderwrapper .contentdiv {width: 100%; height: 64px;}

	.tabs, .tabs_2 {margin: 0 0 15px 10px;}
	.tabs_1 {margin: 0 0 0 10px;}
	.five span, .five a, .five a:hover {border-left: 1px solid #dddddd;}

	.active span, .inactive a, .inactive a:hover {font-size: 1.1em;}
		.active span.hide_text {display: none;}

	.hide_text {display: none !important;}
	.hide_sm {display: none !important;}

	#recaptcha_area, #recaptcha_table {width: 275px !important}
	#recaptcha_widget_div {width: 275px !important; overflow: hidden;}
	#recaptcha_image img {width: 275px !important; max-width: 275px !important; margin-left: -43px !important;}

}