html {min-width:0;} /* unsets min-width setting from minisite_common.css for non-responsive pages */


	#menu-wrapper, #btn-skip-to-full-nav, #flash-movie,
	.no-sidenav #btn-side-nav {display:none;}
	.no-sidenav #btn-contact-info {margin-right:0;}

	body {transform: translate3d(0,0,0);}
	.slideshow-alternate {display:block;}
	.slideshow-alternate img {margin:0 auto; height:auto; display:block; max-width:100%;}

	#contact-info {max-height:0; overflow:hidden;}
	.main-nav-active #MainNav {max-height:0; overflow:hidden;}
	#SideNav ul {width:100%; float:left;}
	#SideNav li {width:100%; float:left;}
	#copyright {float:none;}

/* removed to fix wide display tablets @media screen and (max-width:947px) {*/
	#debug {display:none;}
	.Home #flash-movie embed,
	.Home #flash-movie object {display:none;}
	#page-options {display:none;}

	body {font-size:100%; font-family:"Segoe UI", verdana, helvetica, arial, sans-serif;}
	#LayoutWrapper {margin:0; padding:0;}
	#PageWrapper {background:#fff;}
	#NavColumn {width:100%; overflow-x:auto;}

	#PageWrapper, #MainColumn {max-width:100%}
	#Breadcrumb {margin-right:0; padding-right:0; font-size:inherit;
		line-height: 1.25em;
		border-width: 0 0 1px;}
	.OpenContent #ContentBody {width:auto;}
	#SideColumn {margin-right:0; width:30% !important}

	/* image fixes */
	#Masthead img {height:auto; max-width:100%;}

	.LinkMore img, #more-events img, #more-news .ui-link img {display:none;}

	/* Blue Learn More Button */
	.LinkMore a.ui-link:after {padding:6px 12px 6px 33px; display:inline-block;
		font-size:1.25em; content:"Learn More"; color:#fff;
		background:url(../images/icn-more-arrow.png) no-repeat -6px center #4886a5; border-radius:3px; -webkit-border-radius:3px;}

	/* Blue More Events Button */
	#more-events, #more-news {margin-top: 0.3em; /* from common.css line 178 */
		font-size: 10px; font-weight: bold; line-height: 1.2em; text-transform: uppercase;}
	#more-news img {display:none;} /* per http://hks.beaconfire.us/news-events */
	#more-events a.ui-link:after, #more-news a:after, .FormAction input {padding:6px 12px 6px 33px; display:inline-block;
		font-size:1.25em; content:"More Events"; color:#fff;
		background:url(../images/icn-more-arrow.png) no-repeat -6px center #4886a5; border-radius:3px; -webkit-border-radius:3px;}
	.FormAction input {padding:3px 12px 3px 33px;
		font-weight:bold; font-size:0.875em; text-transform: uppercase; cursor:pointer;
		border:0;}
	#more-news a.ui-link:after {content:"More News";}

	/* Red More Button */	
	.Feature .LinkMore a.ui-link:after, .teaser .LinkMore a.ui-link:after {padding:6px 15px 6px 0; display:inline-block;
		font-size:1.25em; content:"More"; color:#a30013;
		background:url(../images/icn-more-arrow-features.png) no-repeat right center transparent;}


	
	/* Header */
	#HeaderWrapper {padding:10px 2%; width:96%;
		background: rgba(255,255,255,0.9); border-top:solid 3px #9b0c24;}
	#SiteLogo {margin:20px 0 20px; padding:0;}
	/* Nav */



/* Mobile Menu Buttons */
#btn-side-nav, #btn-contact-info {height:41px; width:41px; display:block; position:absolute; top:24px; right:2%; z-index:300;
	cursor:pointer;
	background:url(../images/btn-menu.png) no-repeat center #fff; /*#a30013; /*border:solid 1px #fff; */
	border-radius:3px;}
#btn-contact-info {margin-right:48px; 
	background-image:url(../images/btn-contact.png);}
