/*
Theme Name: Marshall MBV
Theme URI: http://underscores.me/
Author: Eckman Design
Author URI: https://www.eckmandesign.com
Description: Theme for MBV website.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marshallmbv
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

marshallmbv is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


#job-manager-alerts td, #job-manager-alerts th, #job-manager-job-dashboard td, #job-manager-job-dashboard th {
    padding: 0.5em 1em .5em 0.5em !important;
}

a.um-social-btn.um-social-btn-facebook {
    color: white !important;
}

.custom-sidebar li {
    padding-bottom: 5px;
}

h2.widget-title {
    margin-bottom: 5px;
}

a.um-social-btn.um-social-btn-linkedin {
    color: white !important;
}

.um-user-tag a {
    color: black;
}


.um-single-fileinfo span.icon {
    background-color: #990000 !important;
}

a.um-message-item-remove {
    left: 14px;
    top: 13px;
}

.comment-form-author input, .comment-form-email input {
    position: absolute;
    left: 80px;
}

.comment-form-url  {
   display: none;
}

@media only screen and (max-width: 767px) {
  .hideOnMobile {
  display: none;
}

.page-content {
    float: none;
}

.footer-column {
    text-indent: 10px!important;
}

.headerCol {
    margin-left: 5%;
    margin-right: 5%;
}

/*
div#headerRow {
    box-shadow: inset 0 0 0 1000px rgba(165, 33, 33, 0.45);
}*/

.headerCol {
    top: -50px;
}


.footer-column {
    height: 150px !important;
}
}


@media only screen and (min-width: 768px) {

.hideOnDestop {
  display: none;
}

}

span.cat-links, span.tags-links {
    color: black;
}

span.tags-links {
    margin-left: 15px;
}

span.comments-link {
    display: block;
    margin-top: 10px;
}

.post .entry-content img {
    /*width: 100%;*/
}

.subscribe .widget-title {
    display: none;
}

input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    height: 35px;
    font-size: medium;
    text-indent: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(204, 204, 204, 0.71);
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.15);
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    font-size: medium;
    border-style: solid;
    border-width: 1px;
    text-indent: 2px;
    border-color: rgba(204, 204, 204, 0.71);
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.15);
}

input.wpcf7-form-control.wpcf7-submit {
    cursor: pointer;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 1px;
    background: #cccccc;
    height: 35px;
    font-size: medium;
    border: #cccccc;
    color: #5f5f5f;
}

.um-dropdown li {
    background-image: none !important;
}

.um-field-area li {
    background-image: none !important;
}


.um-6.um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um-6.um .um-members-pagi span.current, .um-6.um .um-members-pagi span.current:hover, .um-6.um .um-profile-nav-item.active a, .um-6.um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
    background-image: -webkit-linear-gradient(#900, #700);
    background-image: -moz-linear-gradient(#900, #700);
    background-image: -ms-linear-gradient(#900, #700);
    background-image: -o-linear-gradient(#900, #700);
    background-image: linear-gradient(#900, #700);
    background: #900;
}

.um-field span.icon {
    background: #990000 !important;
}

.um-member-connect {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.fancyText {
    font-style: italic;
}

.headerText {
    font-size: large;
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/

.mc4wp-alert.mc4wp-success {
	background: #ddd4bf;
	border-radius: 5px;
	padding: 10px;
}

.homepage {
	/*margin: 0 2% 0 2%;*/
}

.homepage .entry-content {
    margin: 0;
}

.nav-previous, .nav-next {
	font-size: large;
	margin-top: 15px;
}

.error-404 h2.widgettitle {
	font-size: x-large;
	margin: 15px 0 15px 0;
}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	margin: 15px 0 15px 0 !important;
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote p {
	display: inline;
}

.hide {
	display: none;
}

.entry-content img {
	/*width: 100%; */
}

.widget li {
	margin-bottom: 5px;
}

footer.entry-footer {
	background-image: none;
	box-shadow: none;
}

time.entry-date,  span.byline {
	font: 300 14px "Source Sans Pro",Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #777;
	margin: 2px 0 8px 0;
}

span.byline {
	display: none;
}

footer.comment-meta {
	background-image: none;
	box-shadow: none;
}

textarea#comment {
	display: block;
	width: 100%;
	margin: 10px 0 10px 0;
}

div#respond {
	margin-top: 20px;
}

.comment-form-comment label {
	font-size: medium;
}

p.comment-form-comment {
	margin-top: 10px;
}

.comment {
	margin-top: 25px;
}

.widget {
	margin-bottom: 15px;
}

h2.widget-title {
	font-size: 15px;
	display: block;
	line-height: 18px;
	font-weight: 500;
	text-shadow: 0 1px 0 #fff;
}

input#signup_email {
	width: 90%;
}

#buddypress .standard-form #basic-details-section input[type=password], #buddypress .standard-form #blog-details-section input#signup_blog_url {
	width: 90%;
}

.form-submit input#submit {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 20px;
	background-color: #61a500;
	box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.2);
	float: right;
	display: block;
	text-align: center;
	clear: both;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	padding: 5px 10px;
	margin: 20px 0 5px 0;
}

header .mainLogo {
	margin: 20px 0 0 0;
	background-image: url(images/mbv-logo.svg);
	background-position: -20px -20px;
	background-repeat: no-repeat;
	background-size: 320px;
	text-indent: -9999px;
	height: 100px;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}
article {
	background: transparent
}
body {
	line-height: 1
}
ol,
ul {
	list-style: none
}
blockquote,
q {
	/*quotes: none*/
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	/*
	content: '';
	content: none*/
}
.content i {
	font-style: italic
}
.content b {
	font-weight: 700
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
body {
	color: #444;
	background: #fff;
	background: url(images/bgnoise.png);
	margin: 0;
	font: 400 14px/20px "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif
}
input,
td,
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0
}
header {
	height: 106px;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
	background: #900;
	background-image: -webkit-linear-gradient(#900, #700);
	background-image: -moz-linear-gradient(#900, #700);
	background-image: -ms-linear-gradient(#900, #700);
	background-image: -o-linear-gradient(#900, #700);
	background-image: linear-gradient(#900, #700)
}
hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid #fff;
	background: #e5e5e5
}
a {
	color: #000
}
a,
input,
li,
article.event-list {
	text-decoration: none;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out
}
em {
	font-style: italic
}
.content a:hover,
.module a:hover {
	color: #990000
}
/*
a.pdf,
a.xls,
a.ppt,
a.txt,
a.email {
	padding-left: 20px;
	line-height: 16px;
	position: relative
}*/
/*
a.pdf:before,
a.xls:before,
a.ppt:before,
a.txt:before,
a.email:before,
.section-menu ul li ul li a.pdf:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-image: url(images/usc_document_sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 2px
}*/
a.xls:before {
	background-position: 0 -36px
}
a.pdf:before,
.section-menu ul li ul li a.pdf:before {
	background-position: 0 -72px
}
a.txt:before {
	background-position: 0 -108px
}
a.ppt:before {
	background-position: 0 -144px
}
.accessibility,
.nav-mobile {
	display: none
}
.pagewrapper {
	width: 960px;
	margin: 0 auto
}
body.page-template-full-php .pagewrapper {
	width: auto;
	margin: 0 20px
}
.clear {
	height: 0;
	clear: both
}
header a.logo {
	float: right;
	width: 176px;
	height: 38px;
	text-indent: -9999px;
	background-image: url(images/usc-logo.svg);
	background-repeat: no-repeat;
	background-size: 176px 38px
}
header .mainLogo {
	margin: 20px 0 0 0;
	background-image: url(images/mbv-logo.svg);
	background-position: -20px -20px;
	background-repeat: no-repeat;
	background-size: 320px;
	text-indent: -9999px;
	height: 100px
}
nav {
	position: relative
}
.top,
.gateways,
.top-menu,
.gateways .gateways-menu,
.top-menu li {
	padding: 0;
	height: 40px
}
.top {
	background: #610000;
	background-image: -webkit-linear-gradient(#610000, #300 40px);
	background-image: -moz-linear-gradient(#610000, #300 40px);
	background-image: -ms-linear-gradient(#610000, #300 40px);
	background-image: -o-linear-gradient(#610000, #300 40px);
	background-image: linear-gradient(#610000, #300 40px);
	border-top: 1px solid #810000
}
.top-menu li {
	font-size: 16px;
	float: left
}
.top-menu li a {
	color: #fff;
	padding: 8px 12px;
	height: 24px;
	display: block;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
}
.top-menu li.current-menu-item,
.top-menu li.current-page-ancestor,
body.home .top-menu #menu-primary li:first-child {
	background: #fff;
	margin-top: -6px;
	margin-bottom: -2px;
	border-radius: 6px 6px 0 0;
	height: 46px
}
.top-menu li.current-menu-item a,
.top-menu li.current-page-ancestor a,
body.home .top-menu #menu-primary li:first-child a {
	padding-top: 14px;
	color: #000;
	text-shadow: none
}
.top-menu li a:hover {
	background: rgba(0, 0, 0, 0.2)
}
.top-menu li.current-menu-item a:hover,
.top-menu li.current-page-ancestor a:hover,
body.home .top-menu li:first-child a:hover {
	background: transparent
}
.gateways {
	background: #fff;
	background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -moz-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	z-index: 2
}
.gateways-menu {
	height: 36px
}
.gateways .gateways-menu li {
	float: left;
	height: 24px;
	padding: 8px 4px 4px 4px
}
.gateways .gateways-menu li a {
	display: block;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	padding: 3px 10px;
	text-shadow: 0 1px 0 #fff;
	border-radius: 18px;
	border-bottom: 1px solid transparent
}
.gateways .gateways-menu li a:hover {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.08);
	border-color: #fff
}
.gateways .gateways-menu li a:active {
	background: rgba(0, 0, 0, 0.16)
}
div.search {
	float: right;
	width: 210px;
	position: relative;
	padding: 6px 0 0 0;
	margin: 0
}
div.search label,
.newsletter-subscribe label {
	position: absolute;
	top: 11px;
	left: 6px;
	font-size: 18px;
	font-weight: 300;
	color: #999;
	display: block;
	cursor: text;
	visibility: hidden
}
.search-query,
.subscribe-email {
	width: 180px;
	font-weight: 300;
	padding: 3px 25px 3px 5px;
	background: #fff;
	border: none;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
	font-size: 18px;
	line-height: 18px
}
.search-query:focus,
.subscribe-email:focus {
	outline: none
}
.search-button,
.subscribe-submit {
	width: 20px;
	height: 20px;
	border: none;
	background: none;
	background-image: url(images/utility-sprite.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	position: absolute;
	top: 13px;
	right: 2px;
	text-indent: -9999px;
	opacity: 0.4;
	cursor: pointer
}
.search-button:hover,
.subscribe-submit:hover {
	opacity: 1
}
.features {
	position: relative;
	width: 100%;
	overflow: crop;
	white-space: nowrap;
	height: 364px
}
.features figure {
	z-index: 0;
	position: relative;
	float: left;
	padding: 10px;
	background: #eee;
	height: 354px
}
.features figcaption {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 737px;
	margin: 10px;
	background: rgba(0, 0, 0, 0.6);
	font-size: 22px;
	line-height: 22px;
	color: #fff
}
.features a {
	color: #fff;
	font-weight: 500;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	display: block;
	padding: 20px;
	white-space: normal;
	box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.2)
}
.features a:hover {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0 -1px 10px rgba(255, 255, 255, 0.5)
}
.features h3 {
	text-transform: uppercase;
	color: #aaa;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	margin: 0 0 4px 0
}
.outercontainer {
	position: absolute;
	left: 0;
	right: 0;
	background: #aaa;
	height: 374px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}
.outercontainer div,
.outercontainer li,
.outercontainer input,
.outercontainer span {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}
.container {
	position: relative;
	width: 100%;
	height: 374px;
	margin: 0 auto;
	overflow: visible
}
.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: visible;
	width: 100%;
	height: 384px
}
.iosSlider .slider {
	width: 10000px;
	height: 100%
}
.iosSlider .slider .item {
	float: left;
	width: 737px;
	height: 364px;
	border: 1px solid #eee;
	opacity: 0.6;
	background: #eee;
	cursor: -webkit-grab
}
.iosSlider .slider .item.selected {
	opacity: 1;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4)
}
.iosSlider .slider .item img {
	width: 100%
}
.feature-controls {
	display: none
}
.explore {
	clear: both;
	margin-top: 10px;
	background-image: url(images/bgnoise-dark.png);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 60%, transparent 60%, rgba(0, 0, 0, 0.4) 100%), url(images/bgnoise-dark.png);
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 60%, transparent 60%, rgba(0, 0, 0, 0.4) 100%), url(images/bgnoise-dark.png);
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 60%, transparent 60%, rgba(0, 0, 0, 0.4) 100%), url(images/bgnoise-dark.png);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 60%, transparent 60%, rgba(0, 0, 0, 0.4) 100%), url(images/bgnoise-dark.png);
	background-image: linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 60%, transparent 60%, rgba(0, 0, 0, 0.4) 100%), url(images/bgnoise-dark.png);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.3)
}
.explore h3 {
	font-size: 22px;
	clear: both;
	font-weight: 300;
	padding: 1.8em 0 0.8em 0
}
.explore h3 strong {
	font-size: 24px;
	font-weight: 700
}
ul.skittles {
	display: block !important
}
ul.skittles li,
.information h3 {
	float: left;
	width: 150px;
	height: 88px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	border-radius: 8px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5), inset 0 -10px 36px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	margin: 0 5px 12px 5px
}
.content ul.skittles li {
	width: 125px;
	font-size: 18px;
	line-height: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), inset 0 -10px 36px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3)
}
.content ul.skittles li a {
	padding: 8px;
	height: 72px
}
ul.skittles li:hover {
	margin-top: -3px
}
ul.skittles li a,
.information h3 {
	display: block;
	margin-top: 1px;
	padding: 0;
	height: 88px;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	border-radius: 8px;
	position: relative
}
.information p a {
	padding: 5px 0;
	text-indent: 10px;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.1;
	display: block;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}
