.spif .content img {
  width: 312px;
  height: 200px;
}

.spif-box .content img {
  width: 258px;
  height: 202px;
}

/********************

Toolbar

********************/

#toolbar ul li {
    background: none;
}

/********************

Menus

********************/

ul li.leaf {
	list-style-image: none;
	list-style-type: none;
}

ul li.collapsed {
	list-style-image: none;
	list-style-type: none;
}

ul li.expanded {
	list-style-image: none;
	list-style-type: none;
}

/********************

Lists

********************/

/* Styles taken from style.css */

.item-list ul {
	list-style: none;
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
}

.item-list ul li {
	list-style: none;
	background: url('../images/common/li-arrow.jpg') top left no-repeat;
	padding: 0px 0px 0px 18px;
	margin: 5px 0px 5px 0px;
}

ul.links li {
	background: none;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}

/**********

Headline List

**********/

.headline-list .items-list, .related-events-list .items-list{
	width: 235px;
}
.headline-list .items-list .item, .related-events-list .item{
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}
.headline-list .items-list .item a{
	font-weight: normal;
}
.alternate-content-box-tertiary .title h3{
	font-weight: bold;
	color: #1D2C3F;
}
.related-events-list .items-list a{
	font-weight: normal;
}
/********************

Fieldsets

********************/

fieldset {
	border: 1px solid #bbbbbb;
	padding: 10px;
}

/********************

Tables

********************/

table {
	width: 100%;
}

table.sticky-header {
	margin-top: 22px;
}

tbody {
	border: 0;
}

/********************

Menus

********************/

.tertiary-navigation ul.menu li {
	margin: 0px 0px 5px 0px;
}

.tertiary-navigation a.primary span.inner.arrow {
	background: url('../images/nav_down.png') right 50% no-repeat #1f395a;
}

ul.menu li {
	margin: 0px;
}

li.expanded, li.leaf, li.collapsed {
	list-style: none;
}

.footer-inner-wrapper li a.active {
	color: #355876;
}

/********************

Tabs

********************/

.tabs-wrapper {
	margin: 20px 0px 0px 0px;
}

ul.tabs {
	overflow: hidden;
	margin: 0px;
}

ul.tabs li {
	float: left;
	display: block;
	background: none;
	margin: 0px;
}

ul.primary {
	border-color: #1F3A58;
	background: none;
	width: auto;
}

ul.primary li {
	padding: 0px;
}

ul.primary li a {
	display: inline-block;
	background: #355876;
	color: #ffffff;
	border: none;
	padding: 4px 8px;
}

ul.primary li a, .body-wrapper .primary-column ul.primary li a {
	color: #ffffff;
	font-weight: normal;
}

ul.primary li a:hover, ul.primary li.active a {
	background: #1F3A58;
	border: none;
}

ul.secondary {
	padding: 0px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
}

ul.secondary li {
	padding: 0px 10px 0px 10px;
}

ul.secondary li a {
	display: inline-block;
}

ul.secondary a.active {
	border: none;
}

/********************

Node Specific

********************/

.node-form ul li {
	background: none;
	padding: 0px;
}

.video-player {
	margin: 0px auto 20px auto;
}

.video-player .media-youtube-player,
.video-player .media-vimeo-player {
	/** fallback for older browsers */
	height: 225px;
	/* Calculates a perfect ratio */
	height: calc((100vw - 58px) / 16 * 9);
	width: 100%;
}

@media only screen and (min-width: 738px) {
	.video-player .media-youtube-player,
	.video-player .media-vimeo-player {
		/** fallback for older browsers */
		height: 270px;
		/* Calculates a perfect ratio */
		height: calc((100vw - 279px) / 16 * 9);
	}
}

@media only screen and (min-width: 979px) {
	.video-player .media-youtube-player,
	.video-player .media-vimeo-player {
        	height: 401px;
	}
}

.content-extra {
	margin: 40px 0px 0px 0px;
}