.side-nav-active #btn-side-nav, .contact-info-active #btn-contact-info {background-image:url(../images/btn-active.png); border-color:#ccc; /* border-bottom:solid 1px #fff; */ border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;}
.side-nav-active #btn-contact-info, .contact-info-active #btn-side-nav {/* border-bottom:solid 1px #ccc; */}
#btn-side-nav:hover, #btn-contact-info:hover {background-color: #fff; /*#c2262d;*/}


/* Search */
#site_search_form {padding:13px 0; position:static; float:right;
	text-align: left;}
#site-search-button {margin:0 0 0 2px; padding:3px 8px; 
	font-size:0.75em; color:#036; text-transform: uppercase;
	background:#fff; border:solid 1px #036; border-radius:2px; -webkit-border-radius:2px;}
div.Field {margin:0;}


#btn-footer-nav {height:41px; width:41px; display:none; position:absolute; top:0; right:0; z-index:300;
	text-indent: -9999px; cursor:pointer;
	background:url(../images/btn-active.png) no-repeat center bottom #fff; /*#a30013;*/ border:solid 1px #ccc; border-width:0 1px 1px; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
.main-nav-active #btn-footer-nav {display:block;}
#MainNav, .main-nav-hidden #MainNav {margin-top:0; padding-left:0; height:auto; max-height:0; clear:both; float:left; overflow:hidden; column-count:4; -moz-column-count:4; -webkit-column-count:4; column-gap:5%; -moz-column-gap:5%; -webkit-column-gap:5%;
	text-align: left; font-size:inherit;
	background:none;
	transition:max-height .5s ease-out; -webkit-transition:max-height 1.5s east-out;}
.main-nav-active #MainNav {max-height:2000px; overflow:visible; z-index:1;
	transition:max-height 1.5s ease-out; -webkit-transition:max-height .5s east-out;}
#MainNav li{height:auto; width:auto !important; float:none; display:inline-block; /*position: relative; */
	font-size:1em;
	background:none;}
#MainNav li a {padding-right:40px; height:auto; 
	font-weight:bold; color:#222; text-align: left;}
#MainNav li span {position:static;}
#MainNav .nav-parent-status {height:28px; width:40px; display:block; position:absolute; left:0; top:0;}
#MainNav li.Hover ul, #MainNav li.active ul {top:30px;}
#MainNav li ul {padding:0 0 18px; width:auto !important; display:block !important; position:static;
	background:none;}
#MainNav li ul li,
#MainNav li .SubNav ul li {width:100% !important;
	border-bottom:dotted 1px #ddd;}
#MainNav li ul li:last-child {border-bottom:0;}
#MainNav li li a {font-weight: normal}

#MainNav li.Selected a {color:#a30013;}

/* overrides form centers */
#MainNav.DHTMLMenu li {
	width:100% !important;
}
#MainNav li .SubNav {
	width:auto !important;
	display:block !important;
	position:static !important;
	background:none !important;
}

#BodyWrapper #site_search_form {padding-right:2.5%;}

.side-nav-active #btn-skip-to-full-nav {display:block;}
#SideNav {margin-bottom:0; padding-left:0; padding-bottom:0 !important; max-height:0; width:100%; clear:both; overflow:hidden;
	transition:max-height .5s ease-out; -webkit-transition:max-height .5s east-out;}
.side-nav-active #SideNav {max-height: 999px; display:block;
	border:solid 1px #ddd; border-width:1px 0 0;
	transition:max-height 1s ease-out; -webkit-transition:max-height 1s east-out;}
.contact-info-active #SideNav {transition:0s; -webkit-transition:0s;}
#SideNav #SideNavHeader {margin-top:23px; padding:0 16px 6px;
	color:#a30013;
	background:none; border-bottom:solid 2px #a30013;}
#SideNav ul {min-height:0; width:65%; float:right; clear:both; column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap:5%; -moz-column-gap:5%; -webkit-column-gap:2%;
	font-size:0.875em;
	background:none;}