.information p a:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 5px solid #fff;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent
}
.information p a:hover {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}
ul.skittles li a span,
.information h3 span {
	position: absolute;
	display: block;
	bottom: 2px;
	padding: 10px
}
ul.skittles li a:hover {
	text-decoration: none;
	color: #fff;
	background: rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 -6px 40px rgba(0, 0, 0, 0.2)
}
ul.skittles li.urban-planning,
.urban-planning.information h3 {
	background: #7916c9;
	background-image: -webkit-linear-gradient(#9d3fe6, #6800bb);
	background-image: -moz-linear-gradient(#9d3fe6, #6800bb);
	background-image: -ms-linear-gradient(#9d3fe6, #6800bb);
	background-image: -o-linear-gradient(#9d3fe6, #6800bb);
	background-image: linear-gradient(#9d3fe6, #6800bb)
}
.urban-planning.information p a {
	color: #d097fc
}
ul.skittles li.real-estate,
.real-estate.information h3 {
	background: #5818cb;
	background-image: -webkit-linear-gradient(#7a3fe6, #4300bb);
	background-image: -moz-linear-gradient(#7a3fe6, #4300bb);
	background-image: -ms-linear-gradient(#7a3fe6, #4300bb);
	background-image: -o-linear-gradient(#7a3fe6, #4300bb);
	background-image: linear-gradient(#7a3fe6, #4300bb)
}
.real-estate.information p a {
	color: #b891ff
}
ul.skittles li.public-policy,
.public-policy.information h3 {
	background: #1a80cd;
	background-image: -webkit-linear-gradient(#3f9ee6, #006abb);
	background-image: -moz-linear-gradient(#3f9ee6, #006abb);
	background-image: -ms-linear-gradient(#3f9ee6, #006abb);
	background-image: -o-linear-gradient(#3f9ee6, #006abb);
	background-image: linear-gradient(#3f9ee6, #006abb)
}
.public-policy.information p a {
	color: #8cc4f1
}
ul.skittles li.public-administration,
.public-administration.information h3 {
	background: #00b0c0;
	background-image: -webkit-linear-gradient(#0ecbe0, #009daa);
	background-image: -moz-linear-gradient(#0ecbe0, #009daa);
	background-image: -ms-linear-gradient(#0ecbe0, #009daa);
	background-image: -o-linear-gradient(#0ecbe0, #009daa);
	background-image: linear-gradient(#0ecbe0, #009daa)
}
.public-administration.information p a {
	color: #24daed
}
ul.skittles li.health,
.health.information h3 {
	background: #19cc78;
	background-image: -webkit-linear-gradient(#3fe697, #00bb64);
	background-image: -moz-linear-gradient(#3fe697, #00bb64);
	background-image: -ms-linear-gradient(#3fe697, #00bb64);
	background-image: -o-linear-gradient(#3fe697, #00bb64);
	background-image: linear-gradient(#3fe697, #00bb64)
}
.health.information p a {
	color: #46e79b
}
ul.skittles li.nonprofits-philanthropy,
.nonprofits-philanthropy.information h3 {
	background: #7ebf27;
	background-image: -webkit-linear-gradient(#9bd94b, #69ad0e);
	background-image: -moz-linear-gradient(#9bd94b, #69ad0e);
	background-image: -ms-linear-gradient(#9bd94b, #69ad0e);
	background-image: -o-linear-gradient(#9bd94b, #69ad0e);
	background-image: linear-gradient(#9bd94b, #69ad0e)
}
.nonprofits-philanthropy.information p a {
	color: #ade760
}
ul.skittles li.undergraduate,
.undergraduate.information h3 {
	background: #cfac1e;
	background-image: -webkit-linear-gradient(#e5c33f, #bb9600);
	background-image: -moz-linear-gradient(#e5c33f, #bb9600);
	background-image: -ms-linear-gradient(#e5c33f, #bb9600);
	background-image: -o-linear-gradient(#e5c33f, #bb9600);
	background-image: linear-gradient(#e5c33f, #bb9600)
}
.undergraduate.information p a {
	color: #ffd636
}
ul.skittles li.masters,
.masters.information h3 {
	background: #cc8319;
	background-image: -webkit-linear-gradient(#e5a23f, #bb6f00);
	background-image: -moz-linear-gradient(#e5a23f, #bb6f00);
	background-image: -ms-linear-gradient(#e5a23f, #bb6f00);
	background-image: -o-linear-gradient(#e5a23f, #bb6f00);
	background-image: linear-gradient(#e5a23f, #bb6f00)
}
.masters.information p a {
	color: #ff8a33
}
ul.skittles li.phd,
.phd.information h3 {
	background: #ca6316;
	background-image: -webkit-linear-gradient(#e5853f, #bb5000);
	background-image: -moz-linear-gradient(#e5853f, #bb5000);
	background-image: -ms-linear-gradient(#e5853f, #bb5000);
	background-image: -o-linear-gradient(#e5853f, #bb5000);
	background-image: linear-gradient(#e5853f, #bb5000)
}
.phd.information p a {
	color: #ef7c26
}
ul.skittles li.leadership-executive,
.leadership-executive.information h3 {
	background: #ca2d17;
	background-image: -webkit-linear-gradient(#e6553f, #bb1700);
	background-image: -moz-linear-gradient(#e6553f, #bb1700);
	background-image: -ms-linear-gradient(#e6553f, #bb1700);
	background-image: -o-linear-gradient(#e6553f, #bb1700);
	background-image: linear-gradient(#e6553f, #bb1700)
}
.leadership-executive.information p a {
	color: #f65139
}
ul.skittles li.distance-learning,
.distance-learning.information h3 {
	background: #cc1a51;
	background-image: -webkit-linear-gradient(#e63f73, #bb0039);
	background-image: -moz-linear-gradient(#e63f73, #bb0039);
	background-image: -ms-linear-gradient(#e63f73, #bb0039);
	background-image: -o-linear-gradient(#e63f73, #bb0039);
	background-image: linear-gradient(#e63f73, #bb0039)
}
.distance-learning.information p a {
	color: #f43873
}
ul.skittles li.certificate-programs,
.certificate-programs.information h3 {
	background: #ca167c;
	background-image: -webkit-linear-gradient(#e63f9e, #bb006b);
	background-image: -moz-linear-gradient(#e63f9e, #bb006b);
	background-image: -ms-linear-gradient(#e63f9e, #bb006b);
	background-image: -o-linear-gradient(#e63f9e, #bb006b);
	background-image: linear-gradient(#e63f9e, #bb006b)
}
.certificate-programs.information p a {
	color: #ef2a9a
}
.explore .clear {
	padding: 15px 0
}
.topics {
	height: 0;
	overflow: hidden;
	clear: both;
	background-image: url(images/bgnoise-dark.png);
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url(images/bgnoise-dark.png);
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url(images/bgnoise-dark.png);
	background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url(images/bgnoise-dark.png);
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url(images/bgnoise-dark.png);
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url(images/bgnoise-dark.png);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9)
}
body.home .topics ul li {
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
	padding: 0 6px
}
body.home .topics ul:first-child li {
	padding-left: 0
}
.topics ul li a {
	display: block;
	font-weight: 500;
	color: #ddd;
	text-shadow: 0 -1px 0 #000;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.topics ul li a:hover {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}
.by-topic {
	clear: both;
	display: block;
	position: relative;
	height: 24px;
	margin-top: -20px
}
.information {
	background: rgba(0, 0, 0, 0.85);
	border-radius: 10px;
	border: 1px solid rgba(50, 50, 50, 0.6);
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.6);
	padding: 0 0 15px 0;
	color: #fff;
	width: 500px;
	position: relative;
	display: none
}
.information h3 {
	margin: -1px -1px 20px -1px;
	font-size: 32px;
	font-weight: 400;
	width: 502px;
	padding: 0;
	height: 78px;
	border-radius: 8px 8px 0 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9)
}
.information p {
	margin: 1em 20px;
	font-size: 15px
}
.information h3 span {
	bottom: 0;
	padding: 20px
}
.information .close {
	background: url(images/close.png) center center no-repeat;
	background-size: 32px 34px;
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
	text-indent: -9999px
}
.hang-ribbon {
	margin: 20px auto;
	position: relative;
	z-index: 0;
	text-align: center;
	color: #fff;
	width: 128px
}
.section-menu .hang-ribbon {
	margin-top: -30px;
	margin-bottom: 36px
}
.hang-ribbon>span {
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	line-height: 16px;
	width: 128px;
	height: 48px;
	padding-top: 12px;
	color: #000;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 -8px 25px rgba(0, 0, 0, 0.15), inset 0 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-transition: padding 0.15s linear;
	-moz-transition: padding 0.15s linear;
	-ms-transition: padding 0.15s linear;
	-o-transition: padding 0.15s linear;
	transition: padding 0.15s linear
}
.by-topic .hang-ribbon>span {
	margin-bottom: -60px
}
.section-menu .hang-ribbon>span {
	padding-top: 10px;
	height: 42px
}
a:hover .hang-ribbon>span {
	padding-top: 16px
}
a:active .hang-ribbon>span {
	padding-top: 22px
}
.hang-ribbon>span strong {
	color: #fff;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: 3px;
	display: block;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
}
.section-menu .hang-ribbon>span strong {
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 1px
}
.hang-ribbon>span:before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 100%;
	left: 0;
	border-style: solid;
	border-width: 25px 64px;
	margin-top: -25px
}
.hang-ribbon:before {
	content: '';
	position: absolute;
	z-index: -2;
	left: 2px;
	background: #666;
	-moz-transform-origin: 0 0;
	-moz-transform: skewX(-14deg) skewY(-12deg) rotate(-12deg);
	-webkit-transform-origin: 0 0;
	-webkit-transform: skewX(-14deg) skewY(-12deg) rotate(-12deg);
	-o-transform-origin: 0 0;
	-o-transform: skewX(-14deg) skewY(-12deg) rotate(-12deg);
	-ms-transform-origin: 0 0;
	-ms-transform: skewX(-14deg) skewY(-12deg) rotate(-12deg);
	transform-origin: 0 0;
	transform: skewX(-14deg) skewY(-12deg) rotate(-12deg);
	box-shadow: 0 5px 2px rgba(0, 0, 0, 0.5)
}
.hang-ribbon:after {
	content: '';
	position: absolute;
	z-index: -2;
	right: 2px;
	background: #666;
	-moz-transform-origin: right 0;
	-moz-transform: skewX(14deg) skewY(12deg) rotate(12deg);
	-webkit-transform-origin: right 0;
	-webkit-transform: skewX(14deg) skewY(12deg) rotate(12deg);
	-o-transform-origin: right 0;
	-o-transform: skewX(14deg) skewY(12deg) rotate(12deg);
	-ms-transform-origin: right 0;
	-ms-transform: skewX(14deg) skewY(12deg) rotate(12deg);
	transform-origin: right 0;
	transform: skewX(14deg) skewY(12deg) rotate(12deg);
	box-shadow: 0 6px 2px rgba(0, 0, 0, 0.5)
}
.hang-ribbon:before,
.hang-ribbon:after {
	width: 64px;
	height: 48px;
	bottom: -24px
}
.left-corner,
.left-edge {
	position: absolute;
	z-index: 0;
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4)
}
.left-corner>span,
.left-edge>span {
	display: block;
	height: 100%;
	position: relative;
	-pie-watch-ancestors: 1
}
.left-corner>span:before,
.left-edge>span:before,
.left-corner>span:after,
.left-edge>span:after {
	content: '';
	position: absolute;
	z-index: -1
}
.left-corner:before,
.left-edge:before,
.left-corner:after,
.left-edge:after {
	content: '';
	position: absolute;
	z-index: -2
}
.left-corner {
	width: 84px;
	height: 26px;
	line-height: 26px;
	top: 40px;
	left: -18px;
	padding: 0;
	background-image: none !important;
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-45deg);
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-45deg);
	-o-transform-origin: 0 0;
	-o-transform: rotate(-45deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-45deg);
	transform-origin: 0 0;
	transform: rotate(-45deg)
}
.left-corner>span {
	background-size: 50% 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-color: transparent !important
}
.left-corner>span:before {
	width: 42%;
	height: 100%;
	top: 0;
	left: 20px;
	-moz-transform-origin: 0 0;
	-moz-transform: skewX(-45deg);
	-webkit-transform-origin: 0 0;
	-webkit-transform: skewX(-45deg);
	-o-transform-origin: 0 0;
	-o-transform: skewX(-45deg);
	-ms-transform-origin: 0 0;
	-ms-transform: skewX(-45deg);
	transform-origin: 0 0;
	transform: skewX(-45deg)
}
.left-corner>span:after {
	width: 42%;
	height: 100%;
	top: 0;
	right: 20px;
	-moz-transform-origin: 0 0;
	-moz-transform: skewX(45deg);
	-webkit-transform-origin: 0 0;
	-webkit-transform: skewX(45deg);
	-o-transform-origin: 0 0;
	-o-transform: skewX(45deg);
	-ms-transform-origin: 0 0;
	-ms-transform: skewX(45deg);
	transform-origin: 0 0;
	transform: skewX(45deg)
}
.left-corner:before {
	border-style: solid;
	border-width: 3px;
	border-color: transparent;
	left: -5px;
	bottom: -4px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	border-radius: 0 0 4px 4px
}
.left-corner:after {
	border-style: solid;
	border-width: 3px;
	border-color: transparent;
	right: -5px;
	bottom: -4px;
	border-radius: 0 4px 4px 0
}
.left-edge {
	width: 240px;
	height: 48px;
	z-index: 0;
	position: absolute;
	left: 0px;
	top: -2px;
	line-height: 28px;
	font-size: 20px;
	font-weight: 500;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
	text-align: left;
	letter-spacing: 1px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25)
}
.small.left-edge {
	width: 120px;
	height: 28px;
	line-height: 18px;
	font-size: 18px;
	font-weight: 500;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	letter-spacing: 0;
	top: 7px;
	left: -3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	border-radius: 3px 0 0 0
}
.left-edge>span {
	padding: 15px 0 5px 16px;
	height: 28px
}
.small.left-edge>span {
	padding: 5px 0 5px 12px;
	height: 18px;
	border-radius: 3px 0 0 0
}
.small.left-edge>span:before {
	border-style: solid;
	border-width: 3px;
	border-color: transparent;
	bottom: -3px;
	left: 0;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 3px;
	border-left-color: #666;
	border-top-color: #666
}
.left-edge>span:after {
	right: -10px;
	top: 0px;
	border-style: solid;
	border-width: 24px 7px
}
.small.left-edge>span:after {
	right: -8px;
	top: 0;
	border-style: solid;
	border-width: 14px 4px
}
.left-edge:before {
	right: 18px;
	bottom: 8px;
	width: 11px;
	height: 28px;
	background: #666;
	-moz-transform: rotate(-25deg) skewX(-8deg) skewY(22deg);
	-webkit-transform: rotate(-25deg) skewX(-8deg) skewY(22deg);
	-o-transform: rotate(-25deg) skewX(-8deg) skewY(22deg);
	-ms-transform: rotate(-25deg) skewX(-8deg) skewY(22deg);
	transform: rotate(-25deg) skewX(-8deg) skewY(22deg);
	box-shadow: 22px 11px 4px rgba(0, 0, 0, 0.3)
}
.small.left-edge:before {
	right: 18px;
	bottom: 8px;
	width: 9px;
	height: 14px;
	box-shadow: 22px 10px 2px rgba(0, 0, 0, 0.4)
}
.left-edge:after {
	right: 27px;
	top: 7px;
	width: 10px;
	height: 24px;
	background: #666;
	-moz-transform: rotate(25deg) skewX(8deg) skewY(-20deg);
	-webkit-transform: rotate(25deg) skewX(8deg) skewY(-20deg);
	-o-transform: rotate(25deg) skewX(8deg) skewY(-20deg);
	-ms-transform: rotate(25deg) skewX(8deg) skewY(-20deg);
	transform: rotate(25deg) skewX(8deg) skewY(-20deg);
	box-shadow: 32px -9px 3px rgba(0, 0, 0, 0.3)
}
.small.left-edge:after {
	right: 27px;
	top: 7px;
	width: 10px;
	height: 14px;
	box-shadow: 31px -9px 2px rgba(0, 0, 0, 0.4)
}
.lred>span,
.lred.left-corner>span:before,
.lred.left-corner>span:after {
	background-color: #f80000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000));
	background-image: -webkit-linear-gradient(top, #f80000, #a30000);
	background-image: -moz-linear-gradient(top, #f80000, #a30000);
	background-image: -ms-linear-gradient(top, #f80000, #a30000);
	background-image: -o-linear-gradient(top, #f80000, #a30000);
	background-image: linear-gradient(top, #f80000, #a30000)
}
.lred.left-corner:before {
	border-left-color: #5f0000;
	border-bottom-color: #5f0000
}
.lred.left-corner:after {
	border-right-color: #5f0000;
	border-top-color: #5f0000
}
.lyellow.hang-ribbon {
	background: #c88900
}
.lyellow.hang-ribbon>span:before {
	border-color: #c88900 #c88900 transparent #c88900
}
.lyellow.hang-ribbon>span,
.ie8 .lyellow,
.lyellow>span,
.lyellow.left-corner>span:before,
.lyellow.left-corner>span:after,
.lyellow.right-corner>span,
.lyellow.right-corner>span:before,
.lyellow.right-corner>span:after {
	background-color: #c88900;
	background-image: -webkit-linear-gradient(top, #ffc037, #e19a00);
	background-image: -moz-linear-gradient(top, #ffc037, #e19a00);
	background-image: -ms-linear-gradient(top, #ffc037, #e19a00);
	background-image: -o-linear-gradient(top, #ffc037, #e19a00);
	background-image: linear-gradient(top, #ffc037, #e19a00)
}
.lyellow.left-corner:before {
	border-left-color: #9d6c00;
	border-bottom-color: #9d6c00
}
.lyellow.left-corner:after {
	border-right-color: #9d6c00;
	border-top-color: #9d6c00
}
.lyellow.left-edge>span {
	background-color: #e19a00;
	background-image: -webkit-radial-gradient(30% 0%, ellipse farthest-side, #fed987, #e19a00);
	background-image: -moz-radial-gradient(30% 0%, ellipse farthest-side, #fed987, #e19a00);
	background-image: -ms-radial-gradient(30% 0%, ellipse farthest-side, #fed987, #e19a00);
	background-image: -o-radial-gradient(30% 0%, ellipse farthest-side, #fed987, #e19a00);
	background-image: radial-gradient(ellipse farthest-side at 30% 0%, #fed987, #e19a00);
	-pie-background: radial-gradient(ellipse farthest-side at 30% 0%, #fed987, #e19a00)
}
.lyellow.left-edge>span:after {
	border-color: #e19a00 transparent #e19a00 #e19a00
}
.small.lyellow.left-edge {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}
.purple>span,
.purple.left-corner>span:before,
.purple.left-corner>span:after {
	background-color: #e654cd;
	background-image: -webkit-linear-gradient(top, #e654cd, #c71aa9);
	background-image: -moz-linear-gradient(top, #e654cd, #c71aa9);
	background-image: -ms-linear-gradient(top, #e654cd, #c71aa9);
	background-image: -o-linear-gradient(top, #e654cd, #c71aa9);
	background-image: linear-gradient(top, #e654cd, #c71aa9)
}
.purple.left-corner:before {
	border-left-color: #72005f;
	border-bottom-color: #72005f
}
.purple.left-corner:after {
	border-right-color: #72005f;
	border-top-color: #72005f
}
.purple.left-edge>span {
	background-color: #c916a4;
	background-image: -webkit-radial-gradient(30% 0%, ellipse farthest-side, rgba(244, 107, 219, 0.9), #c916a4);
	background-image: -moz-radial-gradient(30% 0%, ellipse farthest-side, rgba(244, 107, 219, 0.9), #c916a4);
	background-image: -ms-radial-gradient(30% 0%, ellipse farthest-side, rgba(244, 107, 219, 0.9), #c916a4);
	background-image: -o-radial-gradient(30% 0%, ellipse farthest-side, rgba(244, 107, 219, 0.9), #c916a4);
	background-image: radial-gradient(ellipse farthest-side at 30% 0%, rgba(244, 107, 219, 0.9), #c916a4);
	-pie-background: radial-gradient(ellipse farthest-side at 30% 0%, rgba(244, 107, 219, 0.9), #c916a4)
}
.purple.left-edge>span:after {
	border-color: #c916a4 transparent #c916a4 #c916a4
}
.small.purple.left-edge {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}
.small.purple.left-edge:before {
	box-shadow: 22px 10px 2px rgba(0, 0, 0, 0.6)
}
.small.purple.left-edge:after {
	box-shadow: 31px -9px 2px rgba(0, 0, 0, 0.6)
}
.lblue {
	background: #078993
}
.lblue.hang-ribbon>span {
	background-color: #078993;
	background-image: -webkit-linear-gradient(#46e2ef, #089ba6);
	background-image: -moz-linear-gradient(#46e2ef, #089ba6);
	background-image: -ms-linear-gradient(#46e2ef, #089ba6);
	background-image: -o-linear-gradient(#46e2ef, #089ba6);
	background-image: linear-gradient(#46e2ef, #089ba6)
}
.lblue.hang-ribbon span em {
	display: none
}
.lblue.hang-ribbon>span:before {
	border-color: #078993 #078993 transparent #078993
}
.lblue.left-edge>span {
	background-color: #088c96;
	background-image: -webkit-radial-gradient(0% 0%, ellipse farthest-side, rgba(67, 218, 230, 0.9), #0a8e98);
	background-image: -moz-radial-gradient(0% 0%, ellipse farthest-side, rgba(67, 218, 230, 0.9), #0a8e98);
	background-image: -ms-radial-gradient(0% 0%, ellipse farthest-side, rgba(67, 218, 230, 0.9), #0a8e98);
	background-image: -o-radial-gradient(0% 0%, ellipse farthest-side, rgba(67, 218, 230, 0.9), #0a8e98);
	background-image: radial-gradient(ellipse farthest-side at 0% 0%, rgba(67, 218, 230, 0.9), #0a8e98)
}
.lblue.left-edge span em {
	font-style: normal
}
.lblue.left-edge:after {
	box-shadow: 32px -9px 3px rgba(0, 0, 0, 0.5)
}
.lblue.left-edge:before {
	box-shadow: 22px 11px 4px rgba(0, 0, 0, 0.5)
}
.small.lblue.left-edge:before {
	box-shadow: 22px 10px 2px rgba(0, 0, 0, 0.4)
}
.lblue.left-edge>span:after {
	border-color: #0a8e98 transparent #0a8e98 #0a8e98
}
.lgreen.hang-ribbon {
	background: #559309
}
.lgreen.hang-ribbon>span:before {
	border-color: #559309 #559309 transparent #559309
}
.lgreen.hang-ribbon>span,
.ie8 .lgreen,
.lgreen>span,
.lgreen.left-corner>span:before,
.lgreen.left-corner>span:after {
	background-color: #559309;
	background-image: -webkit-linear-gradient(top, #a7da68, #60a60b);
	background-image: -moz-linear-gradient(top, #a7da68, #60a60b);
	background-image: -ms-linear-gradient(top, #a7da68, #60a60b);
	background-image: -o-linear-gradient(top, #a7da68, #60a60b);
	background-image: linear-gradient(top, #a7da68, #60a60b)
}
.lgreen.left-corner:before {
	border-left-color: #2b4e00;
	border-bottom-color: #2b4e00
}
.lgreen.left-corner:after {
	border-right-color: #2b4e00;
	border-top-color: #2b4e00
}
.lgreen.left-edge>span {
	background-color: #60a60b;
	background-image: -webkit-radial-gradient(30% 0%, ellipse farthest-side, #a7da68, #60a60b);
	background-image: -moz-radial-gradient(30% 0%, ellipse farthest-side, #a7da68, #60a60b);
	background-image: -ms-radial-gradient(30% 0%, ellipse farthest-side, #a7da68, #60a60b);
	background-image: -o-radial-gradient(30% 0%, ellipse farthest-side, #a7da68, #60a60b);
	background-image: radial-gradient(ellipse farthest-side at 30% 0%, #a7da68, #60a60b);
	-pie-background: radial-gradient(ellipse farthest-side at 30% 0%, #a7da68, #60a60b);
	font-weight: 500
}
.lgreen.left-edge>span:after {
	border-color: #60a60b transparent #60a60b #60a60b
}
.lgreen.left-edge:before {
	box-shadow: 22px 11px 4px rgba(0, 0, 0, 0.4)
}
.small.lgreen.left-edge {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}
.small.lgreen.left-edge:before {
	box-shadow: 22px 10px 2px rgba(0, 0, 0, 0.4)
}
body.page-template-full-php .social {
	display: none
}
.social {
	position: relative;
	height: 48px;
	clear: both;
	padding: 10px 0
}
.social.hook {
	position: absolute;
	height: auto;
	clear: none;
	left: 0;
	padding: 8px;
	background: rgba(0, 0, 0, 0.06);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
	border-radius: 0 10px 10px 0
}
.social ul {
	margin: 0 auto;
	width: 302px
}
.social.hook ul {
	width: auto
}
.social ul li {
	text-indent: -9999px;
	display: block;
	width: 32px;
	height: 31px;
	float: left;
	margin: 0 0 0 6px
}
.social.hook ul li {
	margin: 8px 0 0 0;
	width: 32px;
	height: 31px;
	float: none
}
.social ul li:first-child {
	margin-left: 0
}
.social.hook ul li:first-child {
	margin-top: 0
}
.social ul li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	background: url(images/social-sprite.png) no-repeat;
	background-size: 100%
}
.social.hook ul li a {
	opacity: 0.8
}
.social.hook ul li a:hover {
	opacity: 1
}
.social ul li.social-tw a {
	background-position: 0 0
}
.social ul li.social-fb a {
	background-position: 0 -41px
}
.social ul li.social-yt a {
	background-position: 0 -82px
}
.social ul li.social-fl a {
	background-position: 0 -123px
}
.social ul li.social-li a {
	background-position: 0 -164px
}
.social ul li.social-it a {
	background-position: 0 -205px
}
.social ul li.social-pn a {
	background-position: 0 -247px
}
.social ul li.social-in a {
	border-radius: 6px;
	background-position: 0 -289px
}
.social ul li a:active {
	opacity: 1
}
.recently {
	margin-top: 80px;
	clear: both
}
.recently h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: #444;
	text-shadow: 0 1px 0 #fff;
	padding-bottom: 3px;
	border-bottom: 3px solid #444
}
.filters {
	float: right;
	width: 50%;
	text-align: right;
	font-size: 15px;
	text-shadow: 0 1px 0 #fff;
	margin: 6px 0 0 0;
	display: none
}
.filters li {
	display: inline;
	margin: 0 0 0 10px
}
.filters li span {
	display: inline;
	position: relative;
	padding: 3px 12px 4px 12px;
	text-shadow: 0 1px 0 #fff;
	border-radius: 16px;
	border-bottom: 1px solid transparent;
	cursor: pointer
}
.filters li.on span,
.filters li span:hover {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.08);
	border-color: #fff
}
.filters li:first-child {
	margin-left: 0
}
.filters li.dropdown span {
	padding-right: 20px
}
.filters li.dropdown span:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 2px;
	width: 0px;
	height: 0px;
	border-left: 6px solid #444;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(90deg);
	-o-transform-origin: 0 0;
	-o-transform: rotate(90deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(90deg);
	transform-origin: 0 0;
	transform: rotate(90deg)
}
.filters li ul {
	display: none
}
.module,
.page-content {
	position: relative;
	padding: 36px 20px 20px 20px;
	margin: 30px 0;
	z-index: 1;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	border-top: 1px solid #fff;
	background: #fff;
	background-image: -webkit-linear-gradient(#f4f4f4, #fff 20px);
	background-image: -moz-linear-gradient(#f4f4f4, #fff 20px);
	background-image: -ms-linear-gradient(#f4f4f4, #fff 20px);
	background-image: -o-linear-gradient(#f4f4f4, #fff 20px);
	background-image: linear-gradient(#f4f4f4, #fff 20px)
}
.page-content {
	min-height: 400px
}
.module .more {
	clear: both;
	position: absolute;
	right: 10px;
	bottom: -34px;
	height: 18px;
	line-height: 18px;
	font-size: 15px;
	font-weight: 300;
	background-color: rgba(0, 0, 0, 0.04);
	padding: 8px 10px 8px 8px;
	border-radius: 0 0 8px 8px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
	color: #000
}
.module .more span {
	position: relative;
	padding-left: 12px
}
.module .more span:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 2px;
	width: 0px;
	height: 0px;
	border-left: 6px solid #444;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}
.module .more:hover {
	background-color: rgba(0, 0, 0, 0.08)
}
.module .more:hover span:after {
	border-left: 6px solid #000
}
.news,
.events {
	width: 44%;
	float: left
}
.events {
	float: right
}
.news article h3 {
	font-size: 24px;
	line-height: 28px
}
.recently .news img {
	max-width: 175px;
	float: right;
	margin: 0 0 12px 12px
}
span.date,
div.date,
.content p.date,
.content p.date,
.event-when,
.event-location,
.content p.category {
	font: 300 14px "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #777;
	display: block;
	margin: 2px 0 8px 0
}
.content .news-archive .date,
.related .date,
.content .event-list .date,
.event-when,
.content .event-list .location,
.content .event-list .subtitle,
.event-subtitle,
.content .event-details .date,
.content .event-details .location,
.content .event-details .subtitle,
.content p.address,
.content p.email,
.content p.url,
.content p.phone,
.content p.fax,
.content p.degree,
.content p.deg_inst,
.content p.cv,
.content ul.related-list p {
	margin: 2px 0
}
.content .event-list .event {
	clear: both
}
.recent.news .date {
	display: inline;
	margin: 0
}
.content p.subtitle,
.content .event-subtitle {
	font-style: italic;
	font-size: 1rem;
	line-height: 1.2;
	margin: -4px 0 0 0
}
.recent.news span.article-title {
	margin-right: 4px
}
.news article a:hover p {
	color: #000
}
.news p {
	font-size: 14px;
	line-height: 22px
}
.news .related {
	border-top: 1px solid #d0d0d0;
	clear: both;
	margin: 10px -20px;
	padding: 10px 20px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
	background: #fff;
	background-image: -webkit-linear-gradient(#f4f4f4 1px, #fff 180px);
	background-image: -moz-linear-gradient(#f4f4f4 1px, #fff 180px);
	background-image: -ms-linear-gradient(#f4f4f4 1px, #fff 180px);
	background-image: -o-linear-gradient(#f4f4f4 1px, #fff 180px);
	background-image: linear-gradient(#f4f4f4 1px, #fff 180px)
}
.news .related h3 {
	font-size: 12px;
	font-weight: 700;
	color: #888;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff
}
.related ul li,
.recent ul li {
	font-size: 16px;
	line-height: 21px;
	padding: 0
}
.related ul li a,
.recent ul li a {
	display: block;
	padding: 6px 0;
	border-bottom: 1px solid #e5e5e5
}
.related ul li a:hover,
.recent ul li a:hover,
.recently .homepage-events article.event-list:hover {
	border-bottom: 1px solid #d0d0d0
}
.content .homepage-events .event-list h1.event-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	padding: 2px 0 0 0;
	margin: 0;
	border: none;
	color: #222
}
.content .homepage-events .event-list a:hover h1.event-title {
	color: #990000
}
.homepage-events .event-times {
	display: none
}
.news-archive article,
article.event-list {
	clear: right;
	border-top: 1px solid #e5e5e5;
	padding: 6px 0;
	margin-top: 0
}
.recently .homepage-events article.event-list,
article.event-list {
	margin-top: 0;
	padding-bottom: 6px;
	border-top: none;
	border-bottom: 1px solid #e5e5e5
}
article.event-list {
	border-top: 1px solid #e5e5e5;
	border-bottom: none
}
.news-archive article:first-child,
article.event-list:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none
}
.news-archive article:first-child img {
	margin-top: 0
}
.news-archive img,
.event-list img,
.event-details img,
.event-single img {
	float: right;
	max-width: 50%;
	margin: 20px 0 20px 20px
}
@media handheld,
only screen and (max-width: 600px) {
	.news-archive img,
	.event-list img,
	.event-details img,
	.event-single img {
		max-width: 100%;
		float: none;
		margin: 0 0 20px 0
	}
}
.event-single img {
	margin-top: 0
}
article.event-list img {
	max-height: 160px;
	max-width: 280px
}
@media handheld,
only screen and (max-width: 600px) {
	article.event-list img {
		max-width: 100%;
		float: none;
		margin: 10px 0 0 0
	}
}
.news-archive article img {
	max-height: 125px;
	max-width: 125px
}
.event-details article img {
	max-height: 300px;
	max-width: 300px
}
.recently .events article {
	display: block;
	padding: 3px 0
}
.twitter {
	position: relative;
	margin: 20px 0;
	padding: 20px;
	border-radius: 12px;
	background: rgba(0, 0, 0, 0.06);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.08);
	font-size: 16px;
	line-height: 25px;
	color: #444;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
}
.twitter {
	margin: 40px 0 50px 0;
	padding-bottom: 30px;
	width: 44%;
	float: right
}
.twitter .date {
	position: absolute;
	bottom: 0;
	right: 20px
}
.twitter article a {
	font-weight: 700;
	color: #990000
}

.twitter:before {
	content: '';
	position: absolute;
	bottom: -20px;
	right: 180px;
	border: 0 solid transparent;
	border-right-width: 30px;
	border-bottom-width: 20px;
	border-color: transparent rgba(0, 0, 0, 0.06);
	display: block;
	width: 0
}
.twitter:after {
	content: '';
	position: absolute;
	bottom: -20px;
	right: 180px;
	border: 0 solid transparent;
	border-right-width: 10px;
	border-bottom-width: 20px;
	border-color: transparent #f5f5f5;
	display: block;
	width: 0
}

a.handle,
p.quoted {
	display: block
}
a.handle {
	position: absolute;
	display: block;
	font-size: 15px;
	padding: 8px 12px;
	height: 24px;
	right: 0;
	bottom: -50px;
	border-radius: 8px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 4px rgba(0, 0, 0, 0.3), inset 0 -8px 20px rgba(0, 0, 0, 0.3);
	background: #1e83cf;
	background-image: -webkit-linear-gradient(#3fa0e6, #1e83cf);
	background-image: -moz-linear-gradient(#3fa0e6, #1e83cf);
	background-image: -ms-linear-gradient(#3fa0e6, #1e83cf);
	background-image: -o-linear-gradient(#3fa0e6, #1e83cf);
	background-image: linear-gradient(#3fa0e6, #1e83cf)
}
a.handle:hover {
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 -8px 20px rgba(0, 0, 0, 0.5)
}
.content p.quoted,
.content div.quoted {
	margin: -10px 0 30px 0;
	padding: 0 0 20px 120px;
	font-size: 14px;
	line-height: 22px
}
p.quoted img,
div.quoted img {
	float: left;
	margin-right: 12px
}
p.quoted strong,
div.quoted strong {
	font-size: 16px;
	font-weight: 700
}
.recently .module.video {
	padding-top: 24px;
	margin-bottom: 50px
}
.video article {
	width: 200px;
	padding: 0 15px;
	float: left
}
.video article img {
	display: none
}
.video-preview {
	width: 200px;
	height: 112px;
	margin-bottom: 8px;
	background-size: 200px;
	background-position: center center
}
.video article h3 {
	font-size: 16px;
	line-height: 20px
}
.top-news {
	background-color: #fff;
	background-image: -webkit-linear-gradient(#fff, #eee 41px);
	background-image: -moz-linear-gradient(#fff, #eee 41px);
	background-image: -ms-linear-gradient(#fff, #eee 41px);
	background-image: -o-linear-gradient(#fff, #eee 41px);
	background-image: linear-gradient(#fff, #eee 41px);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	margin-bottom: 1px;
	font-size: 16px;
	z-index: 2;
	padding: 4px 0 0 0;		display:none;
}
.top-news a {
	color: #444;
	font-weight: 300
}
.top-news a:hover {
	color: #990000
}
.top-news .label a,
.top-news .label span {
	float: left;
	padding: 5px 8px;
	margin: 0 12px 0 4px;
	font: 11px/14px Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	border-radius: 18px;
	border-bottom: 1px solid #fff;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.05)
}
.top-news .label a:hover {
	background: rgba(0, 0, 0, 0.08)
}
.top-news h3 {
	min-height: 30px;
	line-height: 1.4;
	margin-top: 4px
}
.page-content {
	width: 680px;
	padding-top: 16px;
	padding-bottom: 44px;
	margin-top: 20px;
	float: left
}
.page-content.full,
body.search .page-content,
body.page-template-no-sidebar-php .page-content,
body.page-template-no-section-menu-php .page-content,
body.page-template-searchpage-php .page-content,
body.page-id-4548 .page-content,
body.page-id-1520 .page-content,
body.parent-pageid-1520 .page-content {
	width: auto;
	float: none
}
.page-content a {
	color: #990000;
	font-weight: 700
}
.breadcrumbs {
	position: relative
}
.breadcrumbs li {
	display: inline;
	white-space: normal;
	margin: 0 4px 0 18px;
	line-height: 18px
}
.breadcrumbs li:first-child {
	margin-left: 0
}
.breadcrumbs li:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	opacity: 0.6;
	background-image: url(images/utility-sprite.svg);
	background-position: 7px -30px;
	background-repeat: no-repeat;
	background-size: 10px
}
.breadcrumbs a {
	color: #666;
	font-size: 13px;
	font-weight: 300
}
.breadcrumbs li:last-child {
	display: none
}
.content {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5
}
.content h1 {
	font-size: 40px;
	line-height: 1;
	font-weight: 400;
	margin: 6px 0 20px 0
}
.content h1 .searchterm {
	font-weight: 700
}
.content h2 {
	font-weight: 700;
	font-size: 25px;
	line-height: 30px;
	margin: 20px 0 8px 0
}
.page-content .content h3,
.event-list h1.event-title {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	margin: 16px 0 4px 0
}
.page-content .content h3.news-heading {
	font-size: 16px;
	color: #666;
	margin: 6px 0
}
.page-content .content h4 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.35;
	margin: 12px 0 4px 0
}
.content p {
	margin: 1em 0
}
ul li {
	padding-left: 20px;
	background-image: url(images/bullet.svg);
	background-position: 0.4em 0.65em;
	background-repeat: no-repeat;
	background-size: 14px
}
ol li {
	padding-left: 0;
	margin-left: 28px;
	background-image: none
}
ol,
ol.decimal {
	list-style-type: decimal
}
ol.upper-roman {
	list-style-type: upper-roman
}
ol.lower-roman {
	list-style-type: lower-roman
}
ol.upper-alpha {
	list-style-type: upper-alpha
}
ol.lower-alpha {
	list-style-type: lower-alpha
}
.page-content .content ul {
	margin-bottom: 1em
}
.content ul li ul {
	padding-left: 10px
}
.social ul li,
ul.breadcrumbs li,
ul.skittles li,
.top ul li,
aside ul li,
body.home ul li,
footer ul li {
	padding: 0;
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto
}
ul.no-bullet li,
ul.nobullet li,
li.no-bullet,
li.nobullet {
	padding-left: 0;
	background: none
}
.content strong {
	font-weight: 700
}
.caption,
.content p.caption,
.wp-caption-text {
	font-size: 0.85em;
	line-height: 1.6;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 1em 0
}
.page-photo,
.pagephoto,
.page-photo img,
.pagephoto img,
.wp-caption {
	max-width: 320px
}
.align-right,
.alignright {
	float: right;
	clear: right;
	max-width: 60%;
	margin: 0 0 20px 30px
}
.align-left,
.alignleft {
	float: left;
	max-width: 60%;
	margin: 0 30px 20px 0
}
.content ul.faculty-list p {
	margin: 0 0 2px 0;
	font-size: 0.85em
}
.page-content .content ul.faculty-list h4,
.page-content .content ul.related-list h4 {
	margin-bottom: 0
}
.page-content .content ul.faculty-list li {
	margin-bottom: 1em;
	padding: 0 20px 0 60px;
	background: transparent;
	min-height: 60px;
	position: relative
}
.page-content .content ul.affiliated.faculty-list li {
	padding: 0 20px 0 0;
	min-height: 0
}
.page-content .content ul.faculty-list li .alignleft {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	width: 50px;
	height: 50px
}
.page-content .content table {
	width: 100%;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	border-radius: 3px
}
.page-content .content table th {
	border-color: #ddd;
	border-radius: 3px 3px 0 0;
	background: #f4f7fa;
	color: #888
}
body.page-id-913 .page-content .content table th {
	font-size: 0.7em
}
.page-content .content table th,
.page-content .content table td {
	vertical-align: top;
	text-align: left;
	padding: 4px 8px;
	border-bottom: 1px solid #f9f9f9
}
.page-content .content table tr:last-child td {
	border-bottom: none
}
.sidebar {
	float: left;
	width: 240px;
	margin-top: 40px
}
.section-menu,
.custom-sidebar {
	padding: 60px 10px 20px 6px;
	border-radius: 0 10px 10px 0;
	background: rgba(0, 0, 0, 0.04);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
	height: auto
}
.custom-sidebar {
	padding: 15px;
	border-radius: 6px;
	margin: 20px 0 10px 15px;
	color: #333;
	font-size: 0.9em;
	line-height: 1.4
}
.custom-sidebar h3 {
	font-size: 16px;
	font-weight: 700;
	color: #000
}
.custom-sidebar strong {
	font-weight: 700
}
.custom-sidebar a {
	color: #990000
}
.section-menu ul,
.section-menu ul li {
	padding: 0;
	margin: 0
}
.section-menu ul li ul {
	padding-left: 12px
}
.section-menu h4,
.section-menu ul li a {
	margin: 5px 0 0 9px;
	padding: 2px 4px 2px 8px;
	border-radius: 6px;
	font-size: 15px;
	display: block;
	line-height: 18px;
	font-weight: 500;
	text-shadow: 0 1px 0 #fff
}
.section-menu>ul>li>a {
	margin-left: 4px;
	margin-right: 0
}
.section-menu ul li ul li a {
	margin: 5px 0 0 0;
	position: relative;
	padding: 2px 4px 2px 15px;
	color: #990000;
	display: block;
	border-bottom: 1px solid transparent
}
.section-menu ul li ul li a:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 6px;
	width: 0;
	height: 0;
	border-left: 5px solid #444;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent
}
.section-menu ul li ul li a.pdf:before {
	border-left: none;
	left: -6px
}
.section-menu ul li a:hover {
	background-color: rgba(255, 255, 255, 0.3) !important;
	border-color: #f4f4f4 !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15) !important
}
.section-menu ul li a:active {
	background-color: rgba(255, 255, 255, 0.6) !important
}
.section-menu ul li ul li ul li a {
	background-image: url(images/bullet.svg);
	background-repeat: no-repeat;
	background-position: 0.6em 0.65em;
	background-size: 11px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 300;
	color: #000;
	padding-left: 18px;
	margin: 0
}
.section-menu ul li ul li ul li a:before {
	border: none
}
.section-menu ul li.current-menu-item a {
	background-color: rgba(0, 0, 0, 0.03);
	border-radius: 6px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
.section-menu ul li.current-menu-item li a {
	background-color: transparent;
	box-shadow: none
}
.section-menu ul.news-sidebar li a {
	position: relative;
	display: block
}
.section-menu ul.news-sidebar li a h4 {
	margin-left: 0;
	padding-left: 0
}
.news-sidebar .alignleft {
	margin: 0;
	position: absolute;
	top: 12px;
	left: 10px;
	float: none;
	padding: 2px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}
nav.share ul {
	margin: 8px 0 8px 8px;
	list-style: none
}
nav.share ul li {
	list-style: none;
	display: block;
	margin: 0 0 8px 0
}
nav.share ul li a {
	display: block;
	padding: 8px 8px 8px 34px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	position: relative;
	color: #fff;
	border-radius: 2px
}
nav.share ul li a strong {
	font-weight: 700
}
nav.share ul li a:before {
	content: '';
	position: absolute;
	background: url(images/social-sprite.png) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	top: 8px;
	left: 6px
}
nav.share ul li.social-tw a {
	background-color: #39a8e6
}
nav.share ul li.social-tw a:before {
	background-position: 2px 0
}
nav.share ul li.social-fb a {
	background-color: #3e599d
}
nav.share ul li.social-fb a:before {
	background-position: 0 -26px
}
nav.share ul li.social-li a {
	background-color: #006699
}
nav.share ul li.social-li a:before {
	background-size: 26px;
	background-position: -1px -137px
}
nav.share ul li.social-em a {
	background-color: #000
}
nav.share ul li.social-em a:before {
	background-position: -1px -205px
}
nav.share ul li.social-pr a {
	background-color: #fff;
	color: #000
}
nav.share ul li.social-pr a:before {
	background-position: 0 -224px
}
aside.recent {
	width: 440px;
	float: left;
	margin: 0 0 50px 40px;
	padding-top: 48px
}
aside.recent.news {
	margin-left: 0
}
.recent.video {
	padding: 48px 0 20px 0
}
.recent.video article {
	padding: 0;
	margin: 0 13px
}
.recent.video article:nth-child(2n) {
	margin-right: 0
}
aside.recent.news h3 {
	font-size: 18px;
	font-weight: 700
}
.page-content .content ul.related-list.publications li {
	text-indent: -20px;
	background: none
}
ul.related-list li {
	padding-bottom: 16px
}
ul.related-list i {
	font-style: italic
}
body.search h4,
body.archive h4 {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #eee
}
body.search h4:first-child,
body.archive h4:first-child {
	border-top: none
}
body.search p,
body.archive p,
.related-list li p {
	margin-top: 0
}
.category-search {
	position: relative;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-color: #ddd;
	border-radius: 3px;
	background: #f4f7fa
}
.category-search label {
	position: absolute;
	top: 20px;
	left: 26px;
	font-size: 18px;
	font-weight: 300;
	color: #999;
	display: block;
	cursor: text;
	visibility: hidden
}
.category-search .search-query {
	width: 95%
}
.category-search .search-button {
	top: 28px;
	right: 4%
}
.paginate {
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd
}
.recently::selection,
.page-content::selection,
.module::selection {
	background: #1e83cf;
	color: #fff;
	text-shadow: none
}
.recently::-moz-selection,
.page-content::-moz-selection,
.module::-moz-selection {
	background: #1e83cf;
	color: #fff;
	text-shadow: none
}
#gsa .topnav {
	display: none
}
#gsa .bottomnav {
	color: #fff;
	padding: 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd
}
#gsa .topnav .nav,
#gsa .bottomnav .nav {
	display: block;
	width: auto
}
#gsa .nav a {
	color: #990000
}
#gsa a.title {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	display: block
}
#gsa .furl {
	font-size: 0.8em;
	color: #999
}
#gsa p.summary {
	margin: 4px 0
}
#gsa b {
	background-color: #f4f7fa;
	border-color: 3px;
	padding: 0 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: 700
}
.content a.post-edit-link,
a.edit-menu {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 20px;
	background-color: #61a500;
	box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.2);
	/*float: left;*/
	display: block;
	text-align: center;
	clear: both;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	padding: 5px 10px;
	margin: 20px 0 5px 0
}
a.edit-menu {
	margin-left: 8px;
	font-size: 12px;
	line-height: 16px;
	padding: 4px 8px
}
.content .related-list a.post-edit-link,
.content .news-archive a.post-edit-link,
.content .research-centers a.post-edit-link,
.content .research-inits a.post-edit-link {
	font-size: 12px;
	border-radius: 18px;
	float: right;
	clear: none;
	line-height: 10px;
	padding: 3px 6px 4px 6px;
	margin: -20px 0 0 6px
}
.content a.post-edit-link:hover {
	background-color: #467700
}
footer {
	clear: both;
	background-image: url(images/bgnoise-dark.png);
	background-image: -webkit-linear-gradient(rgba(30, 30, 30, 0.7), rgba(0, 0, 0, 0.4)), url(images/bgnoise-dark.png);
	background-image: -moz-linear-gradient(rgba(30, 30, 30, 0.7), rgba(0, 0, 0, 0.4)), url(images/bgnoise-dark.png);
	background-image: -ms-linear-gradient(rgba(30, 30, 30, 0.7), rgba(0, 0, 0, 0.4)), url(images/bgnoise-dark.png);
	background-image: -o-linear-gradient(rgba(30, 30, 30, 0.7), rgba(0, 0, 0, 0.4)), url(images/bgnoise-dark.png);
	background-image: linear-gradient(rgba(30, 30, 30, 0.7), rgba(0, 0, 0, 0.4)), url(images/bgnoise-dark.png);
	color: #fff;
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.8)
}
footer .pagewrapper {
	position: relative
}
.footer-column {
	width: 25%;
	float: left;
	position: relative;
	height: 220px;
}
.footer-column.school {
	background: rgba(0, 0, 0, 0.4)
}
.footer-column.school a {
	background-image: url(images/mbv-logo.svg);
	background-position: 50% 65%;
	background-repeat: no-repeat;
	background-size: 100%;
	text-indent: -9999px;
	height: 220px;
	display: block
}
.footer-column.school:hover {
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 10px rgba(100, 100, 100, 0.1)
}
.footer-column ul {
	position: absolute;
	bottom: 36px;
	padding: 0 0 0 20px;
	width: 220px;
}

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

.footer-column ul {
	bottom: 0px;
}
}
.footer-column ul li a,
a.credit {
	display: block;
	font-weight: 500;
	color: #ddd;
	text-shadow: 0 -1px 0 #000;
	padding: 4px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.footer-column ul li a:hover,
a.credit:hover {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}
.newsletter-subscribe {
	position: absolute;
	right: -20px;
	top: 0;
	padding: 30px 20px 30px 53px;
	width: 220px;
	height: 79px;
	background: url(images/envelope.png) right top no-repeat;
	color: #222;
	font-size: 15px;
	font-weight: 700;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
}
.newsletter-subscribe h3 {
	font-weight: 700;
	margin: 4px 0
}
.newsletter-subscribe a {
	color: #990000
}
.newsletter-subscribe a:hover {
	color: #000
}
.newsletter-subscribe label {
	top: 63px;
	left: 58px
}
.subscribe-submit {
	top: 62px;
	right: 34px;
	background-image: url(images/utility-sprite.svg);
	background-position: 2px -26px
}
a.credit {
	position: absolute;
	bottom: 36px;
	right: 0;
	text-align: right;
	width: 220px
}
a.yellow-button {
	background: #cfac1e;
	background-image: -webkit-linear-gradient(#e5c33f, #bb9600);
	background-image: -moz-linear-gradient(#e5c33f, #bb9600);
	background-image: -ms-linear-gradient(#e5c33f, #bb9600);
	background-image: -o-linear-gradient(#e5c33f, #bb9600);
	background-image: linear-gradient(#e5c33f, #bb9600);
	color: #fff;
	display: block;
	padding: 0.5rem 0 0.6rem;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	border-radius: 8px;
	position: relative;
	width: 154px;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out
}
a.yellow-button:hover {
	color: #fff;
	margin-top: -3px;
	box-shadow: inset 0 -6px 40px rgba(0, 0, 0, 0.2)
}
.student-tags {
	width: 94%;
	margin: 0rem 0 2rem;
	padding: 1rem;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	border-top: 1px solid #fff;
	background: #fff;
	background-image: -webkit-linear-gradient(#f4f4f4, #fff 20px);
	background-image: -moz-linear-gradient(#f4f4f4, #fff 20px);
	background-image: -ms-linear-gradient(#f4f4f4, #fff 20px);
	background-image: -o-linear-gradient(#f4f4f4, #fff 20px);
	background-image: linear-gradient(#f4f4f4, #fff 20px);
	float: left
}
.student-tags h4 {
	padding: 0;
	margin: 0 0 0.5rem 0 !important
}
.student-directory-button {
	padding: 1rem 1rem 1rem 0
}
.student-directory-button.margin {
	padding: 1rem 1rem 1rem 0;
	margin-bottom: 2rem
}
.student-directory-button a {
	padding: 4px 10px;
	margin-right: .5rem;
	font-weight: bold;
	background: #cfac1e;
	background-image: -webkit-linear-gradient(#e5c33f, #bb9600);
	background-image: -moz-linear-gradient(#e5c33f, #bb9600);
	background-image: -ms-linear-gradient(#e5c33f, #bb9600);
	background-image: -o-linear-gradient(#e5c33f, #bb9600);
	background-image: linear-gradient(#e5c33f, #bb9600);
	border-radius: 8px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	display: inline-block;
	margin-bottom: 10px
}
.student-directory-button a:hover {
	color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 -8px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2)
}
a.student-tags-link {
	padding: 2px 8px;
	margin-right: 1%;
	background: #ca6316;
	background-image: -webkit-linear-gradient(#e5853f, #bb5000);
	background-image: -moz-linear-gradient(#e5853f, #bb5000);
	background-image: -ms-linear-gradient(#e5853f, #bb5000);
	background-image: -o-linear-gradient(#e5853f, #bb5000);
	background-image: linear-gradient(#e5853f, #bb5000);
	border-radius: 8px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	float: left;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 6px
}
a.student-tags-link:hover {
	color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 -8px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2)
}
ul.student-directory {
	margin: 0;
	padding: 0
}
ul.student-directory li {
	padding: 2rem 0 1rem 0;
	margin: 0;
	float: left;
	background-image: none;
	border-bottom: 1px solid #e5e5e5;
	width: 100%
}
ul.student-directory li:first-child {
	padding: 0rem 0 1rem 0
}
ul.student-directory li .student-directory-left {
	width: 25%;
	float: left;
	display: block
}
ul.student-directory li .student-directory-right {
	display: block;
	width: 60%;
	float: left
}
ul.student-directory li .student-directory-right h2 {
	margin-top: 0
}
.student-directory-thumbnail {
	float: left;
	margin: 0 20px 20px 0
}
.columns {
	overflow: hidden;
	*zoom: 1
}
.columns.col-3 .col {
	border-top: 2px solid #000;
	padding: 0.5rem 0
}
@media only screen and (min-width: 900px) {
	.columns.col-3 .col {
		border: none;
		padding: 0;
		width: 30%;
		margin-left: 5%;
		float: left
	}
	.columns.col-3 .col:first-child {
		margin-left: 0
	}
	.columns.col-3 .col h3 {
		font-size: 1.5rem
	}
}
.columns.col-3 .col img {
	width: 100%;
	height: auto
}
@media only screen and (max-width: 1000px) {
	.news,
	.events {
		width: auto;
		float: none
	}
	.pagewrapper {
		width: auto
	}
	body.page-template-full-php .pagewrapper {
		margin: 0
	}
	header .pagewrapper,
	.topics .pagewrapper,
	.explore .pagewrapper,
	.top-news .pagewrapper {
		padding: 0 15px
	}
	.page-content {
		background: #fff;
		width: auto;
		margin: 0;
		z-index: 0
	}
	.top-news {
		box-shadow: none;
		margin-bottom: 0;
		background: #fff;		display: none;
	}
	.top-menu li:first-child {
		display: none
	}
	.top-menu li ul li:first-child {
		display: block
	}
	div.search {
		width: 150px;
		margin-right: 10px
	}
	.search-query {
		width: 120px
	}
	.gateways .gateways-menu li a {
		font-size: 13px;
		padding: 3px 6px
	}
	.features {
		width: auto;
		margin: 0;
		height: auto;
		clear: left
	}
	.outercontainer {
		position: relative;
		left: auto;
		right: auto;
		background: transparent;
		box-shadow: none;
		height: auto;
		overflow: crop;
		margin: 10px
	}
	.container {
		height: 0;
		padding: 0 0 50% 0
	}
	.iosSlider .slider {
		width: 100%
	}
	.iosSlider .slider .item {
		float: left;
		width: 100%;
		height: auto;
		border: none;
		background: transparent !important;
		box-shadow: none !important
	}
	.iosSlider .slider .item img {
		height: auto
	}
	.features figure {
		float: none;
		padding: 0;
		width: auto;
		height: auto
	}
	.features figcaption {
		padding: 0;
		bottom: 5px;
		width: 100%;
		height: auto;
		margin: 0
	}
	.features a {
		width: auto;
		height: auto;
		padding: 10px;
		float: none
	}
	.feature-controls {
		display: block;
		position: relative;
		height: 36px;
		margin: 0 auto;
		width: 100%
	}
	.prevContainer {
		float: left;
		width: 30px
	}
	.prevContainer .prev,
	.nextContainer .next {
		text-indent: -9999px;
		position: absolute;
		left: 10px;
		top: 0;
		width: 0;
		height: 0;
		border-right: 20px solid #777;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent
	}
	.prevContainer .prev:hover,
	.nextContainer .next:hover {
		border-color: #000;
		border-top-color: transparent;
		border-bottom-color: transparent
	}
	.nextContainer {
		float: right;
		width: 30px
	}
	.nextContainer .next {
		left: auto;
		right: 10px;
		border-left: 20px solid #777;
		border-right: none
	}
	.selectors {
		width: 182px;
		height: 36px;
		margin: 0 auto
	}
	.selectors .item {
		border-radius: 7px;
		width: 14px;
		height: 14px;
		margin: 8px 6px;
		background: #bbb;
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 1px #fff;
		position: relative;
		top: 0;
		left: 0;
		float: left
	}
	.selectors .selected {
		background: #777
	}
	.content ul.skittles li,
	ul.skittles li,
	.content ul.skittles li:hover,
	ul.skittles li:hover {
		width: 31.333%;
		margin: 0 1% 2% 1%
	}
	.recently .module {
		margin: 10px 20px 50px 20px
	}
	.recently h2 {
		margin: 0 20px
	}
	.twitter {
		width: auto;
		margin: 10px 20px 65px 20px;
		float: none
	}
	img,
	object {
		max-width: 100%;
		height: auto
	}
	.pagephoto,
	.page-photo,
	.alignright,
	.align-right,
	.alignleft,
	align-left,
	.event-details article img {
		max-width: 50%
	}
	.pagephoto img,
	.page-photo img {
		max-width: 100%
	}
	.event-list article img,
	.news-archive article img {
		max-width: 20%
	}
	.sidebar {
		float: none;
		clear: both;
		padding: 30px 20px;
		width: auto
	}
	.section-menu {
		border-radius: 0 0 10px 10px;
		padding: 0 10px 20px 10px
	}
	.custom-sidebar {
		margin: 20px 0 10px 0
	}
	.left-edge {
		width: auto;
		height: auto;
		position: relative;
		margin: 0 -10px 20px -10px
	}
	.recently .video article {
		width: 23%;
		margin: 0 1% 2% 1%;
		padding: 0
	}
	.video-preview {
		width: 100%;
		height: 0;
		padding: 0 0 56% 0;
		background-size: 100%
	}
	aside.recent.news,
	aside.recent.video {
		width: auto;
		float: none;
		margin: 20px 20px 50px 20px;
		padding: 0 20px 30px 20px
	}
	aside.recent.video {
		padding-bottom: 0
	}
	.recent.video article {
		width: 47%;
		margin: 0 1.5% !important;
		padding: 0 0 20px 0
	}
	.small.left-edge {
		left: -13px
	}
	footer {
		padding-bottom: 40px
	}
	.footer-column {
		width: 50%
	}
	.footer-column.school a {
		background-color: none;
		background-image: url(images/mbv-logo.svg);
		background-position: 0 0;
		background-size: 320px;
		height: 100px
	}
	.footer-column.school,
	.footer-column.school:hover {
		height: auto;
		float: none;
		background: none;
		box-shadow: none
	}
	.footer-column.contact-links,
	.footer-column.intranet-links {
		height: auto;
		float: none
	}
	.footer-column.contact-links ul,
	.footer-column.intranet-links ul {
		position: relative;
		width: auto;
		bottom: auto
	}
	.footer-column.subscribe {
		position: absolute;
		width: 42%;
		top: 0;
		right: 5%
	}
	a.credit {
		right: 20px;
		bottom: 0
	}
}
@media handheld,
only screen and (max-width: 800px) {
	.nav-mobile {
		display: block;
		color: #fff;
		padding: 12px 20px;
		font-size: 14px
	}
	.nav-button {
		display: block;
		width: 6em;
		height: 30px;
		line-height: 30px;
		padding-left: 32px;
		cursor: pointer;
		float: left;
		position: relative
	}
	.nav-button:before {
		content: '';
		position: absolute;
		left: 0;
		top: 4px;
		width: 24px;
		height: 24px;
		border-radius: 4px;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		background: #900 url(images/nav-button.png) center center no-repeat;
		background-image: url(images/nav-button.png), -webkit-linear-gradient(#900, #700);
		background-image: url(images/nav-button.png), -moz-linear-gradient(#900, #700);
		background-image: url(images/nav-button.png), -ms-linear-gradient(#900, #700);
		background-image: url(images/nav-button.png), -o-linear-gradient(#900, #700);
		background-image: url(images/nav-button.png), linear-gradient(#900, #700);
		background-position: center center, 0 0;
		background-repeat: no-repeat, repeat-x;
		background-size: 12px 12px, 100% 100%
	}
	.top {
		height: auto
	}
	.top-menu,
	.gateways-menu {
		border-top: none;
		height: auto
	}
	.top-menu li:first-child {
		display: block
	}
	.top-menu li,
	.top-menu li.current-menu-item,
	.top-menu li.current-page-ancestor,
	body.home .top-menu li:first-child {
		float: none;
		border-top: 1px solid #333;
		margin: 0;
		border-radius: 0;
		height: auto;
		background: #000
	}
	.top-menu li a,
	.top-menu li.current-menu-item a,
	.top-menu li.current-page-ancestor a,
	body.home .top-menu li:first-child a,
	.top-menu .gateways-menu li a {
		width: auto;
		height: auto;
		font-size: 15px;
		padding: 12px 20px;
		color: #fff;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)
	}
	.top-menu .gateways-menu li a,
	body.home .top-menu .gateways-menu li:first-child a {
		font-size: 12px;
		line-height: 12px;
		padding: 10px 20px
	}
	.top-menu li a:hover,
	.top-menu li.current-menu-item a:hover,
	.top-menu li.current-page-ancestor a:hover,
	body.home .top-menu li:first-child a:hover {
		background: #222
	}
	.top-menu>li:hover ul.sub-menu {
		display: none
	}
	div.search {
		margin: 8px 20px 0 0
	}
	.gateways {
		display: none
	}
	.gateways-menu {
		border-top: 1px solid #fff
	}
	.features figcaption {
		font-size: 16px;
		line-height: 18px
	}
	.features figcaption h3 {
		font-size: 12px;
		line-height: 10px
	}
	.recently .video article {
		width: 46%;
		margin: 0 2% 4% 2%;
		padding: 0
	}
	.recently .video article:nth-child(2n) {
		clear: left
	}
	nav.share ul {
		margin-left: 0
	}
}
@media handheld,
only screen and (max-width: 600px) {
	header a.logo {
		width: 32px;
		overflow: hidden
	}
	.pagephoto img,
	.page-photo img,
	.pagephoto,
	.page-photo,
	.alignright,
	.align-right,
	.alignleft,
	.align-left,
	div.alignright {
		max-width: 100% !important;
		display: block;
		float: none;
		margin: 10px auto
	}
	.recently .news img,
	.event-list article img,
	.news-archive article img {
		max-width: 25%;
		height: auto
	}
	.content ul.skittles li,
	ul.skittles li,
	.content ul.skittles li:hover,
	ul.skittles li:hover {
		width: 46%;
		margin: 0 2% 4% 2%
	}
	.explore h3 {
		margin: 0 2% 4% 2%
	}
	.recent.video article {
		width: auto;
		margin: 0 auto;
		float: none
	}
	.footer-column.school a {
		background-position: 0 bottom;
		background-size: 100%
	}
	.newsletter-subscribe {
		right: -25px;
		padding: 20px;
		width: 195px;
		height: 100px;
		background-size: 240px
	}
	.newsletter-subscribe h3 {
		font-size: 14px
	}
	.newsletter-subscribe label {
		top: 53px;
		left: 25px
	}
	.subscribe-email {
		width: 160px
	}
	.subscribe-submit {
		top: 52px;
		right: 28px
	}
}
@media handheld,
only screen and (max-width: 500px) {
	.recently .video article {
		width: auto;
		margin: 0 auto;
		padding: 0;
		float: none
	}
	.twitter:before,
	.content blockquote:before {
		left: 25px
	}
	.twitter:after,
	.content blockquote:after {
		left: 45px
	}
	a.handle {
		left: 60px;
		width: 10em
	}
	.content p.quoted,
	.content div.quoted {
		padding-left: 60px
	}
	footer .pagewrapper {
		padding-bottom: 40px
	}
	.footer-column {
		width: 100%;
		float: none
	}
	.footer-column ul {
		padding: 0
	}
	.footer-column.school {
                padding-top: 15px;
		/*padding-top: 120px;*/
		width: 100%
	}
	.footer-column.school a {
		background-position: 100% center;
		background-size: 280px
	}
	.footer-column.contact-links,
	.footer-column.intranet-links {
		width: 80%;
		padding: 0 10%
	}
	.footer-column.subscribe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 120px
	}
	.footer-column ul li a,
	a.credit,
	.topics ul li a {
		padding: 8px 0
	}
	.newsletter-subscribe {
		margin: 0 auto;
		position: relative;
		padding: 20px 30px;
		background-position: 0 0
	}
	.newsletter-subscribe label {
		top: 53px;
		left: 36px
	}
	.subscribe-submit {
		right: 58px
	}
	.subscribe-email {
		width: 140px
	}
	a.credit {
		right: 10%;
		width: 80%
	}
}
@media handheld,
only screen and (max-width: 400px) {
	.content ul.skittles li,
	ul.skittles li,
	.content ul.skittles li:hover,
	ul.skittles li:hover {
		float: none;
		width: auto;
		height: auto
	}
	ul.skittles li a {
		height: auto
	}
	ul.skittles li a span {
		position: relative;
		padding: 10px;
		bottom: auto
	}
}
@media (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		background-size: 33px
	}
	.explore,
	.topics,
	footer {
		background-size: 100%, 50px
	}
}


.job-dashboard-actions li {
    background-image: none !important;
}