.content-extra .submitted {
	margin: 20px 0px 0px 0px;
}

.content-extra .terms {
	margin: 10px 0px 0px 0px;
}

.content-extra .terms::after {
	clear: both;
}

.content-extra .terms .title {
	float: left;
	font-weight: bold;
/* 	margin: 0px 12px 0px 0px; */
}

.content-extra .field-type-taxonomy-term-reference .field-item {
	float: left;
	margin: 0px 0px 0px 12px
}

/********************

Misc

********************/

.node-form .text {
	width: 95%;
}

.block-region {
	display: none;
}

#admin-menu {
	height: 22px;
	font-size: 10px;
}

#admin-menu li.admin-menu-icon img {
	display: inline;
}

/* Adjust the existing HTML for the admin menu */

body.admin-menu {
	margin-top: 0px !important;
}

body.admin-menu .primary-wrapper .primary-wrapper-inner-wrapper {
	padding-top: 20px;
}

/* Message Wrappers */

.status-message-wrapper {
	margin: 0px 0px 40px 0px;
}

.status-message-wrapper.secondary {
	margin: 20px 0px 40px 0px;
}

.status-message-wrapper.tertiary {
	margin: 40px 0px 40px 0px;
}

.status-message-wrapper.no-margin {
	margin: 0px;
}

.status-message-wrapper h1 {
	color: #1d2c3f;
	margin-top: 0px;
}

.status-message-wrapper .help {
	margin-top: 20px;
}

.messages {
	margin: 20px 0px 0px 0px;
}

div.status {
	border: 1px solid #479647;
	background: #ddffdd;
	color: #002200;
	padding: 2px;
}

/********************

Add This

********************/

.alternate-content-box-primary .add-this-vertical li {
	background: none;
	padding: 0px;
}

/* CSS3 Styled Buttons */
            
.addthis_share_btn a, .body-wrapper .secondary-column .addthis_share_btn a, .addthis_share_btn a:visited, .body-wrapper .secondary-column .addthis_share_btn a:visited {
    background: #006EA1 url('../images/buttons/add-this/btn-overlay.png') repeat-x;
    display: inline-block; 
    padding: 6px 12px; 
    font-family: arial,helvetica,lucida,verdana,sans-serif;
    font-size: 12px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}
.addthis_share_btn a:hover, .body-wrapper .secondary-column .addthis_share_btn a:hover { background-color: #355876; color: #fff; }
.addthis_share_btn a:active, .body-wrapper .secondary-column .addthis_share_btn a.active { top: 1px; }

.addthis_share_btn a span, .body-wrapper .secondary-column .addthis_share_btn a span, .addthis_share_btn:visited a span, .body-wrapper .secondary-column .addthis_share_btn:visited a span {
    background: url('../images/buttons/add-this/icon-addthis.gif') no-repeat left;
    padding: 1px 0 1px 18px;
}    

/********************

Calendar

********************/

.calendar-calendar .week-view .full td.multi-day .calendar.weekview .view-field {
	white-space: normal;
}

.calendar-wrapper {
	background-color: #FFFFFF;
	border: 1px solid #f3f2ee;
	padding: 0px 2px 2px 2px;
}

.calendar-calendar th.days {
	background: url('../images/calendar/bg-day-cell.png') repeat-x;
	height: 30px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	color: #777777;
	font-weight: bold;
}

.calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a {
	background: none;
	border: medium none;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0px;
}

.calendar-calendar td .inner div, .calendar-calendar td .inner div a {
	background: none;
}

.calendar-calendar td .inner .view-field, .calendar-calendar td .inner {
	color: inherit;
}

.calendar-calendar td .inner {
	background-color: #f3f2ee;
}
.calendar-calendar td .inner .view-field a {
	font-weight: bold;	
}

.calendar-calendar td {
	background-color: #f3f2ee;
}

.calendar-calendar .month-view td {
	border: 1px solid #FFFFFF;
}

.calendar-calendar .month-view div.calendar {
	margin: 0px 0px 10px 0px;
}

.calendar-calendar td.empty {
	background-color: #f3f2ee;
	border-color: #FFFFFF;
}

.calendar-calendar div.calendar {
	background-color: inherit;
	margin: 0 0.25em 0 0;
}

.calendar-calendar div.calendar div.calendar {
	margin-bottom: 10px;
	padding: 0.25em 0;
}

.calendar-calendar div.day {
	background-color: inherit;
}

.calendar-calendar td div.day {
	border: medium none;
	margin-bottom: 0;
	text-align: right;
}

.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
	background-color: #f3f2ee;
}