#SideNav li {padding:9px 0;
	float:none;
	font-size:1.125em; list-style-type:none;
	background:none; border-bottom:dotted 1px #ddd;}
#SideNav li.Selected {background:none;}
#SideNav li a {position:relative; display:block;
	color:#a30013;}
#SideNav li.Selected a {padding-left:12px;}
#SideNav li.Selected a:before {height:18px; width:18px; display:block; position:absolute; top:0; left:0;
	line-height:18px; content:"\003e";}
#btn-skip-to-full-nav {margin-top:-1px; padding:6px 0; display:none; clear:both;
	font-size:0.75em; text-align: right; text-transform: uppercase; cursor:pointer;
	border-top:solid 1px #ddd;}

	#AuxNav {clear:both; position:static;}
	#AuxNav a {margin:0; padding:0 9px; width:auto !important; float:none;
		line-height:1.5em; font-size: inherit; color:#666;
		background:none !important; border:0; border-left:solid 1px #ccc;}
	#AuxNav a:first-child {padding-left:0;
		border-left: 0;}
	#AuxNav a.directory {}
	#AuxNav span {position: static;}
	#AuxNav>span {display:none; color:#ccc;}

/* Sidenav */

/* Mobile Contact Info */
#contact-info {
	transition:max-height .5s ease-out; -webkit-transition:max-height .5s ease-out;}
.contact-info-active #contact-info {padding:0;  max-height:999px; width:100%; display:block;
	border:solid 1px #ddd; border-width:1px 0;
	transition:max-height 1s ease-out; -webkit-transition:max-height 1s east-out;}
.side-nav-active #contact-info {transition:0s; -webkit-transition:0s;}
.address-wrapper {margin-right:33%; padding:16px 0; min-height:261px; width:32%; float:right;}
.vcard {position: relative;
	font-size:0.875em; font-style:normal;}
.fn, .tel, .directions, .full-contanct-info {display:block;}
.tel {margin:0.5em 0; display:block;
	font-size:1.5em;}
.directions {margin:1em 0 0.5em; display:block;}
.map {position:absolute; top:16px; right:0;}


/* Homepage */
.Home #MainColumn {width:95%;}
.Home .ColumnWrapper {margin-top:2em; margin-right:0;}
.ColumnWrapper .Column {margin-right:3%; width:31%;}
.Home #research.Column h3 {background-size: 100%;}
.Home .Column h3 {background-position:left bottom;}

#flash-movie {display:none;}
.Home #flash-movie {height:auto; width:auto; max-width: 100%; display:block;
	text-align: center;}
