@media (min-width: 580px) and (max-width: 730px) {

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

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

	#container {width: 600px; margin: 0 auto -75px;}

	#top {width: 600px; height: 50px;}
		#top #cmu {width: 365px; height: 50px;}
			#top #cmu img {width: 340px; height: 50px;}
		#top #social {width: 235px; height: 50px;}
			#top #social #search {top: 13px; right: 54px;}
			#top #social #buttons {top: 13px; width: 54px;}
				#top #social #buttons img {margin: 0 0 0 4px;}
				#top #social #buttons #yt {display: none;}
				#top #social #buttons #rss {display: none;}

	#header {width: 600px; height: 144px;}
		#header #banner {width: 600px; height: 144px;}
		#header img {max-width: 600px; max-height: 144px;}
		#header #logo {width: 285px; height: 120px; overflow: hidden;}
			#header #logo img {width: 285px; height: 120px; height: auto;}

	#header.cms {height: 24px;}

	#header #menu_bknd, #header #menu, #header #menu2 {width: 600px; height: 24px;}

		#header #menu ul {height: 24px;}
			#header #menu ul li {font-size: 1.3em;}
				#header #menu ul li a {height: 24px; line-height: 24px; padding: 0 10px; overflow: hidden;}
				#header #menu ul li a:hover, #header #menu ul li:hover a, #header #menu ul li.hover a {height: 24px; line-height: 24px; padding: 0 9px; overflow: hidden;}

		ul.MenuBarHorizontal {height: 24px;}
		ul.MenuBarHorizontal li {font-size: 1.3em;}
		ul.MenuBarHorizontal a {height: 24px; line-height: 24px; padding: 0 10px; overflow: hidden;}
		ul.MenuBarHorizontal a:hover {height: 24px; line-height: 24px; padding: 0 9px; overflow: hidden;}
		ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {padding: 0 9px; overflow: hidden;}

		ul.MenuBarHorizontal ul {top: 24px;}

		ul.MenuBarHorizontal ul li {width: 125px; font-size: 0.85em;}
		ul.MenuBarHorizontal ul a {line-height: 14px; padding: 5px 9px;}
		ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus, ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus {height: auto; line-height: 14px; padding: 5px 9px;}
		ul.MenuBarHorizontal ul a.MenuBarItemHover, ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible {padding: 5px 9px;}

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


	.submenu {position: absolute; top: 144px; left: 0; margin: 0; padding: 0; width: 600px; height: 365px; text-align: left; display: none; background: none; z-index: 9999;}

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

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

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

		.submenu .sub_content {position: absolute; width: 582px; height: 365px; top: 0; left: 9px; padding-top: 37px; z-index: 20; overflow: hidden;}

			.submenu .sub_content .sub_div {height: 200px; float: left; display: inline; margin-top: -27px;}

				.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.1em '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.8em '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;}

				#sub_academics h1 {margin-bottom: -0.3em;}
				#sub_academics h1.line {margin-bottom: 0.25em;}
				#sub_academics ul {font-size: 1.05em;}
					#sub_academics ul li {line-height: 1em;}

			.col_1 {float: left; width: 194px;}
			.col_2 {float: left; width: 388px;}
			.col_3 {float: left; width: 582px;}

	#colourbar {width: 600px;}

	#text {width: 450px;}

		#text p {font-size: 1.1em; margin-left: 20px; margin-right: 20px;}
		#text h1 {font-size: 1.8em; margin-left: 20px; padding-right: 20px;}
			#text h1 img {height: 1.3em;}
		#text h2 {font-size: 1.4em; margin-left: 20px; margin-right: 20px;}
		#text h2.blog {font-size: 2.1em; margin-left: 20px; margin-right: 20px;}
		#text h3, #text h4, #text h5 {font-size: 1.2em; margin-left: 20px; margin-right: 20px;}

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

		#text p.byline {margin: 0 20px 1.1em 20px;}

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

		#text div.photo_blog {margin: 0 20px 0.7em 20px; width: 410px; height: 190px; overflow: hidden;}
			#text div.photo_blog img {display: block; max-width: 410px; margin: 0; padding: 0;}

		#text .sharing_icons {margin: 1.3em 20px;}

		#text div.three {width: 195px; margin: 0 0 0.7em 20px;}
			#text div.three img {max-width: 195px;}

		#text ul.blazer {margin: 0.9em 0 0 20px;}
			#text ul.blazer li {margin: 0 20px 20px 0;}
				#text ul.blazer li img {height: 160px;}

		#text ul, #text ol {font-size: 1.1em; margin-left: 60px; margin-right: 20px;}

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

		#text div.flow {width: 195px; margin: 5px -4px 15px 20px;}
			#text div.flow img {max-width: 195px;}
			#text div.flow ul, #text div.flow ol {margin-left: 25px; margin-right: 0;}
			#text div.flow div.title {font: bold 1.3em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; width: 195px; padding: 0.3em 0; top: auto; bottom: 10px; text-align: center;}
			#text div.flow div.caption {display: none;}

		#text div.onethird {width: 195px;}
			#text div.onethird img {max-width: 195px;}

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

		#text img {max-width: 410px; max-height: 410px; height: auto !important;}
		#text iframe {max-width: 410px; max-height: 230px; width: auto !important; height: auto !important;}
		#text img.border {max-width: 398px; max-height: 398px;}
		#text iframe.border {max-width: 398px; max-height: 230px;}

		#text table {max-width: 410px;}
				#text table td img {max-width: 185px;}

		#text table.form {max-width: auto; width: 410px; margin: 0 20px;}
		#text .tabs_2 table.form {width: 384px;}
		#text table.max {width: 410px; margin-left: 20px; margin-right: 20px;}

		#text table.photos {max-width: 450px;}
			#text table.photos td.photo_left {padding-left: 20px;}
			#text table.photos td.photo_right {padding-right: 20px;}

		#text input, #text select {max-width: 200px;}
		#text input.submit {max-width: none;}

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

		#rightbar {display: none;}
		#rightbar.important {display: block; float: none; border-bottom: 6px #dddddd solid; width: auto; margin: 0 0 1.4em 20px; 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: 20px;}
		#rightbar.important h2, #rightbar.important div.box h2 {font-size: 1.2em;}
		#rightbar.important div.box ul, #rightbar.important div.box ol {font-size: 1.1em; margin-left: 40px; margin-right: 20px; 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;}
					#rightbar.important div.box ul li ul {font: 1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 20px 1.1em 25px; padding: 0; list-style-type: square;}
						#rightbar.important div.box ul li ul li {line-height: 1.3em; margin: 0 0 0.6em 0;}

	#text.full {width: 600px;}

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

		#text.full .button {width: 84px; height: 65px; margin-left: 20px;}
			#text.full .button a {height: 51px; padding: 7px 3px; font: bold 1.1em 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; line-height: 1em;}

		#text.full table.max {max-width: 558px; width: 558px;}


	#intro {padding: 20px;}

		#intro .contentdiv {width: 410px; height: 210px; left: -410px;}
			#intro .contentdiv img {width: 410px; height: 210px;}
			#intro .contentdiv .bknd {width: 410px; height: 45px;}
			#intro .contentdiv .text {width: 410px; height: 45px;}
				#intro .contentdiv .text h1 {font-size: 1.3em; line-height: 1.2em;}
				#intro .contentdiv .text p {font-size: 1em;}

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

	#sidebar {width: 150px; padding: 20px 0;}

		#sidebar img {max-width: 150px;}

		#sidebar div.box {width: 150px; padding: 10px 0 0 0;}
			#sidebar div.box img {max-width: 130px; margin: 0 10px 1.1em 10px;}

		#sidebar p {font: 1em 'PT Sans', Arial, Helvetica, sans-serif; line-height: 1.3em; margin: 0 10px 1.1em 10px;}
		#sidebar h2 {font: bold 1.1em '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: 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: 1em; line-height: 1.3em;}

		#sidebar div#more {background: #005837; overflow: hidden; padding: 0;}
			#sidebar div#more div.internal {width: auto; border: 6px solid #70d8b2; padding: 0;}
				#sidebar div#more div.internal h2 {font-size: 1.7em; line-height: 1.1em; margin: -0.2em 0 0.5em 0;}
				#sidebar div#more div.internal p {margin-left: 10px; margin-right: 10px; margin-bottom: 0.7em; text-align: center;}
				#sidebar div#more div.internal .label {float: none; width: auto; color: #ffffff; text-align: center;}
				#sidebar div#more div.internal input {width: 116px; vertical-align: baseline;}
				#sidebar div#more div.internal input.submit {margin-top: 0; margin-bottom: 3px; width: auto;}

		#sidebar div.photo {width: 150px;}

		#sidebar ul {margin: 40px 0 5px 0; line-height: 24px;}
			#sidebar ul li {width: 150px;}
				#sidebar ul li a {font: 1.1em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; line-height: 16px; padding: 4px 10px;}

				#sidebar ul li ul {line-height: 21px;}
					#sidebar ul li ul li {width: 150px;}
						#sidebar ul li ul li a {line-height: 15px; padding: 3px 10px; font-style: italic; font-size: 1em; font-family: 'PT Sans'; color: #888888;}

		#sidebar .tabs {height: 198px;}

			#sidebar .tabs p {font: 0.9em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin-left: 8px; margin-right: 8px;}
			#sidebar .tabs h2 {font: bold 1.1em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin-left: 8px; margin-right: 8px; line-height: 1em;}

			#sidebar .tab_content {position: absolute; top: 45px; height: 133px; width: auto; padding-top: 15px; overflow: auto; z-index: 99;}

			#sidebar .tab_twitter iframe {width: 130px; min-width: 130px;}

	.push {height: 75px;}

	#footer {width: 600px; height: 75px;}

		#footer #footer_cmu {width: 150px; margin-right: 20px; text-align: right;}
			#footer #footer_cmu img {margin: 21px 0 0 80px; width: 70px; height: auto;}
		#footer p {font-size: 0.9em; margin-top: 12px; line-height: 1.2em;}

	.sliderwrapper {width: 600px; height: 120px;}
		.sliderwrapper .contentdiv {width: 600px; height: 120px;}

	.tabs, .tabs_2 {margin: 0 0 15px 20px;}
	.tabs_1 {margin: 0 0 0 20px;}
	.active span, .inactive a, .inactive a:hover {font-size: 1.2em;}
		.active span.hide_text {display: none;}

	.hide_text {display: none !important;}

}