.calendar-calendar td.calendar-agenda-items {
	border-width: 1px 1px 0px 1px;
	border-color: #FFFFFF;
	border-style: solid;
	text-align: left;
}

.calendar-calendar td.calendar-agenda-items-week {
	border-width: 0px 1px 0px 1px;
	border-color: #FFFFFF;
	border-style: solid;
	text-align:left;
}

* html .calendar-calendar td.calendar-agenda-items-week {
	padding: 4px;
}

.calendar-calendar td.calendar-agenda-items-week.top {
	border-width: 0px 1px 0px 0px;
}

* html .calendar-calendar td.calendar-agenda-items-week.top {
	border-bottom: none;
}

*:first-child+html .calendar-calendar td.calendar-agenda-items-week.top {
	border-top: none;
}

* html .calendar-agenda-items-week.top div.week {
	background: none;
}

* html .calendar-agenda-items-week.top div.day a {
	text-align: right;
	font-weight: bold;
	font-size: 1.3em;
}

*:first-child+html .calendar-agenda-items-week.top div.week {
	background: none;
}

*:first-child+html .calendar-agenda-items-week.top div.day a {
	text-align: right;
	font-weight: bold;
	font-size: 1.3em;
}


.calendar-calendar td.calendar-agenda-hour {
	border: 1px solid #FFFFFF;
	font-family: inherit;
	text-align: center;
	padding: 5px;
}

.calendar-calendar td.calendar-agenda-hour .calendar-hour {
	font-size: inherit;
	font-weight: inherit;
}

.calendar-calendar .week {
	font-size: inherit;
}

.view-calendar-3x div.date-nav {
	background-color: #1d385b;
	border: none;
	padding: 8px;
	margin: 0px;	
}

.view-calendar-3x div.date-nav a, .view-calendar-3x div.date-nav h3 {
	color: #FFFFFF;
}

.calendar-filters-wrapper {
	height: 31px;
	margin: 0px;
	background: url('../images/calendar/bg-view-sprite-map.jpg') repeat center 0px #FFFFFF;
}

.calendar-filters-wrapper .view-filters {
	background: url('../images/calendar/bg-filter.png') repeat-x;
	float: right;
	width: 270px;
	height: 30px;
}

.calendar-filters-wrapper .view-filters .views-exposed-form .views-exposed-widget {
	float: none;
	padding: 0.1em 1em 0 0;
}

.date_switcher {
	float: left;
	height: 31px;
	width: 440px;
	border: 0px solid #c6c6c6;
}

.date_switcher ul.links {
	margin: 1px 0px 0px 0px;
	padding-left: 0;
	height: 30px;	
}

* html .date_switcher ul.links {
	margin: 5px 0px 0px 0px;
	padding-left: 0px;
	height: 30px;	
}

.date_switcher ul.links li{
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 1px;
	width: 145px;
}

.date_switcher ul.links li a{
	background: url('../images/calendar/bg-view-sprite-map.jpg') repeat center 0px #FFFFFF;
	text-align: center;
	display: block;
	height: 25px;
	padding: 5px 20px 0px 20px;	
	text-transform: uppercase;
	border: 0px solid #000;
}