.Home #flash-movie img {height:auto; max-width:100%;}

	/* Main Content */
	#MainColumn {margin:0 2.5%; width:95%; float:left; clear:both;}
	#MainColumn .Content {min-height:225px; width:auto; float:none;}
	#MainColumn .action-box .Content {min-height:auto;}
	#Masthead3Feature {padding-right:350px; min-height:280px; position:relative;}
	#Masthead3Feature img {position:absolute; top:70px; right:0;}
	#Masthead3Feature .Content {padding-top:0.5em;}
	.Article #ContentBody {width:60%;}
	.Article #ContentBody.NoColumn {width:100%;}
	table.three-feature {margin:1.5em 0; width:auto;}
	table.three-feature td {width:30%;}
	table.three-feature td.Center, table.three-feature td.Right {padding-left:1.25%;}
	table.three-feature td h3 {font-size:1.25em;}
	table.three-feature td table td {width:auto;}
	table.three-feature td table td p {font-size:16px;}
	table.three-feature td img {height:auto; width:100%; max-width:100%;} /*width:100%; per HKSUP-193  */
	table.three-feature td img.Button {width:50px;}

	/* Article */
	#SideColumn .Feature .Content {padding:5px 0;}
	/* Alumni Contact */
	.AnchorLinks #ContentBody {width:60%;}

	/* Campus Tour */
	#soundslider {	position: relative; /* Need to add a wrapper to make object/embed work, per http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0 !important;
		width:100% !important;}
	#soundslider embed {width:100% !important; height:100% !important;}

	/* Administrative Offices */
	.Article #ContentBody table.renderedtable td {padding-right:16px;}
	table.renderedtable tr:first-child {border:0;}
	table.renderedtable tr {margin-bottom:1em; width:100%;
		border-top:dotted 1px #ccc;}

	/* Faculty */
	.staff-listing #result-sort #alpha-sort span, .pagenavigator span {float:left;}
	.staff-listing #result-sort #alpha-sort a, .pagenavigator span a, .pagenavigator .current {padding: 0 10px; display: block;
		line-height: 44px}
	.staff-listing #result-sort #alpha-sort .Active a {color:#666;}		
	.staff-listing #faculty-staff-results {height:auto;}
	.staff-listing #MainColumn #faculty-staff-results tr {float:none; display:table-row;}
	.staff-listing #MainColumn #faculty-staff-results th {width:auto; float:none; display:table-cell;
		font-size:14px;}
	.staff-listing #MainColumn #faculty-staff-results td {float:none; display:table-cell;
		font-size:14px;}

	/* News-Events */
	.latest-news #ContentBody ul#news-item-list li .Content {width:60%;}
	.latest-news #ContentBody ul#news-item-list li .Content {padding-left:160px; min-height:110px; width:auto; float:none;}
	.latest-news #ContentBody ul#news-item-list li {position:relative;}
	.latest-news #ContentBody ul#news-item-list li img {position:absolute; top:0; left:0;}
	.event-date-time {padding:3px 0 5px;}

	/* News */
	.latest-news #ContentBody, .ContentListing #ContentBody {width:60%;}
	.ContentListing #ContentBody ul#news-item-list li {min-height:105px; position:relative;}
	.ContentListing #ContentBody ul#news-item-list li .Content {padding-left:112px; min-height:90px; width:auto; float:none;}
	#SideColumn h3, .ContentListing #ContentBody ul#news-item-list li .Content h2 {padding-top:3px;
		line-height:1.125em;}
	.ContentListing #ContentBody ul#news-item-list li img {position:absolute; top:10px; left:0;}

	.pagenavigator .other, .pagenavigator .current {padding:0 5px;}
	.week-pagination a {padding:0 4px;}

	/* Events Calendar */
	.EventCalendar #ContentBody {width:60%;}
	.EventCalendar #ContentBody .date-rss {padding:16px 0 3px; float:left;}
	.EventCalendar #ContentBody .date-rss .date-today {display:inline;}
	.EventCalendar p.no-results {margin-top:2em;}
	#event_search_terms {float:left;}
	.FormAction input {margin:4px 0 0 0;}

	/* Calendar Widget */
	.EventCalendar #MainColumn .Content {min-height:0;}
	.EventCalendar table.event-calendar-year td {padding:4px 10px;
		font-size:inherit;}
	#SideColumn .event-calendar-wrapper, #SideColumn table.event-calendar-days {width:auto;}
	#MainColumn .event-calendar-wrapper table {display:table; float:none;}
	#MainColumn .event-calendar-wrapper thead, #MainColumn .event-calendar-wrapper tbody {float:none;}
	#MainColumn .event-calendar-wrapper th {display:table-header-group; float:none;}
	#MainColumn .event-calendar-wrapper td {display:table-cell; float:none;}
	#MainColumn .event-calendar-wrapper tr {display:table-row; float:none;}
	.EventCalendar table.event-calendar-days td {font-size:inherit;}
	.EventCalendar table.event-calendar-days td span, .EventCalendar table.event-calendar-days td a {padding:4px;}

	/* Degrees */
	table.three-feature td {font-size:inherit !important;}


	/* Nav Column - Features */
	#NavColumn {margin:1em 2.5%; width:95%; clear:both;}
	#NavColumn .Feature {margin:0 3% 0 0; width:47.75%; float:left;}
	#NavColumn .Feature:last-child {margin:0; width:49.25%; float:right;}
	#NavColumn .Feature:last-child:first-child {width:99%; float:left;}
	#NavColumn .Feature img.Thumbnail {margin:0 10px 10px 0; float:left;}
	#NavColumn .Feature p {min-height: 4em;}


	/* Gateway */
	.Gateway .three-feature { margin-left:0; } 
	.Gateway #Masthead {background:#fff !important;}
	.Gateway #Masthead .Content {padding:0;}
	.Gateway #Masthead h1 {position:static;}
	.Gateway #Masthead p {width:auto;}



	/* Footer */
	#FooterWrapper {margin:0 2.5%; padding:20px 0 10px; position:relative;
		font-size:0.875em;
		border-top:solid 3px #a30013;}
	#site_search_form .Field {float:left;}
	#SideNav #site_search_form .Field {float:none;}
	#FooterNav {margin:0; padding:1em 0; float:left;
		border-bottom:0;}
	#FooterNav li {margin:0 15px 0 0; padding:0 15px 0 0;
		line-height: 1.5em;
		border:none; border-right:solid 1px #ccc;}
	#FooterNav li#footernav_trademark {border:none;}
	#FooterNav li#footernav_sitemap {display: none;}
	/* #FooterWrapper a, #FooterWrapper a:link, #FooterWrapper a:visited, #FooterWrapper a:hover {color:#a30013;} */
	#copyright {margin:0; padding-bottom:16px; float:none;}