* html .date_switcher ul.links li a {
	width: 25px;
	
}

.date_switcher ul.links li a:hover {
	background: url('../images/calendar/bg-view-sprite-map.jpg') repeat center 30px #FFFFFF;	
}

.date_switcher p, .date_switcher ul {
	float: left;
	font-size: 12px;
}

.date_switcher p {
	margin: 12px 8px 0 0;
}

.view-calendar-3x .form-item {
	margin: 0;
}

.view-calendar-3x .view-filters .views-exposed-form label,  .view-category-calendar .view-filters .views-exposed-form label {
	float: left;
	margin: 4px 0 0 6px;
}
.view-calendar-3x .view-filters select, .view-category-calendar .view-filters select {
	float: left;
	margin: 5px 0px 0px 10px;
	width: 120px;
}

.view-calendar-3x .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 3px;
}

.view-calendar-3x .view-filters input, .view-category-calendar .view-filters input {
	float: right;
	margin: 8px 0 0;
}

.view-calendar-3x div.date-nav {
	width: inherit;
}

.view-calendar-3x div.date-nav .date-heading {
	text-align: center;
	width: 50%;
	float: left;
}

.view-calendar-3x div.date-nav .date-prev a {
	background: url('../images/calendar/btn-prev.jpg') no-repeat;
	display:block;
	height:25px;
	text-indent:-9999px;
	width:76px;
}

.view-calendar-3x div.date-nav .date-next a {
	background: url('../images/calendar/btn-next.jpg') no-repeat;
	display:block;
	height:25px;
	text-indent:-9999px;
	width:76px;
}

.view-calendar-3x .date-nav div.date-next {
	text-align: left;
	margin: 0px;
	height: 25px;
	line-height: 0px;	
	width: 24%;
	float: right;
}

.view-calendar-3x .date-nav div.date-prev {
	text-align: left;
	height: 25px;
	line-height: 0px;
	width: 24%;
	float: left;
}

.view-calendar-3x .date-nav span.next {
	display: block;
}

.view-calendar-3x .date-nav div.date-prev span.next {
	float: left;
	width: auto;
}
.view-calendar-3x .date-nav div.date-next span.next {
	float: right;
	width: auto;
}

.view-calendar-3x div.date-nav {
	overflow: hidden;
	height: 25px;
}

.calendar-calendar td.calendar-agenda-items {
	background-color: #f3f2ee;
}

.calendar-calendar td.calendar-agenda-items div.calendar {
	margin: none;
	padding: none;
	width: none;
	background-color: #f3f2ee;
}

.calendar-calendar .week-view td.calendar-agenda-items div.calendar {
	width: none;
	margin: none;
}

.category-view-title-wrapper div.date-heading {
	width: auto;
}

.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {
	background: none;
}

.calendar-calendar .month-view .full td.single-day .calendar-empty, .calendar-calendar .month-view .full td.single-day.empty, .calendar-calendar .month-view .full td.date-box.empty {
	background: #F3F2EE;
}

.calendar-calendar .month-view .full tr td.today, .calendar-calendar .month-view .full tr.odd td.today, .calendar-calendar .month-view .full tr.even td.today {
	background: #F3F2EE;
	border-left: none;
	border-right: none;
}
.calendar-calendar .month-view .full td.date-box.today {
	border-width: 0px;
	border-style: none;
	border-color: none;
}

.calendar-calendar .month-view .full tr td.single-day.today {
	border-bottom: 1px solid white;
}


.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
	background: #006EA1;
	height: inherit;
	padding: 5px;
}
/*
.calendar-calendar .month-view .full td.multi-day .inner .view-field, .calendar-calendar .month-view .full td.multi-day .inner .view-field a, .calendar-calendar .week-view .full td.multi-day .inner .view-field, .calendar-calendar .week-view .full td.multi-day .inner .view-field a, .calendar-calendar .day-view .full td.multi-day .inner .view-field, .calendar-calendar .day-view .full td.multi-day .inner .view-field a {
	color: #444;
}
*/
.calendar-calendar .month-view .full td.multi-day .calendar.monthview .view-field {
	white-space: normal;
	float: none;
	margin-right: 0px;
}

.calendar-calendar .day-view .full td.multi-day div.dayview, .calendar-calendar .week-view .full td.multi-day div.weekview {
	height: inherit !important;
}

.calendar-calendar .week-view .full .first td.multi-day {
	border-top: none;
}

.calendar-calendar .week-view .full tr.last td.multi-day {
	border-bottom: none;
}

.calendar-calendar .week-view .full tr.all-day td.multi-day {
	border-width: 1px 1px 0px 1px;
	border-color: white;
	border-style: solid;
}

.calendar-calendar .day-view .full td .inner div.calendar div, .calendar-calendar .day-view .full td .inner div.calendar div a {
	margin: 0px;
}

/**********

Program Panels

**********/

.program-panels {
	border-bottom: 0px solid #c4c4c5;
	width: 960px;
	margin: 0px 0px 0px 0px;
	border: 0px dashed red;
}

.program-panels .program-panels-inner-wrapper {
/*	background: url('../images/structure/body/panels-inner-wrapper.jpg') repeat-y; */
	width: 958px;
	padding: 0px 1px 0px 1px;
	margin: 0px 0px 10px 0px;
}


.program-panels h2 {
	color: #d8d2b2;
	font-size: 1.5em;
	line-height: 1em;
}


.program-panels .program-panel {
	float: left;
	width: 80%;
	height: auto !important;
	height: 10px;
	min-height: 10px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background-color: #686657;
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
	
}

.program-panels .program-panel .first{
	margin-top: 20px;
	
}


.program-panels .program-panel .program-image {
	position: relative;
	display: block;
	width: 200px;
	height: 90px;
	border: 0px solid #d8d2b2;
	float: left;
	overflow: hidden;
	
}

.program-panels .program-panel .program-title {
	position: relative;
	display: block;
	width: 530px;
	height: auto;
	border: 0px solid #d8d2b2;
	float: left;
	top: 3px;
	color: #d8d2b2;
	font-size: 1.5em;
	text-indent: 18px;
	overflow: hidden;
	margin-bottom: 5px;
}

.program-panels .program-title a, .program-panels .program-title a:hover {
	color: #d8d2b2;
}

.program-panels .program-panel .program-content {
	position: relative;
	display: block;
	width: 540px;
	height: 65px;
	float: left;
	border: 0px dashed #000;
	margin-left: 20px;
	color: #fff;
	line-height: 1.2em;
	overflow: hidden;
}

.program-panels .program-panel .program-content .program-more-info {
	position: absolute;
	display: block;
	width: 130px;
	height: 12px;
	top: 50px;
	right: 1px;
	border: 0px solid #000;
	float: right;
	text-align: right;

}

.program-panels .program-panel .program-content .program-more-info a {
	color: #d8d2b2;
}

.program-panels .program-panel .program-content .program-more-info a:hover {
	text-decoration:underline;
	color: #fff;
}


.program-panels .program-panel .program-image .program-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 232px;
	height: 260px;
}

.program-panels .program-panel .program-image .program-overlay a {
	display: block;
	background: url('../images/buttons/programs-a.png') 0px -40px no-repeat;
	width: 100%;
	height: 100%;
}

.program-panels .program-panel .program-image a:hover {
	background: url('../images/buttons/programs-a.png') 0px -185px no-repeat;
}

.program-image img {
	width: 200px;
	height: 90px;
}

.panels .panel .libraryLinks {
	color: #d8d2b2;
}

.panels .panel .libraryLinks a{
	color: #fff;
}

.panels .panel .libraryLinks a:hover{
	text-decoration: underline;
}

/****************************
/
/  END PROGRAM PANEL
/
*****************************/