/* removed to fix wide display tablets } */


@media screen and (max-width:800px) {
	#MainNav, .main-nav-hidden #MainNav {column-count:3; -moz-column-count:3; -webkit-column-count:3;}
}


@media screen and (max-width:700px) {
	#site_search_form {padding-bottom:0;}
	#SideNav #SideNavHeader {margin-top:23px; padding:0 16px 6px; display:block; float:left;
	border:0;}
	#SideNav ul {min-height:0; width:auto; float:none; column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap:5%; -moz-column-gap:5%; -webkit-column-gap:2%;
		border-top:solid 2px #a30013;}	
	#SideNav ul {width:auto; float:none;}
	#SideNav li {padding:9px 14px;}
	.address-wrapper {width:50%; float:left;}

	#MainColumn .Content {min-height:0;}

	.EventCalendar #ContentBody {width:95%;}
	.EventCalendar 	#SideColumn {margin-bottom:2em;
		width:100% !important; float:left;}
	.EventCalendar #NavColumn {width:95%;}
	.EventCalendar #SideColumn #search-events, .EventCalendar .event-detail #SideColumn #search-events {width:49%; float:left;}
	.EventCalendar #SideColumn #sort-by-date {clear:left;}

	.Home .ColumnWrapper .Column .Content {min-height: auto;}
	.ColumnWrapper .Column {margin:0; width:auto;}
}