.bios {
	margin: 20px 0px 0px 20px;
	border: 0px solid #000;
}

.biocontact{
	border: 0px solid #000;
	height: 140px;
}

.backtotop{
	float: right;
	height: 18px;
	text-align: right;
	width: 100px;
	margin: -10px 0px 0px 0px;
	border: 0px solid #000;
	z-index: 10;
	
}

/****************************
/
/  CONTEXT
/
*****************************/
#edit-conditions-plugins-menu-values {
	height: 500px;
}

#autocomplete {
	background: #ffffff;
	z-index: 1000;
}

/****************************
/
/  CALENDAR
/
*****************************/
/** START CALENDAR STYLES **/
.body-wrapper .primary-column.calendar .primary-column {min-height:10px;}/*Remove before deploy*/
.body-wrapper .primary-column.calendar .primary-column.spread {width:94%;}
.date_switcher {width:inherit;}
.date_switcher ul.links li {width:inherit;}
.mobileDate {display:none;}

@media only screen and (max-width: 1200px)
{
.body-wrapper .primary-column.calendar .primary-column.spread {width:96%;}
}
@media only screen and (max-width: 737px)
{
.calendar-calendar .month-view .full td, .calendar-calendar .week-view .full td, .calendar-calendar .day-view td {padding: 8px 0px 8px 0px;}
.calendar-calendar div.day {float:left;}
.month-view .full .days {display:none;}
.calendar-calendar .month.day, .calendar-calendar .no-entry, .calendar-calendar .date-box, .calendar-calendar .empty {display:none;}
.calendar-calendar table, .calendar-calendar thead, .calendar-calendar tbody, .calendar-calendar th, .calendar-calendar td, .calendar-calendar tr { 
display: inline-table; 
width:100% !important;
}
.view-id-calendar_3x.view-display-id-page_3 .calendar-calendar table,
.view-id-calendar_3x.view-display-id-page_3 .calendar-calendar thead,
.view-id-calendar_3x.view-display-id-page_3 .calendar-calendar tbody,
.view-id-calendar_3x.view-display-id-page_3 .calendar-calendar tr,
.view-id-calendar_3x.view-display-id-page_3 .calendar-calendar td {
display: block;
}
.body-wrapper .primary-column.calendar .primary-column.spread {width:100%; padding:0;}
.calendar-filters-wrapper{position:relative;}
.calendar-filters-wrapper .view-filters {width:100%;position:absolute;top:-31px;}
.date_switcher ul.links li {width:89px;top:30px}
.date_switcher {width:100%;position:absolute;}
.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {padding:0px 8px;}
.mobileDate {float:left;padding:5px;display:block;position:relative;z-index:2000;}
.week-view .full thead{display:none;}
.date-nav div.date-heading h3 {font-size:.9em;}
.single-day.hideformobile {display:none !important;}
}
/** END CALENDAR STYLES **/

/****************************
/
/  Article
/
*****************************/

/** START ARTICLE STYLES **/
.body-wrapper .primary-column.article .primary-column {min-height:10px;}
.body-wrapper .primary-column.article .primary-column.spread {width:94%;}
/** END ARTICLE STYLES **/


/****************************
/
/  UNDERGRAD
/
*****************************/
.body-wrapper .primary-column.under-grad .primary-column {min-height:10px;}

@media only screen and (max-width: 994px){
.body-wrapper .primary-column.under-grad .primary-column {min-height:10px;}
.program-panels {width:100%;}
.program-panels .program-panels-inner-wrapper {width:100%;}
.program-panels .program-panel {width:95%; padding:10px;}
.program-panels .program-panel .program-title {text-indent:0px; padding-left:20px; width:65%;}
.program-panels .program-panel .program-content {width:65%;height:auto;}
.program-panels .program-panel .program-content .program-more-info {position:relative;top:0px;}
}