@media screen and (max-width:599px) {

	#NavColumn {width:95%;}

	#MainNav {-moz-column-count:2; -webkit-column-count:2; column-count:2;}
/*	#nav-wrapper {margin-top:40px; width:100%;}
	#MainNav {position:static; -moz-column-count:1; column-count:1;}
	#MainNav li {padding:5px 0; height:auto; width:100% !important;
		background:url(../images/icn-nav-arrow.png) no-repeat 98% 13px #111; border-bottom:dotted 1px #555;}
	#MainNav li.Hover ul {top:-9999px;} 
	#MainNav li.Selected {padding-bottom:0;
		background:url(../images/icn-nav-arrow-selected.png) no-repeat 98% 13px #111 !important; border-bottom:2px solid #555;}
	#MainNav li.Selected ul, #MainNav li.Selected.Hover ul {position:static;}
	#MainNav li a {height:auto; 
		color:#fff !important;}

	#MainNav li ul {padding:0; height:auto; width:100% !important;}
	#MainNav li ul li {padding:5px 2%; width:96% !important;
		background:#111; border-bottom:dotted 1px #555;}
	#MainNav li li:last-child {border-bottom:0;}
*/
	/* Aux Nav */
	#AuxNav {right:auto;}

	#AuxNav a:first-child {padding-left:0;}
	#AuxNav span {position:static;}


	/* Main Content */
	#Masthead3Feature img {position: static;}
	#MainColumn table, #MainColumn thead, #MainColumn tbody, #MainColumn th, #MainColumn td, #MainColumn tr { 
		display: block; float:left;}
	#Masthead3Feature {padding-right:0; min-height:auto;}
	#Masthead3Feature img {position:static;}
	.Article #ContentBody {width:auto;}
	table.three-feature {margin-bottom:0;}
	table.three-feature td {margin-bottom:1em; width:100%;}
	table.three-feature td h3 {margin-bottom:8px; padding:6px 10px; 
		font-size:1.5em;}

	table.three-feature td.Center, table.three-feature td.Right {padding-left:0;}

	/* About Section */
	.AnchorLinks #ContentBody {width:100%;}
	.AnchorLinks #page-options,.NoColumn .page-options {display:none;}
	.AnchorLinks #SideColumn .action-box {float:left;}
	.renderedtable td p:empty {display: none; /* may not work with spaced */}
/* removed per http://hks.beaconfire.us/news-events/contact	table.renderedtable tr:first-child {display:none !important;} */
	table.renderedtable tr {margin-bottom:1.5em;}
	table.renderedtable p {margin:0; padding:0;}
	table.renderedtable, table.renderedtable tbody, table.renderedtable tr, table.renderedtable td {display:block !important; float:left;}
	table.renderedtable+p {clear:both;}

	/* News & Events */
	#SideColumn {margin-bottom:2em;
		width:100% !important; float:left;}
	.EventCalendar #ContentBody, .latest-news #ContentBody, .ContentListing #ContentBody {width:100%;}
	#SideColumn #sort-by-date {min-height:180px;}
	.AnchorLinks .action-box {display:none !important;}
	.AnchorLinks #SideColumn .RelatedItems {width:100%;
		border:0;}
	.#SideColumn .RelatedItems h3 {margin-top:0;}

	#SideColumn table.event-calendar-year {margin-left:45px;}
	.EventCalendar table.event-calendar-days td span, .EventCalendar table.event-calendar-days td a {padding:8px;}

	/* Nav Column - Feature */
	#NavColumn .Feature, #NavColumn .Feature:last-child {margin:0 0 2em; width:100%;}

	.staff-detail #ContentBody {width:auto; position: relative;}
	.staff-detail #staff-details {padding-right:120px; padding-bottom:30px; width:auto; float:left;}
	.ColumnWrapper .Column {float:none;}
	.staff-detail #staff-details .Column {width:auto;}
	.staff-detail #ContentBody img {position: absolute; top:0; right:0;}
}


@media screen and (max-width:440px) {
	.EventCalendar #SideColumn #search-events, .EventCalendar .event-detail #SideColumn #search-event {width:auto; float:none;}

	#SiteLogo {margin-right:100px; margin-bottom:10px; height:auto; min-height:49px; width:auto;}
	#SiteLogo a {height:auto; width:auto;}
	#SiteLogo img {height:auto; width:auto; max-width:100%;}

	#SideNav ul, #MainNav {column-count:1; -moz-column-count:1; -webkit-column-count:1; column-gap:0; -moz-column-gap:0; -webkit-column-gap:0;}
	#contact-info {height:auto;}
	.address-wrapper {margin-right:0; width:100%;}
	#contact-info .map {position: static;}
}


/* Centers Stuff */
#UtilNav {
	margin-top:6em;
	text-indent:-9999px;
}
#UtilNav a {
	text-indent:0;
}
@media screen and (max-width:660px) {
	#UtilNav {
		margin-top:7em;
		padding-left:0;
	}