@media only screen and (max-width: 978px){
.program-panels .program-panel .program-title {text-indent:0px; padding-left:20px; width:55%;}
.program-panels .program-panel .program-content {width:55%;height:auto;}
.primary-navigation-wrapper {height:37px;}
/**Fixes homepage overlay fixed width issues**/
.primary-banner-wrapper {min-width: 0px;overflow: visible;z-index: 20000;position: relative;}
.primary-banner-inner-wrapper {width:100%;}
.primary-banner-wrapper .message-wrapper {width:100%;}
.primary-banner-wrapper .message {width: auto; left: 0; right: 0; height: 100%; background:none;}
.primary-banner-wrapper .message .inner-wrapper {height:auto;width: auto;}
.primary-banner-wrapper .message .inner-wrapper .inner {height:auto;width: auto;}

        body .primary-navigation-wrapper ul {
		margin: 0;
		text-align: center;
	}

        body .primary-navigation-wrapper li,
        body .primary-navigation-wrapper li a {
                display: inline-block;
		float: none;
        }

        body .primary-navigation-wrapper li {
		padding: 0 11px;
	}
}

@media only screen and (max-width: 737px){
    .program-panels .program-panel .program-title {width:95%;}
    .program-panels .program-panel .program-content {width:95%;}
    .program-panels .program-panel .program-image {width:100%;height:auto;}
    .program-panels .program-panel .program-image img {width:100%;height:auto;}
    .program-panels .program-panel .program-image .program-overlay {display:none;}
    .primary-navigation li.last {padding: 0px 8px 0px 8px;}
    
    .home-body-wrapper .home-spifs .spif {
		width: 96%;
		margin: 0 2% 10px;
		height: auto;
	}
	.primary-navigation-wrapper {
		height: auto;
	}
	
	.items-list {
		width:100%;
	}

	.items-list .item .body {
		width:100%;
	}
	
	.body-wrapper .primary-column .primary-column.spread {
		width: 100%;
		padding: 0px 0px 0px 10px;
	}
	
	/**override top alignment with percentage on home banner**/
	.primary-banner-wrapper .banner .key-message {top:47%;}
	/**end override top alignment with percentage**/
}
/** END UNDERGRADUATE PROGRAMS STYLES **/

@media only screen and (max-width: 581px){
	/**fixes issue with content run over on mobile, caused by the fixed width hack that MMU has in place**/
	.primary-column .item-list {
		width: 100%;
	}
	/**end fix**/
	.spif-box .content img {
		width: 100%;
		height: auto;
	}

	.spif-box {
		width:100%;
	}

	.spif-box .content a.content {
		width: 90%;
		padding: 10px 5%;
	}

	.spif-box .overlay-bottom {
		position: absolute;
		bottom: 0px;
		background: url('../../images/structure/body/spif-box-overlay-bottom.png') no-repeat;
		background-size: 100% auto;
		width: 100%;
		height: 10px;
		z-index: 100;
	}

	.spif-box .overlay-top {
		position: absolute;
		top: 0px;
		background: url('../../images/structure/body/spif-box-overlay-top.png') no-repeat;
		background-size: 100% auto;
		width: 100%;
		height: 10px;
		z-index: 100;
	}
	
	/**override top alignment with percentage on home banner**/
	.primary-banner-wrapper .banner .key-message {top:47%;}
	/**end override top alignment with percentage**/
	
	/**override font-size and padding for news and events tabs**/
	.body-wrapper .primary-column .top-column .tabs-secondary li a {
		font-size: .9em;
		padding: 10px 4px 0;
	}
	/**end override font-size and padding for news and events tabs**/

}

.button .video {
display: block;
background: url('../images/buttons/video-button.png') no-repeat;
text-indent: -9999em;
width: 44px;
height: 36px;
}

.spif-box a.content .button {
float: right;
margin: 0px 0px 0px 20px;
}

.items-list {
	max-width:760px;
}

.items-list .item .body {
	max-width:630px;
}