/*! 
 * Admission v0.1.0 [2015-03-02] 
 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
a {
	background: 0 0;
	color: #1D5B9A;
}
a:active, a:hover {
	outline: 0;
	color: #000;
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: 700
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}

*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.gridlock .row {
	margin-left: auto;
	margin-right: auto;
	width: 300px
}
.gridlock .row:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden
}
.gridlock .row .row {
	margin-left: -1.04166667%;
	margin-right: -1.04166667%;
	width: 102.08333333%
}
.gridlock .row .contained .row {
	margin-left: 0;
	margin-right: 0;
	width: 100%
}
.gridlock .row [class*=all-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-] {
	float: left;
	margin-left: 1.04166667%;
	margin-right: 1.04166667%
}
.gridlock .row [class*=all-].padded, .gridlock .row [class*=min-].padded, .gridlock .row [class*=mobile-].padded, .gridlock .row [class*=tablet-].padded, .gridlock .row [class*=desktop-].padded, .gridlock .row [class*=max-].padded {
	margin-left: 0;
	margin-right: 0;
	padding-left: 1.04166667%;
	padding-right: 1.04166667%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
*behavior:none
}
.gridlock .row [class*=all-].contained, .gridlock .row [class*=min-].contained, .gridlock .row [class*=mobile-].contained, .gridlock .row [class*=tablet-].contained, .gridlock .row [class*=desktop-].contained, .gridlock .row [class*=max-].contained {
	margin-left: 0;
	margin-right: 0
}
.gridlock .row [class*=all-].right, .gridlock .row [class*=min-].right, .gridlock .row [class*=mobile-].right, .gridlock .row [class*=tablet-].right, .gridlock .row [class*=desktop-].right, .gridlock .row [class*=max-].right {
	float: right
}
@media screen and (min-width:500px) {
.gridlock .row {
	width: 480px
}
}
@media screen and (min-width:790px) {
.gridlock .row {
	width: 720px
}
}
@media screen and (min-width:1020px) {
.gridlock .row {
	width: 910px
}
}
@media screen and (min-width:1330px) {
.gridlock .row {
	width: 1200px
}
}
@media screen and (min-width:1620px) {
.gridlock .row {
	width: 1480px
}
}
.gridlock-fluid .row {
	width: 98%
}
.gridlock .row .all-fifth {
	width: 17.91666667%
}
.gridlock .row .all-fourth {
	width: 22.91666667%
}
.gridlock .row .all-third {
	width: 31.25%
}
.gridlock .row .all-half {
	width: 47.91666667%
}
.gridlock .row .all-full {
	width: 97.91666667%
}
.gridlock .row .all-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .all-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .all-push-third {
	margin-left: 34.375%
}
.gridlock .row .all-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.all-fifth {
	width: 20%
}
.gridlock .row .contained.all-fourth {
	width: 25%
}
.gridlock .row .contained.all-third {
	width: 33.33333333%
}
.gridlock .row .contained.all-half {
	width: 50%
}
.gridlock .row .contained.all-full {
	width: 100%
}
.gridlock .row .contained.all-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.all-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.all-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.all-push-half {
	margin-left: 50%
}
.gridlock .row [class*=all-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
@media screen and (max-width:789px) {
.gridlock .row .mobile-1 {
	width: 31.25%
}
.gridlock .row .mobile-2 {
	width: 64.58333333%
}
.gridlock .row .mobile-3 {
	width: 97.91666667%
}
.gridlock .row .mobile-push-1 {
	margin-left: 34.375%
}
.gridlock .row .mobile-push-2 {
	margin-left: 67.70833333%
}
.gridlock .row .contained.mobile-1 {
	width: 33.33333333%
}
.gridlock .row .contained.mobile-2 {
	width: 66.66666667%
}
.gridlock .row .contained.mobile-3 {
	width: 100%
}
.gridlock .row .contained.mobile-push-1 {
	margin-left: 33.33333333%
}
.gridlock .row .contained.mobile-push-2 {
	margin-left: 66.66666667%
}
.gridlock .row .mobile-fifth {
	width: 17.91666667%
}
.gridlock .row .mobile-fourth {
	width: 22.91666667%
}
.gridlock .row .mobile-third {
	width: 31.25%
}
.gridlock .row .mobile-half {
	width: 47.91666667%
}
.gridlock .row .mobile-full {
	width: 97.91666667%
}
.gridlock .row .mobile-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .mobile-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .mobile-push-third {
	margin-left: 34.375%
}
.gridlock .row .mobile-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.mobile-fifth {
	width: 20%
}
.gridlock .row .contained.mobile-fourth {
	width: 25%
}
.gridlock .row .contained.mobile-third {
	width: 33.33333333%
}
.gridlock .row .contained.mobile-half {
	width: 50%
}
.gridlock .row .contained.mobile-full {
	width: 100%
}
.gridlock .row .contained.mobile-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.mobile-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.mobile-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.mobile-push-half {
	margin-left: 50%
}
.gridlock .row [class*=mobile-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (max-width:499px) {
.gridlock .row .min-1 {
	width: 31.25%
}
.gridlock .row .min-2 {
	width: 64.58333333%
}
.gridlock .row .min-3 {
	width: 97.91666667%
}
.gridlock .row .min-push-1 {
	margin-left: 34.375%
}
.gridlock .row .min-push-2 {
	margin-left: 67.70833333%
}
.gridlock .row .contained.min-1 {
	width: 33.33333333%
}
.gridlock .row .contained.min-2 {
	width: 66.66666667%
}
.gridlock .row .contained.min-3 {
	width: 100%
}
.gridlock .row .contained.min-push-1 {
	margin-left: 33.33333333%
}
.gridlock .row .contained.min-push-2 {
	margin-left: 66.66666667%
}
.gridlock .row .min-fifth {
	width: 17.91666667%
}
.gridlock .row .min-fourth {
	width: 22.91666667%
}
.gridlock .row .min-third {
	width: 31.25%
}
.gridlock .row .min-half {
	width: 47.91666667%
}
.gridlock .row .min-full {
	width: 97.91666667%
}
.gridlock .row .min-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .min-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .min-push-third {
	margin-left: 34.375%
}
.gridlock .row .min-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.min-fifth {
	width: 20%
}
.gridlock .row .contained.min-fourth {
	width: 25%
}
.gridlock .row .contained.min-third {
	width: 33.33333333%
}
.gridlock .row .contained.min-half {
	width: 50%
}
.gridlock .row .contained.min-full {
	width: 100%
}
.gridlock .row .contained.min-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.min-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.min-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.min-push-half {
	margin-left: 50%
}
.gridlock .row [class*=min-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:790px) and (max-width:1019px) {
.gridlock .row .tablet-1 {
	width: 14.58333333%
}
.gridlock .row .tablet-2 {
	width: 31.25%
}
.gridlock .row .tablet-3 {
	width: 47.91666667%
}
.gridlock .row .tablet-4 {
	width: 64.58333333%
}
.gridlock .row .tablet-5 {
	width: 81.25%
}
.gridlock .row .tablet-6 {
	width: 97.91666667%
}
.gridlock .row .tablet-push-1 {
	margin-left: 17.70833333%
}
.gridlock .row .tablet-push-2 {
	margin-left: 34.375%
}
.gridlock .row .tablet-push-3 {
	margin-left: 51.04166667%
}
.gridlock .row .tablet-push-4 {
	margin-left: 67.70833333%
}
.gridlock .row .tablet-push-5 {
	margin-left: 84.375%
}
.gridlock .row .contained.tablet-1 {
	width: 16.66666667%
}
.gridlock .row .contained.tablet-2 {
	width: 33.33333333%
}
.gridlock .row .contained.tablet-3 {
	width: 50%
}
.gridlock .row .contained.tablet-4 {
	width: 66.66666667%
}
.gridlock .row .contained.tablet-5 {
	width: 83.33333333%
}
.gridlock .row .contained.tablet-6 {
	width: 100%
}
.gridlock .row .contained.tablet-push-1 {
	margin-left: 16.66666667%
}
.gridlock .row .contained.tablet-push-2 {
	margin-left: 33.33333333%
}
.gridlock .row .contained.tablet-push-3 {
	margin-left: 50%
}
.gridlock .row .contained.tablet-push-4 {
	margin-left: 66.66666667%
}
.gridlock .row .contained.tablet-push-5 {
	margin-left: 83.33333333%
}
.gridlock .row .tablet-fifth {
	width: 17.91666667%
}
.gridlock .row .tablet-fourth {
	width: 22.91666667%
}
.gridlock .row .tablet-third {
	width: 31.25%
}
.gridlock .row .tablet-half {
	width: 47.91666667%
}
.gridlock .row .tablet-full {
	width: 97.91666667%
}
.gridlock .row .tablet-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .tablet-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .tablet-push-third {
	margin-left: 34.375%
}
.gridlock .row .tablet-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.tablet-fifth {
	width: 20%
}
.gridlock .row .contained.tablet-fourth {
	width: 25%
}
.gridlock .row .contained.tablet-third {
	width: 33.33333333%
}
.gridlock .row .contained.tablet-half {
	width: 50%
}
.gridlock .row .contained.tablet-full {
	width: 100%
}
.gridlock .row .contained.tablet-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.tablet-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.tablet-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.tablet-push-half {
	margin-left: 50%
}
.gridlock .row [class*=tablet-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:1020px) {
.gridlock .row .desktop-1 {
	width: 6.25%
}
.gridlock .row .desktop-2 {
	width: 14.58333333%
}
.gridlock .row .desktop-3 {
	width: 22.91666667%
}
.gridlock .row .desktop-4 {
	width: 31.25%
}
.gridlock .row .desktop-5 {
	width: 39.58333333%
}
.gridlock .row .desktop-6 {
	width: 47.91666667%
}
.gridlock .row .desktop-7 {
	width: 56.25%
}
.gridlock .row .desktop-8 {
	width: 64.58333333%
}
.gridlock .row .desktop-9 {
	width: 72.91666667%
}
.gridlock .row .desktop-10 {
	width: 81.25%
}
.gridlock .row .desktop-11 {
	width: 89.58333333%
}
.gridlock .row .desktop-12 {
	width: 97.91666667%
}
.gridlock .row .desktop-push-1 {
	margin-left: 9.375%
}
.gridlock .row .desktop-push-2 {
	margin-left: 17.70833333%
}
.gridlock .row .desktop-push-3 {
	margin-left: 26.04166667%
}
.gridlock .row .desktop-push-4 {
	margin-left: 34.375%
}
.gridlock .row .desktop-push-5 {
	margin-left: 42.70833333%
}
.gridlock .row .desktop-push-6 {
	margin-left: 51.04166667%
}
.gridlock .row .desktop-push-7 {
	margin-left: 59.375%
}
.gridlock .row .desktop-push-8 {
	margin-left: 67.70833333%
}
.gridlock .row .desktop-push-9 {
	margin-left: 76.04166667%
}
.gridlock .row .desktop-push-10 {
	margin-left: 84.375%
}
.gridlock .row .desktop-push-11 {
	margin-left: 92.70833333%
}
.gridlock .row .contained.desktop-1 {
	width: 8.33333333%
}
.gridlock .row .contained.desktop-2 {
	width: 16.66666667%
}
.gridlock .row .contained.desktop-3 {
	width: 25%
}
.gridlock .row .contained.desktop-4 {
	width: 33.33333333%
}
.gridlock .row .contained.desktop-5 {
	width: 41.66666667%
}
.gridlock .row .contained.desktop-6 {
	width: 50%
}
.gridlock .row .contained.desktop-7 {
	width: 58.33333333%
}
.gridlock .row .contained.desktop-8 {
	width: 66.66666667%
}
.gridlock .row .contained.desktop-9 {
	width: 75%
}
.gridlock .row .contained.desktop-10 {
	width: 83.33333333%
}
.gridlock .row .contained.desktop-11 {
	width: 91.66666667%
}
.gridlock .row .contained.desktop-12 {
	width: 100%
}
.gridlock .row .contained.desktop-push-1 {
	margin-left: 8.33333333%
}
.gridlock .row .contained.desktop-push-2 {
	margin-left: 16.66666667%
}
.gridlock .row .contained.desktop-push-3 {
	margin-left: 25%
}
.gridlock .row .contained.desktop-push-4 {
	margin-left: 33.33333333%
}
.gridlock .row .contained.desktop-push-5 {
	margin-left: 41.66666667%
}
.gridlock .row .contained.desktop-push-6 {
	margin-left: 50%
}
.gridlock .row .contained.desktop-push-7 {
	margin-left: 58.33333333%
}
.gridlock .row .contained.desktop-push-8 {
	margin-left: 66.66666667%
}
.gridlock .row .contained.desktop-push-9 {
	margin-left: 75%
}
.gridlock .row .contained.desktop-push-10 {
	margin-left: 83.33333333%
}
.gridlock .row .contained.desktop-push-11 {
	margin-left: 91.66666667%
}
.gridlock .row .desktop-fifth {
	width: 17.91666667%
}
.gridlock .row .desktop-fourth {
	width: 22.91666667%
}
.gridlock .row .desktop-third {
	width: 31.25%
}
.gridlock .row .desktop-half {
	width: 47.91666667%
}
.gridlock .row .desktop-full {
	width: 97.91666667%
}
.gridlock .row .desktop-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .desktop-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .desktop-push-third {
	margin-left: 34.375%
}
.gridlock .row .desktop-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.desktop-fifth {
	width: 20%
}
.gridlock .row .contained.desktop-fourth {
	width: 25%
}
.gridlock .row .contained.desktop-third {
	width: 33.33333333%
}
.gridlock .row .contained.desktop-half {
	width: 50%
}
.gridlock .row .contained.desktop-full {
	width: 100%
}
.gridlock .row .contained.desktop-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.desktop-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.desktop-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.desktop-push-half {
	margin-left: 50%
}
.gridlock .row [class*=desktop-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:1330px) {
.gridlock .row .max-1 {
	width: 6.25%
}
.gridlock .row .max-2 {
	width: 14.58333333%
}
.gridlock .row .max-3 {
	width: 22.91666667%
}
.gridlock .row .max-4 {
	width: 31.25%
}
.gridlock .row .max-5 {
	width: 39.58333333%
}
.gridlock .row .max-6 {
	width: 47.91666667%
}
.gridlock .row .max-7 {
	width: 56.25%
}
.gridlock .row .max-8 {
	width: 64.58333333%
}
.gridlock .row .max-9 {
	width: 72.91666667%
}
.gridlock .row .max-10 {
	width: 81.25%
}
.gridlock .row .max-11 {
	width: 89.58333333%
}
.gridlock .row .max-12 {
	width: 97.91666667%
}
.gridlock .row .max-push-1 {
	margin-left: 9.375%
}
.gridlock .row .max-push-2 {
	margin-left: 17.70833333%
}
.gridlock .row .max-push-3 {
	margin-left: 26.04166667%
}
.gridlock .row .max-push-4 {
	margin-left: 34.375%
}
.gridlock .row .max-push-5 {
	margin-left: 42.70833333%
}
.gridlock .row .max-push-6 {
	margin-left: 51.04166667%
}
.gridlock .row .max-push-7 {
	margin-left: 59.375%
}
.gridlock .row .max-push-8 {
	margin-left: 67.70833333%
}
.gridlock .row .max-push-9 {
	margin-left: 76.04166667%
}
.gridlock .row .max-push-10 {
	margin-left: 84.375%
}
.gridlock .row .max-push-11 {
	margin-left: 92.70833333%
}
.gridlock .row .contained.max-1 {
	width: 8.33333333%
}
.gridlock .row .contained.max-2 {
	width: 16.66666667%
}
.gridlock .row .contained.max-3 {
	width: 25%
}
.gridlock .row .contained.max-4 {
	width: 33.33333333%
}
.gridlock .row .contained.max-5 {
	width: 41.66666667%
}
.gridlock .row .contained.max-6 {
	width: 50%
}
.gridlock .row .contained.max-7 {
	width: 58.33333333%
}
.gridlock .row .contained.max-8 {
	width: 66.66666667%
}
.gridlock .row .contained.max-9 {
	width: 75%
}
.gridlock .row .contained.max-10 {
	width: 83.33333333%
}
.gridlock .row .contained.max-11 {
	width: 91.66666667%
}
.gridlock .row .contained.max-12 {
	width: 100%
}
.gridlock .row .contained.max-push-1 {
	margin-left: 8.33333333%
}
.gridlock .row .contained.max-push-2 {
	margin-left: 16.66666667%
}
.gridlock .row .contained.max-push-3 {
	margin-left: 25%
}
.gridlock .row .contained.max-push-4 {
	margin-left: 33.33333333%
}
.gridlock .row .contained.max-push-5 {
	margin-left: 41.66666667%
}
.gridlock .row .contained.max-push-6 {
	margin-left: 50%
}
.gridlock .row .contained.max-push-7 {
	margin-left: 58.33333333%
}
.gridlock .row .contained.max-push-8 {
	margin-left: 66.66666667%
}
.gridlock .row .contained.max-push-9 {
	margin-left: 75%
}
.gridlock .row .contained.max-push-10 {
	margin-left: 83.33333333%
}
.gridlock .row .contained.max-push-11 {
	margin-left: 91.66666667%
}
.gridlock .row .max-fifth {
	width: 17.91666667%
}
.gridlock .row .max-fourth {
	width: 22.91666667%
}
.gridlock .row .max-third {
	width: 31.25%
}
.gridlock .row .max-half {
	width: 47.91666667%
}
.gridlock .row .max-full {
	width: 97.91666667%
}
.gridlock .row .max-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .max-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .max-push-third {
	margin-left: 34.375%
}
.gridlock .row .max-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.max-fifth {
	width: 20%
}
.gridlock .row .contained.max-fourth {
	width: 25%
}
.gridlock .row .contained.max-third {
	width: 33.33333333%
}
.gridlock .row .contained.max-half {
	width: 50%
}
.gridlock .row .contained.max-full {
	width: 100%
}
.gridlock .row .contained.max-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.max-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.max-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.max-push-half {
	margin-left: 50%
}
.gridlock .row [class*=max-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:1330px) {
.gridlock .row .max-1 {
	width: 6.25%
}
.gridlock .row .max-2 {
	width: 14.58333333%
}
.gridlock .row .max-3 {
	width: 22.91666667%
}
.gridlock .row .max-4 {
	width: 31.25%
}
.gridlock .row .max-5 {
	width: 39.58333333%
}
.gridlock .row .max-6 {
	width: 47.91666667%
}
.gridlock .row .max-7 {
	width: 56.25%
}
.gridlock .row .max-8 {
	width: 64.58333333%
}
.gridlock .row .max-9 {
	width: 72.91666667%
}
.gridlock .row .max-10 {
	width: 81.25%
}
.gridlock .row .max-11 {
	width: 89.58333333%
}
.gridlock .row .max-12 {
	width: 97.91666667%
}
.gridlock .row .max-push-1 {
	margin-left: 9.375%
}
.gridlock .row .max-push-2 {
	margin-left: 17.70833333%
}
.gridlock .row .max-push-3 {
	margin-left: 26.04166667%
}
.gridlock .row .max-push-4 {
	margin-left: 34.375%
}
.gridlock .row .max-push-5 {
	margin-left: 42.70833333%
}
.gridlock .row .max-push-6 {
	margin-left: 51.04166667%
}
.gridlock .row .max-push-7 {
	margin-left: 59.375%
}
.gridlock .row .max-push-8 {
	margin-left: 67.70833333%
}
.gridlock .row .max-push-9 {
	margin-left: 76.04166667%
}
.gridlock .row .max-push-10 {
	margin-left: 84.375%
}
.gridlock .row .max-push-11 {
	margin-left: 92.70833333%
}
.gridlock .row .contained.max-1 {
	width: 8.33333333%
}
.gridlock .row .contained.max-2 {
	width: 16.66666667%
}
.gridlock .row .contained.max-3 {
	width: 25%
}
.gridlock .row .contained.max-4 {
	width: 33.33333333%
}
.gridlock .row .contained.max-5 {
	width: 41.66666667%
}
.gridlock .row .contained.max-6 {
	width: 50%
}
.gridlock .row .contained.max-7 {
	width: 58.33333333%
}
.gridlock .row .contained.max-8 {
	width: 66.66666667%
}
.gridlock .row .contained.max-9 {
	width: 75%
}
.gridlock .row .contained.max-10 {
	width: 83.33333333%
}
.gridlock .row .contained.max-11 {
	width: 91.66666667%
}
.gridlock .row .contained.max-12 {
	width: 100%
}
.gridlock .row .contained.max-push-1 {
	margin-left: 8.33333333%
}
.gridlock .row .contained.max-push-2 {
	margin-left: 16.66666667%
}
.gridlock .row .contained.max-push-3 {
	margin-left: 25%
}
.gridlock .row .contained.max-push-4 {
	margin-left: 33.33333333%
}
.gridlock .row .contained.max-push-5 {
	margin-left: 41.66666667%
}
.gridlock .row .contained.max-push-6 {
	margin-left: 50%
}
.gridlock .row .contained.max-push-7 {
	margin-left: 58.33333333%
}
.gridlock .row .contained.max-push-8 {
	margin-left: 66.66666667%
}
.gridlock .row .contained.max-push-9 {
	margin-left: 75%
}
.gridlock .row .contained.max-push-10 {
	margin-left: 83.33333333%
}
.gridlock .row .contained.max-push-11 {
	margin-left: 91.66666667%
}
.gridlock .row .max-fifth {
	width: 17.91666667%
}
.gridlock .row .max-fourth {
	width: 22.91666667%
}
.gridlock .row .max-third {
	width: 31.25%
}
.gridlock .row .max-half {
	width: 47.91666667%
}
.gridlock .row .max-full {
	width: 97.91666667%
}
.gridlock .row .max-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .max-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .max-push-third {
	margin-left: 34.375%
}
.gridlock .row .max-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.max-fifth {
	width: 20%
}
.gridlock .row .contained.max-fourth {
	width: 25%
}
.gridlock .row .contained.max-third {
	width: 33.33333333%
}
.gridlock .row .contained.max-half {
	width: 50%
}
.gridlock .row .contained.max-full {
	width: 100%
}
.gridlock .row .contained.max-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.max-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.max-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.max-push-half {
	margin-left: 50%
}
.gridlock .row [class*=max-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
}
@media screen and (min-width:1620px) {
.gridlock .row .extra-1 {
	width: 6.25%
}
.gridlock .row .extra-2 {
	width: 14.58333333%
}
.gridlock .row .extra-3 {
	width: 22.91666667%
}
.gridlock .row .extra-4 {
	width: 31.25%
}
.gridlock .row .extra-5 {
	width: 39.58333333%
}
.gridlock .row .extra-6 {
	width: 47.91666667%
}
.gridlock .row .extra-7 {
	width: 56.25%
}
.gridlock .row .extra-8 {
	width: 64.58333333%
}
.gridlock .row .extra-9 {
	width: 72.91666667%
}
.gridlock .row .extra-10 {
	width: 81.25%
}
.gridlock .row .extra-11 {
	width: 89.58333333%
}
.gridlock .row .extra-12 {
	width: 97.91666667%
}
.gridlock .row .extra-push-1 {
	margin-left: 9.375%
}
.gridlock .row .extra-push-2 {
	margin-left: 17.70833333%
}
.gridlock .row .extra-push-3 {
	margin-left: 26.04166667%
}
.gridlock .row .extra-push-4 {
	margin-left: 34.375%
}
.gridlock .row .extra-push-5 {
	margin-left: 42.70833333%
}
.gridlock .row .extra-push-6 {
	margin-left: 51.04166667%
}
.gridlock .row .extra-push-7 {
	margin-left: 59.375%
}
.gridlock .row .extra-push-8 {
	margin-left: 67.70833333%
}
.gridlock .row .extra-push-9 {
	margin-left: 76.04166667%
}
.gridlock .row .extra-push-10 {
	margin-left: 84.375%
}
.gridlock .row .extra-push-11 {
	margin-left: 92.70833333%
}
.gridlock .row .contained.extra-1 {
	width: 8.33333333%
}
.gridlock .row .contained.extra-2 {
	width: 16.66666667%
}
.gridlock .row .contained.extra-3 {
	width: 25%
}
.gridlock .row .contained.extra-4 {
	width: 33.33333333%
}
.gridlock .row .contained.extra-5 {
	width: 41.66666667%
}
.gridlock .row .contained.extra-6 {
	width: 50%
}
.gridlock .row .contained.extra-7 {
	width: 58.33333333%
}
.gridlock .row .contained.extra-8 {
	width: 66.66666667%
}
.gridlock .row .contained.extra-9 {
	width: 75%
}
.gridlock .row .contained.extra-10 {
	width: 83.33333333%
}
.gridlock .row .contained.extra-11 {
	width: 91.66666667%
}
.gridlock .row .contained.extra-12 {
	width: 100%
}
.gridlock .row .contained.extra-push-1 {
	margin-left: 8.33333333%
}
.gridlock .row .contained.extra-push-2 {
	margin-left: 16.66666667%
}
.gridlock .row .contained.extra-push-3 {
	margin-left: 25%
}
.gridlock .row .contained.extra-push-4 {
	margin-left: 33.33333333%
}
.gridlock .row .contained.extra-push-5 {
	margin-left: 41.66666667%
}
.gridlock .row .contained.extra-push-6 {
	margin-left: 50%
}
.gridlock .row .contained.extra-push-7 {
	margin-left: 58.33333333%
}
.gridlock .row .contained.extra-push-8 {
	margin-left: 66.66666667%
}
.gridlock .row .contained.extra-push-9 {
	margin-left: 75%
}
.gridlock .row .contained.extra-push-10 {
	margin-left: 83.33333333%
}
.gridlock .row .contained.extra-push-11 {
	margin-left: 91.66666667%
}
.gridlock .row .extra-fifth {
	width: 17.91666667%
}
.gridlock .row .extra-fourth {
	width: 22.91666667%
}
.gridlock .row .extra-third {
	width: 31.25%
}
.gridlock .row .extra-half {
	width: 47.91666667%
}
.gridlock .row .extra-full {
	width: 97.91666667%
}
.gridlock .row .extra-push-fifth {
	margin-left: 21.04166667%
}
.gridlock .row .extra-push-fourth {
	margin-left: 26.04166667%
}
.gridlock .row .extra-push-third {
	margin-left: 34.375%
}
.gridlock .row .extra-push-half {
	margin-left: 51.04166667%
}
.gridlock .row .contained.extra-fifth {
	width: 20%
}
.gridlock .row .contained.extra-fourth {
	width: 25%
}
.gridlock .row .contained.extra-third {
	width: 33.33333333%
}
.gridlock .row .contained.extra-half {
	width: 50%
}
.gridlock .row .contained.extra-full {
	width: 100%
}
.gridlock .row .contained.extra-push-fifth {
	margin-left: 20%
}
.gridlock .row .contained.extra-push-fourth {
	margin-left: 25%
}
.gridlock .row .contained.extra-push-third {
	margin-left: 33.33333333%
}
.gridlock .row .contained.extra-push-half {
	margin-left: 50%
}
.gridlock .row [class*=extra-].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
}

@font-face {
	font-family: 'Source Sans';
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-light-webfont.eot);
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-light-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-light-webfont.woff) format('woff'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-light-webfont.ttf) format('truetype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-light-webfont.svg#source_sans_prolight) format('svg');
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: 'Source Sans';
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-lightitalic-webfont.eot);
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-lightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-lightitalic-webfont.woff) format('woff'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-lightitalic-webfont.ttf) format('truetype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-lightitalic-webfont.svg#source_sans_prolight_italic) format('svg');
	font-weight: 300;
	font-style: italic
}
@font-face {
	font-family: 'Source Sans';
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibold-webfont.eot);
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibold-webfont.woff) format('woff'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibold-webfont.ttf) format('truetype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'Source Sans';
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibolditalic-webfont.eot);
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibolditalic-webfont.woff) format('woff'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibolditalic-webfont.ttf) format('truetype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-semibolditalic-webfont.svg#source_sans_proSBdIt) format('svg');
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: 'Source Sans';
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-bolditalic-webfont.eot);
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-bolditalic-webfont.woff) format('woff'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-bolditalic-webfont.ttf) format('truetype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-bolditalic-webfont.svg#source_sans_probold_italic) format('svg');
	font-weight: 700;
	font-style: italic
}
@font-face {
	font-family: 'Source Sans';
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-bold-webfont.eot);
	src: url(https://www.depauw.edu/adm/fonts/sourcesanspro-bold-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-bold-webfont.woff) format('woff'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-bold-webfont.ttf) format('truetype'), url(https://www.depauw.edu/adm/fonts/sourcesanspro-bold-webfont.svg#source_sans_probold) format('svg');
	font-weight: 700;
	font-style: normal
}

/**, :link, :visited, :hover, :active, :focus, :after, :hover:after, :before, :hover:before {
	-webkit-transition: background-color .15s linear, border-color .15s linear, color .15s linear, opacity .15s linear;
	transition: background-color .15s linear, border-color .15s linear, color .15s linear, opacity .15s linear
}*/

*, :link, :visited, :hover, :active, :focus, :after, :hover:after, :before, :hover:before {
	-webkit-transition: background-color .15s linear, border-color .15s linear, color .15s linear, opacity .15s linear;
	transition: background-color .15s linear, border-color .15s linear, color .15s linear, opacity .15s linear
}


:focus {
	outline: 0
}
html, body {
	background: #222
}
body {
	font-family: adobe-caslon-pro, Georgia, serif;
	/*font-size: 16;*/
	line-height: 1.5;
	overflow-x: hidden;
	min-width: 300px;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.bigtree_bar_open {
	padding: 0!important
}

/*commented this style for BigTree 4x to display the bar at the bottom of the page*/
#bigtree_bar, #bigtree_bar_tab {
	/*display: none*/
}

/*added this style for BigTree 4x because the BigTree logo sprite was not consistent between the default and admission layouts*/
#bigtree_bar_logo { !important; background: url(../../admin/images/icon-sprite.svg) no-repeat -155px -175px !important; display: block !important; float: left !important; height: 22px !important; margin: 7px 20px 0 24px !important; width: 90px !important; }


::selection, ::-moz-selection {
background:#eee;
text-shadow:none
}
h1, h2, h3, h4, h5, h6 {
	font-family: futura-pt, Helvetica, sans-serif;
	line-height: 1.2;
	margin: .65em 0
}
p {
	margin: 1.25em 0
}
a {
	text-decoration: none
}
em {
	font-style: italic
}
strong {
	font-weight: 700
}
li {
	font-family: futura-pt, Helvetica, sans-serif;
	font-weight: 300;
	margin: 8px 0
}

.yellow ul>li:before {
	background-color: #857868
}
hr {
	background: #eee;
	border: none;
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	width: 100%
}
iframe {
	border: none;
}
audio, canvas, img, svg, video {
	vertical-align: middle
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0
}
input, textarea {
	border: none;
	border-radius: 0;
	padding: 0
}
textarea {
	resize: vertical
}
menu {
	margin: 0;
	padding: 0
}
button {
	background: 0 0;
	border: none;
	padding: 0
}
figure {
	margin: 0
}
.left, .block_left {
	float: left
}
.block_left {
	margin: 0 20px 20px 0
}
.right, .block_right {
	float: right
}
.block_right {
	margin: 0 0 20px 20px
}
.clear {
	clear: both
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden
}
.contain {
	overflow: hidden
}
.no_select, .no_select * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.hidden {
	display: none!important;
	visibility: hidden
}

.photo-left {
    float: left;
    margin: 0 25px 25px 0;
}
.photo-right {
    float: right;
    margin: 0 0 25px 25px;
}
.photo-center {
    display: inline-block;
    margin: 0 auto;
}

#content a, .content a, .dark-grey-two-col a {
	color:#222;
	border-bottom:1px solid #FEDB32;
	display: inline-block;
	height: 1.4em;
	cursor: pointer;
	
}

.content li a {
	
	display: inline;
	
	
}

#content a:hover, .content a:hover {border-bottom:1px solid #222;}


#content td a, .content td a {/*height:auto; padding-bottom:0; line-height:1;*/ display:inline; padding-bottom:0; line-height:.5; text-decoration:underline; border-bottom:none;}
#content td a:hover, .content td a:hover {border-bottom:none; color: #645b51;}


#content a.block_image_link, .content a.block_image_link { height:auto; border-bottom:none;}

.dark-grey-two-col a {color:#fff;}
.dark-grey-two-col a:hover {color:rgba(255,206,0,1);}

/** Button Styles **/

#content a.button, .content a.button {height: 2.222em; border-bottom:none; font-size:.8em;}


.button, .editor_content .button {
	background:white;
	border-top: 4px solid #ffce00;
	color: #3f3305;
	display: block;
	font-family: futura-pt, Helvetica, sans-serif;
	font-size: 0.889em;
	font-weight: 500;
	font-style: normal;
	line-height: 2em;
	padding: 0 1em .1em 1em;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	text-decoration: none;
	cursor:pointer;
}
.button.active {
	background: #ffce00;
}



.button.small, .editor_content .button.small {
	background: 0 0;
	color: #857868;
	display: inline-block;
	height: auto;
	height: 2em;
	line-height: 2em;
	padding: 0;
	width: auto;
	font-size:0.889em;
}
.button.large, .editor_content .button.large {
	height: 60px;
	line-height: 60px;
	padding: 0 50px
}
.button.black, .editor_content .button.black {
	background: #3f3305;
	color: #ffce00
}
.black .button.small, .editor_content .button.small {
	color: #ffce00
}



.content p { font-size:1em; color: #645b51;}

.content table th {
	text-align: left;
	font-weight: 400;	
	background: #ffcf01;
    color: #333;
    font-family: futura-pt, Helvetica, sans-serif;
    font-size: 0.889em;
    line-height: 0.889em;
    margin: 0;
    padding: 0.556em 1.111em;
    text-transform: uppercase;
}
.content table td {
    background: #f5f5f5;
    /*color: #666;*/
	color: #645b51;
    font-size: 1em;
    line-height: 1.5;
    padding: 1em 1em;
}
.content table td p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 .5em;
	color: #645b51;
}
.content table tr:nth-child(2n) td {
    background:  #fff;
}
.content table.layout tr td {
    background: transparent;
}

.content ol {
    list-style: outside none decimal;
    margin: 0;
}


.content h2:after, .dogwood_post h1:after, .photo_video_scroller .more h1:after {
    background: none repeat scroll 0 0 #ffce00;
    content: "";
    display: block;
    height: 4px;
    margin: .4em 0 0;
    width: 2.5em;
}

.content h2 {
	color: #222;
    /*font-family: futura-pt, Helvetica, sans-serif;*/
	font-family: "Source Sans",Helvetica,sans-serif;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 500;
    text-align: left;
	text-transform:uppercase;
	}
		
.content h3 {
    /*color: #333;*/
	color:#3F3305;
    /*font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif;*/
	font-family: futura-pt, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0 0 13px;
}

.content h4, p span.date {
    color: #345290;
    font-family: futura-pt, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    line-height: .9em;
    margin: 0 0 13px;
    text-transform: uppercase;
}

.content h5 {
    color: #333;
    font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif;
}

.content h6 {
    color: #345290;
    font-family: futura-pt, Helvetica, sans-serif;
    text-transform: uppercase;
}	
	

.content ol { list-style: decimal; margin: 0 0 25px 25px; }
	
.content ol li { color: #666; font-size: 0.9em; line-height: 22px; margin: 0 0 10px 0; }
.content ol ol { list-style: lower-alpha; margin: 0 0 15px 25px; }

.content ol.roman { list-style: upper-roman; }

.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a {border-bottom:none;
	/*height: inherit; width:auto; */display:inline; line-height:normal;}
	
.content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover, .content h6 a:hover {border-bottom:none;}	

.content h3 a:hover {color: #345290;}
.content h4 a:hover {color: #345290;}
.content h5 a:hover {color: #345290;}
.content h6 a:hover {color: #333;}	



.block_image_link { /*background: #FFF; border: 1px solid #CCC; display: block; padding: 2px; 
						transition: all 0.3s linear;
						-moz-transition: all 0.3s linear;
						-webkit-transition: all 0.3s linear;*/
	}
	.block_image_link p { color: #FFF; font-size: 1em; margin: 2px 0 0 0; padding: 10px 15px; }
	.block_image_link p small { display: block; font-family: futura-pt; font-size: 12px; font-weight: 400; margin: 0 0 7px 0; text-transform: uppercase; }
	.block_image_link p em { display: block; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; line-height: 16px; }
	.block_image_link p.yellow { color: #333; }
	a.block_image_link:hover { /*box-shadow: 0 0 5px rgba(0,0,0,0.3); text-decoration: none; 
							transition: all 0.3s linear;
							-moz-transition: all 0.3s linear;
							-webkit-transition: all 0.3s linear;*/
	}
	.block_image_link:hover .green { background-color: #5E7535; color: #fff; }
	.block_image_link:hover .blue { background-color: #2b4477; color: #fff; }
	.block_image_link:hover .red { background-color: #8c1c00; color: #fff; }
	.block_image_link:hover .orange { background-color: #ec7921; color: #fff; }
	.block_image_link:hover .yellow { background-color: #deb400; color: #333; }
	.block_image_link:hover .gray { background-color: #555; color: #fff; }
	.block_image_link:hover .purple { background-color: #39274f; color: #fff; }
	
	.center p { text-align: center; }
	.content .block_image_link { margin: 0 0 25px 0; }
	
	.columns_2 { overflow: hidden; margin: 0 0 35px 0; }
	.columns_2 section { float: left; width: 325px; }
	.columns_2 section p:last-child { margin: 0; }
	.columns_2 .divider { background: url("../images/dotted-line-sprite.png") repeat-y -1px -1px; width: 1px; height: 100px; margin: 0 25px 0 24px; float: left; }
	
	.columns_3 { overflow: hidden; }
	.columns_3 section { float: left; margin: 0 20px 0 0; width: 220px; }
	.columns_3 section.last { margin: 0; }
	.columns_3 hr { margin-bottom: 15px; }
	.columns_3 hr.no_margin { margin: 0; }
	.columns_3 ul li { background-position: 5px 4px; font-size: 16px; line-height: 24px; }
	.columns_3 ul li a { color: #333; }



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

body {
	font-size: 12px;
}

}


@media screen and (max-width:1019px) {
body {
	font-size: 16px;
}

}
 



/**** End Webteam Styles ****/

.student { background-color:#7A9E39;}
.alumni { background-color:#1D5B9A;}
.faculty { background-color:#AB3226;}
.Student { color:#7A9E39;}
.Alumni { color:#1D5B9A;}
.Faculty { color:#AB3226;}
.cream { background-color:#F4F1EA;}
.gold {background-color:#FFCE00;}
.tan { background-color:#908374;}




/* Start Library only Styles */
input[type=submit] {background: #ffcf01;
			color: #333;
			
			font-size: 1em;
			height: 2.5em;
			
			
			padding: 2px 1em 0;
			border-radius:4px;
			font-family: futura-pt, Helvetica, sans-serif; }	
			
header.main {
    background: rgba(0, 0, 0, 0) url("https://www.depauw.edu/images/radial.jpg") no-repeat scroll -400px bottom;
    /*min-width: 940px;*/
    overflow: hidden;
	padding:35px;
}
nav ul {
    list-style: outside none none;
	overflow:auto;
	padding-left:0;
	margin:0;
}

.center-content ul {
	list-style-type:disc;
	overflow:auto;
	padding-left:15px;
	margin:0;
	color: #645b51;}

/* Styles borrowed from DePauw main.js */
nav.main {
    height: 50px;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}
nav.main li {
    border-right: 1px solid #1e1e1e;
    float: left;
    width: 115px;
	margin: 0;
}
nav.main li.last {
    border-right: medium none;
}
nav.main li a {
    color: #fff;
    display: block;
    /*font-family: futura-pt;*/
	font-family: adobe-caslon-pro;
    font-size: 1em;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    text-align: center;
    /*text-transform: uppercase;*/
    transition: none 0s ease 0s ;
    width: 115px;
}
nav.main li a:hover {border-bottom:4px solid #ffcf01;}
nav.main li ul {
    display: none;
}
nav.main li:hover a {
    text-decoration: none;
}
nav.main li.hover a {
    background: #fff none repeat scroll 0 0;
    color: #333;
    text-decoration: none;
    transition: none 0s ease 0s ;
}
nav.main li.hover ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    display: block;
    position: absolute;
}
nav.main li ul li {
    border-right: medium none;
    border-top: 1px solid #dddddd;
    float: none;
    width: auto;
}
nav.main li ul li a {
    background: #fff none repeat scroll 0 0;
    color: #666;
    display: block;
    height: auto;
    line-height: 20px;
    padding: 10px;
    text-align: left;
    text-transform: none;
    transition: color 0.1s linear 0s, background-color 0.1s linear 0s;
    width: 200px;
}
nav.main li ul li a:hover {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    transition: color 0.1s linear 0s, background-color 0.1s linear 0s;
	border-bottom:none;
}
nav.main li.active a {
    background: #f1cb00 none repeat scroll 0 0;
    color: #222;
}
nav.main li.active ul {
    display: none !important;
}

li.select2-results__option {padding:0 1em;}

#content {color: #645b51; background: #fff; padding:1em;}

/* Added by Steve for Accessibility on 11/12/20 */
.alt-text {position:absolute; display:block; left:-10000px;}

/*#search_wrapper {height:300px; background: no-repeat left url("https://www.depauw.edu/images/library-search-box_0402.jpg");}
*/

#search_wrapper {
    position: relative;
    background: #222;
    overflow: hidden;
	height:355px;
}
/* You could use :after - it doesn't really matter */
#search_wrapper:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    /*background-image: url('https://www.depauw.edu/images/library-search-box_0402.jpg');*/
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#search_wrapper h3 {color:#f1cb00;}

#search_box {height:255px; /*width:500px;*/ background:#222; opacity: 0.9; position: relative; z-index: 3; /*margin-left:60px;*/ margin-top:2em; padding:1em; color:#fff; float:left; font-family: futura-pt; }
#search_spotlight {height:151px; width:181px; background:#222; opacity: 0.9; position: relative; z-index: 2;  margin-left:60px; margin-top:5em; padding:1em; color:#fff; float:left;}

#search_box h3 {font-size:1.5em; margin-top:0;}
#search_box .about_search {float:right; margin-right:1em;}
#search_box .advanced_search {margin:1em auto; clear:both; padding-top:1em; margin-left:.25em;}

input[type=text]{ border-radius:4px; color:#222; font-family: futura-pt; font-size:1em; line-height:1.5; padding:0.5em;}
#input_search { width:81%; float:left;}

#search_box .submit {
			background: #ffcf01;
			color: #333;
			cursor: pointer;
			display: block;
			float: left;
			font-size: 1em;
			height: 2.5em;
			width:15%;
			line-height: 1.5;
			margin: 0 0 0 .85em;
			padding: 2px 1em 0;
			border-radius:4px;
			font-family: futura-pt, Helvetica, sans-serif; 
		}
		
	
#search_box .submit:hover {background:white;}

#search_box fieldset {width:48%; float: left; display:block;}

/* old */ #search_box select {
	color:#222; 
	font-family: futura-pt; 
	font-size:1em; 
	line-height:1.5; 
	padding:0.5em; 
	width:100%; 
	background:url("https://www.depauw.edu/images/library-arrow-down.png") no-repeat 95% #fff;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
/* styles for new fancy dropdown - Andrea added Oct 19th*/
.select2-container--default .select2-selection--single, .select2-container--default .selection {
	width:100%; border:none; line-height:normal; background-color:transparent;text-align:left;}

.select2-container--default .selection {
	color:#222; 
	font-family: futura-pt; 
	font-size:1em; 
	line-height:1; 
	padding:0.4em 0.4em 0.3em 0.4em; 
	width:100%; 
	background:#fff;
	/*background:url("https://www.depauw.edu/images/library-arrow-down.png") no-repeat 95% #fff;*/
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	text-align:left;}
	
.select2-container--default .select2-selection--single .select2-selection__arrow {top:8px;}

.select2-selection__rendered {height:2em; line-height:1.6;}
.select2-search__field {color:#222; 
	font-family: futura-pt; }

#search_box #databases_search_set {margin-right:1em;}
#search_box #databases_search_set span {/*float:right;*/}

#search_box a {color:white; text-decoration: underline;}
#search_box a:hover {color:#FFCE00;}

#search_box hr { background: #32312e; color: #32312e; margin-bottom:1em;}


#search_spotlight h4 {font-size:1em; color:#FFCE00; text-align:center; text-transform:uppercase;}
#search_spotlight p {font-family: futura-pt; font-size:1em; color:#FFF; text-align:center;}
#search_spotlight a {color:white;}
#search_spotlight:hover {opacity: 1; }
#search_spotlight a:hover {color:#FFCE00;}



/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #search_box select {padding-right:18px}
}

/*#search_box label {position:relative}
#search_box label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
#search_box label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
}*/

/*  Intro section  */
#intro, #outage_info { background:#FFF; font-family: 'Source Sans', Helvetica, sans-serif;  color:#000; padding: 0.5em; border-bottom:5px solid rgba(34, 34, 34, .23); }
#intro h3, #outage_info h3 { font-weight:100; font-size:1.9em; text-align:center; max-width:30em; margin:1.4em auto; line-height:1.438em; font-family: 'Source Sans', Helvetica, sans-serif; }
#intro h3.warning {color:#AB3226;}

#outage_info {padding: 0.75em; /*background:#AB3226;*/ background:#e4cfc9;}
#outage_info h3 {color:#A73025; margin:1em auto; }
#outage_info h3 a, #outage_info h3 a { color:#005C9E; text-decoration: underline;}

	section.alert { background: #FFF; border-top: 5px solid #F9CA01; padding:20px 0; }
	.home section.alert { border-bottom: 5px solid #F9CA01; }
	section.alert .alert_body { margin:0 auto; overflow: hidden; width: 700px; }
	section.alert .date_block { float: left; margin:0; width: 58px; }
	section.alert .day_of_week { background: #222; border:1px solid #222; color: #fff; display:block; font-family: futura-pt; font-size: 11px; font-weight: 400; line-height: 10px; padding:4px 0; text-align:center; }
	section.alert .month { background: #F9F9F9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #666; display:block; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 14px; padding:8px 0 4px 0; text-align:center; text-transform:uppercase; }
	section.alert .day { background: #F9F9F9; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; color: #222; display:block; font-family: adobe-caslon-pro; font-size: 25px; font-style:italic; font-weight: 400; line-height: 25px; padding:0px 0 4px 0; text-align:center; }
	section.alert .alert_body p { font-size: 18px; line-height: 22px; margin:4px 0 0 70px; }
	

/* Content section styles */
		/*.content{ background: #fff; }*/
		
		.content {
			background: #F4F1EA;
			padding-top: 2.667em;
			padding-bottom:2em;
			overflow:visible;
		}
		
		
		#content h1, .content h1 {
			color: #000;
			font-size: 2.5em;
			font-family: adobe-caslon-pro, Georgia, serif;
			line-height: 1;
			font-weight: normal;
			text-align: center;
		}
		
		
		#content hr.center, .content hr.center {
			text-align: center;
			border-bottom: #908374 4px solid;
			height: 0px;
			width: 12.778em;
			margin: 2em auto 2em auto;
		}
		
		
		#content hr.clear, .content hr.clear {clear:both; border-bottom:#f4f1ea 4px solid; background:none;}
		
		#content h3 {
			color: #645B51;
			font-size: 1.667em;
			font-family: adobe-caslon-pro, Georgia, serif;
			line-height: 1.5em;
			font-weight: normal;
			font-style: italic;
			text-align: center;
		}
		#content .two-col, #content_lower .two-cold, .content .two-col {
			font-size: 1.111em;
			color: #645B51;
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count: 2; /* Firefox */
			column-count: 2;
		}
		
		#content .two-col p:first-of-type, #content_lower .two-col p:first-of-type, .content .two-col p:first-of-type {margin-top:0;}
		
		#content .one-col, #content_lower .one-col {
			font-size: 1.111em;
			color: #645B51;
		}
		
		.content hr {margin:0 auto 3em 0; border-bottom: 1px solid rgba(199, 193, 185, 0.5); clear:both; float:none; overflow:hidden; position:static; padding-top:3em; background:none; }
		
		
		.content hr.center {
				margin: 2em auto 2em auto; padding-top:0;
		}
		.content hr.small, .content_lower hr.small {display:block; width:2.778em; margin:.5em 0 1.5em 0; border-bottom:4px solid #CDCDCD;padding-top:0;}




/* Sidebar Styles */

#content_wrapper .sidebar {float:left;}

#content_wrapper .sidebar-top h5 {color:#222; font-size:1.5em; font-family: 'Source Sans', Helvetica, sans-serif; font-style:normal; font-weight:500; text-align:left;}

#content_wrapper .sidebar-top { background:#fff; border-top:4px solid #FFCE00;  margin-bottom:1em; }
#content_wrapper .sidebar-top h5 {font-size:0.939em; text-transform:uppercase; margin:1.5em 0 1em 1.5em;}
#content_wrapper .sidebar-top hr {
    border-bottom: 4px solid #CDCDCD;
	background:none;
    display: block;
    width: 2.778em;
	text-align:left;
	margin:0 0 1em 1.5em;
    /*position: absolute;
    top: 2.5em;*/
	position:relative;
    z-index: 8;
}

.content nav.sub ul, .content nav.sub li, .content nav.sub li a {
	background: none repeat scroll 0 0 transparent;
    
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
	height:auto;
}
.content nav.sub {
    margin: 0 0 0 0;
    overflow: hidden;
}

.content nav.sub ul {list-style: outside none none;}
.content nav.sub ul li {
    margin: 0;
}
.content nav.sub ul li a {
    background: #fff;
    display: block;
	border:none;
    color:rgba(100,91,81,.65); 
	font-family: adobe-caslon-pro, Georgia, serif; 
	font-weight:normal; 
	font-size:1em;
    line-height: 20px;
    margin-top: -1px;
    padding: .5em 1.5em;
}

.content nav.sub ul li span {display: block; border-bottom: 2px solid #eee; width:90%; height:2px; line-height:1; margin:auto;}

.content nav.sub ul li.active-path.active.no-child li, .content nav.sub ul li.active-path.active.no-child a { background:#ffcf01; color: #222;}

.content nav.sub ul li.active-path { background: #908374;} 
.content nav.sub ul li.active-path a { background: #908374; color:#ffcf01;}
.content nav.sub ul li.active-path.active a { background:#645B51; color:#ffcf01;}
.content nav.sub ul li.active-path span {border-bottom: 2px solid #ffcf01; background: #908374; display:block;}
.content nav.sub ul li.active-path li span {display:none;}
.content nav.sub ul li.active-path.active li, .content nav.sub ul li.active-path.active li a { background: #908374; color:#fff;}

.content nav.sub ul li.active-path li.active-path.active.no-child, .content nav.sub ul li.active-path li.active-path.active.no-child a { background:#645B51; color: #fff;}
.content nav.sub ul li.active ul li span {display:none;}
.content nav.sub ul li:last-child span, .content nav.sub ul li.no-child span {display:none;}


.content nav.sub ul li.active-path ul li a {
    background: #908374;
    border:none;
    color: #333;
    padding: 0.450em 1em 0.450em 3em;    
    text-transform: uppercase;
	color:#fff;
	font-family: 'Source Sans', Helvetica, sans-serif; 
	font-style:normal; font-weight:500; 
	text-transform:uppercase; 
	font-size:.8em;
}

.content nav.sub ul li.active a {
    /*background: #908374;*/
	background:#ffcf01;
    border:none;
    color: rgba(100, 91, 81, 1);
	border-bottom: none;
}

.content nav.sub ul li.active ul li.active a {
    background: #ffcf01;
    border-color: #ffcf01;
    color: #222;
    text-decoration: none;
}
.content nav.sub ul li.active ul li.active ul li a {
    background: #fff;
    color: #666;
    padding: 9px 20px 9px 40px;
    text-transform: none;
}
.content nav.sub ul li.active ul li.active ul li.active a {
    background: #333;
    color: #fff;
}

.content nav.sub ul li:last-child a {padding-bottom:1em;}
.content nav.sub ul ul li:last-child a {padding-bottom:.5em;}

/* Added for Library Hours subnav */

.library-hours nav.sub ul li.active-path.active li a, .library-hours nav.sub ul li.active-path li.active-path ul li a, .library-staff nav.sub ul li.active-path.active li a, .library-staff nav.sub ul li.active-path li.active-path ul li a{padding-left: 4.5em;    }


.library-hours nav.sub ul li.active-path li.active-path.active.no-child a, .library-staff nav.sub ul li.active-path li.active-path.active.no-child a {color:#ffcf01;}

.content nav.sub ul li a:hover {background:#ffcf01; color: #222;}
.content nav.sub ul li.active-path a:hover {background:#ffcf01; color: #222;}
.content nav.sub ul li.active-path:hover span {background:none;}
.content nav.sub ul li.active-path li a:hover {background: #645B51; color:#fff;}

.gridlock .row [class*="desktop-"] .center-content, .gridlock .row [class*="max-"] .center-content {float:right;}
.gridlock .row [class*="desktop-"] .sidebar, .gridlock .row [class*="max-"] .sidebar {float:left;}
.gridlock .row [class*="desktop-"] .spacer, .gridlock .row [class*="max-"] .spacer {float:left;}


/* Bulleted list column styles */
.library_more {
    margin-top: 10px;
    width: 100%;
	float: left; margin-bottom:0em; 
}

.library_more .column {
    float: left;
    margin: 0 15px 0 0;
   /* width: 210px;*/
}
.content .column a {
    background: transparent url("https://www.depauw.edu/images/li-bg-solid.png") no-repeat scroll 0 4px;
    margin: 0 15px 10px 0;
    padding: 0 0 0 20px;
    /*width: 202px;*/
	display: block;
	border-bottom:none;
	color:#645b51;
}
.content .column a:hover { text-decoration:underline; }
.column_last {
    margin-left: 27px;
}

hr.less_margin {margin: 0 auto 1.5em 0;    padding-top: 1.5em;}

	
/* Sidelet Styles */


	.sidebar hr { background:none; margin: 0 0 0.75em 0; text-align:left; padding-top:0; }
	.sidebar .callout { margin: 0; }
	.sidebar .callout h4 { color: #333; font-family: 'Source Sans', Helvetica, sans-serif; font-size: 0.8em; font-weight: 400; line-height: 1.3em; margin: 0; text-transform: uppercase; text-align:left; }
	.sidebar .callout h3 { color: #333; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 0.9em; font-weight: 400; line-height: 1.1em; margin: 0; text-align:left;}
	.content .sidebar h3 a { display:inline; }
	.content .sidebar h3 a:hover { border-bottom:none; color:black;}
	.sidebar p, .sidebar a { color: #645b51;}
	
	
	.sidebar .callout.flexible {  margin-bottom:1em;}
	.sidebar .callout.flexible p { font-size: 0.8em;  }
	

	.sidelets .block_image_link { margin: 0 0 1em 0; }
	.sidelets .block_image_link p { text-align: center; }
	.content .sidelets a.block_image_link {display:block;width:100%;}
	.content .sidelets .block_image_link img { width:100%; height:auto;}
	
	
	.block_image_link .yellow { background-color:#fedb32; color:black; }
	.block_image_link .black { background-color:#000; color:white; }
	.block_image_link .green { background-color: #7A9E39;  color:white;}
	.block_image_link .blue { background-color: #1D5B9A;  color:white;}
	.block_image_link .orange { background-color:#EF8C40;  color:white;}
	.block_image_link .red { background-color: #AB3226; color:white; }	
	.block_image_link:hover .black { background-color:#999; color:white; }


	.sidebar h3.smaller, #admission-blogpost .sidebar h3.smaller{ font-family: 'Source Sans', Helvetica, sans-serif; font-size: 0.8em; font-weight: 400; line-height: 1.5em; text-transform: uppercase; }
	.sidebar h3.smaller a { background: url(https://www.depauw.edu/images/sprites.png) no-repeat -179px -22px; float: right; height: 18px; width: 18px; border-bottom:none;}
	.sidebar h3.smaller a:hover { background-position: -102px -18px; border-bottom:none;}
	
	.sidelets hr.no_margin { margin: 0; }
	.sidelets ul.gray { background: #E5E5E5; }


	.sidelets .important_dates_wrapper {background: #E5E5E5; padding: 1em; margin-bottom:1em;}
	.sidelets ul.important_dates  { list-style-type:none; margin: 0; padding-left:0; }
	.sidelets .important_dates li { border-top: 1px solid #D7D7D7; padding: 1em 0 .5em 0; }
	.sidelets .important_dates li.first { border: none; }
	.sidelets .important_dates strong { color: #345290; display: block; font-family: 'Source Sans', Helvetica, sans-serif; font-size: 0.6em; font-weight: 400; margin: 0 0 5px 0; text-transform: uppercase; }
	.content .sidelets .important_dates a { color: #645b51; font-size: 0.9em; font-family: adobe-caslon-pro, Georgia, serif;  line-height: 1.5em; display:inline; border-bottom:none; }
	.content .sidelets .important_dates a:hover { border-bottom:1px solid #fedb32; }
	.sidelets .important_dates em { color: #666; display: block; font-size: 0.9em; line-height: 0.7em; margin: 0 0 5px 0; }
	.sidelets .important_dates p { margin: 0; }
	
	.callout.flexible_gray { background: #F6F6F6; padding: 1em 0.75em; overflow: hidden; margin-bottom:1em; }
/*	.flexible_gray .button span { background: #FFCF01; }
	.flexible_gray .button:hover span { background: #E5E5E5; }*/
	.flexible_gray h3.smaller { color: #645b51; font-family: 'Source Sans', Helvetica, sans-serif;; text-transform: uppercase; font-size: 0.8em; line-height: 1.5em; font-weight: 400; }
	.flexible_gray p:last-child { margin: 0; }
	

	.popular_links { background: #FFF; margin: 1em 0 1em 0; padding: 1em 0.5em; }
	.popular_links li { margin: 0 0 1em 0; overflow: hidden; }
	.popular_links li span { background: url(https://www.depauw.edu/images/sprites.png) no-repeat -140px -22px; color: #FFF; float: left; font-family: 'Source Sans', Helvetica, sans-serif; font-size: 9px; height:18px; line-height: 16px; margin: 0 10px 0 0; text-align: center; width: 18px; }
	.popular_links li a { float: left; font-size: 0.8em; line-height: 1.5em; }
	.content .popular_links li a {display:inline;}

	.top_resources { background: #345290; margin: 0 0 1em 0; padding: 1em; }
	.top_resources h3 { color: #FFF; font-size: 0.9em; line-height: 0.7em; margin: 0 0 0.5em 0; }
	.top_resources select { width: 100%; font-size: 0.8em;}
	.top_resources option { max-width:15em; }

	.request_information span { background: url(https://www.depauw.edu/images/sprites.png) no-repeat -283px 0; float: left; height: 14px; margin: -2px 10px 0 0; width: 22px; }
	 a.request_information { border-bottom:none; padding:1em 1em 1.5em 1em; line-height:1; overflow:visible; background: #F6F6F6; display: block; font-size: 1em;  margin: 0 0 1em 0;  width:100%; height:auto;}
	 a.request_information:hover { border-bottom:none; background:#fedb32;}
	
	.admission_status { overflow: hidden; margin: 0 0 1em 0; background: #F6F6F6;}
	.admission_status a { border-bottom:none; height:auto;padding: 18px 9px 18px 9px;  display: block; font-size: 10px; line-height: 14px; margin: 0 0 1px 0;  overflow: hidden;  width:100%; }
	.admission_status a:hover { border-bottom:none;}
	.admission_status span { background: url(https://www.depauw.edu/images/sprites.png) no-repeat; float: left; padding-right:14px; }
	.admission_status p { float: left; width: 90%;  margin: 0; padding: 6px 0 0 6px; color: #333; font-size:12px; }
	.admission_status .check_status { background-position: -326px -1px; width: 22px; height: 21px; }
	.admission_status .information { background-position: -349px -1px; width: 22px; height: 21px; }
	.admission_status .pay_deposit { background-position: -372px -1px; width: 16px; height: 21px; }

	.contact_sidelet { background: #F6F6F6; margin: 0 0 1em 0; padding: 1em; }
	.contact_sidelet p { color: #645b51; font-size: 0.9em; line-height: 1.5em; }
	.contact_sidelet p a { color: #345290; border-bottom:0; }
	
	.by_the_numbers_sidelet { background: #F6F6F6; margin: 0 0 1em 0; padding: 1em; }
	.by_the_numbers_sidelet p { color: #645b51; font-size: 0.9em; line-height: 1.5em; }
	.by_the_numbers_sidelet p a { color: #345290; }
	.by_the_numbers_sidelet hr { margin: 0 0 5px; }
	.by_the_numbers_sidelet strong { background: transparent; font-family: 'Source Sans', Helvetica, sans-serif; font-size: 48px; font-weight: 300; vertical-align: baseline; }
	.by_the_numbers_sidelet strong small { font-size: 0.5em; font-weight: 500; display:block; }
	.by_the_numbers_sidelet .black { background-color:transparent; color: #000; }
	.by_the_numbers_sidelet .green { background-color:transparent; color: #7A9E39; }
	.by_the_numbers_sidelet .blue { background-color:transparent; color: #1D5B9A; }
	.by_the_numbers_sidelet .orange { background-color:transparent; color: #EF8C40; }
	.by_the_numbers_sidelet .red { background-color:transparent; color: #AB3226; }
	
	.dark_callout { /*background: #FFF; border: 1px solid #CCC; padding: 2px;*/ }
	.dark_callout div { background: #222; overflow: hidden; padding: 0.6em; }
	.dark_callout img { display: block; margin: 0 0 0.75em 0; width:100%; height:auto; }
	.dark_callout h3 { color: #FFF; margin: 0 0 3px 0; }
	.dark_callout p { color: #FFF; font-size: 0.9em; line-height: 1.5em; margin: 0 0 0.75em 0; }
	.dark_callout p a { color: #FFCF01; }
	/*.dark_callout .button span { background: #FFCF01; }*/
	.sidebar .dark_callout .button:hover { background: #FFF; border-top:4px solid #FFF; }
	.sidelets .dark_callout { margin: 0 0 1em 0; }
	
	.sidelets .give_button { display: block; float: none; margin: 0 0 1em 0; }
	.sidelets .give_button span { background: #FFCF01; text-align: center; }
	.sidelets .give_button:hover span { background: #E5E5E5; }

	.giving_callout {  margin: 0 0 0.75em 0.75em; }
	.giving_callout div { width: 100%; }
	
	.sidebar .single_margin { margin: 0 0 1px 0; }
	
	.social_blocks { float: right; width: 100%; margin: 0;  }
	.social_blocks section { /*margin: 0 0 1px 0; padding: 1em 15px;*/ padding: 1em; }
	
	.social_blocks h4 span { background: url(https://www.depauw.edu/images/sprites.png) no-repeat; float: left; height: 17px; margin: 0 7px 0 0; width: 10px; }
	.social_blocks a { color: #FFF; }
	.content .social_blocks a:hover { border-bottom: 1px solid white;}
	.social_blocks a.last, .social_blocks a:last-child { border: none; margin: 0; padding: 0; }
	.social_blocks .facebook { background: #3B5998; }
	.social_blocks .facebook h4 span { background-position: -260px 0; }
	.social_blocks .twitter { background: #4ED3FF; }
	.social_blocks .twitter h4 span { background-position: -270px 0; }
	.social_blocks .twitter a { border-color: #71DCFF; }
	.social_blocks .linkedin { background: #0274b3; margin-bottom:1.25em; }
	.social_blocks .linkedin h4 span { background: url(https://www.depauw.edu/images/linkedin-icon.png) no-repeat; margin: 0 7px 0 0; width: 17px; }
	.social_blocks .linkedin a { border-color: #71DCFF; }
	.callout .social_blocks { margin: 0 0 1em 0; float: none; }
	.callout .social_blocks h4 { color: #FFF; font-size: 1em; line-height: 17px; margin: 0 0 1.1em 0; }
	.social-networks-narrow { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 2px; }
	.social-networks-narrow div {background: #333333; color: #EEEEEE;  display: block;  height: 1.1em; line-height: 1.1em; margin: 0 0 0px; padding: 9px 8px; font-size: 1em; }
	.social-networks-narrow span { display:block; width: 135px; float:left;  margin:3px 8px 0 0; font-size:13.4px;}
	
	.sidebar .button {
    background: #ffce00;
    border-top: 4px solid #ffce00; }
	
	.sidebar .button:hover {
    background: #3f3305;
    border-top: 4px solid #3f3305;
	color:#ffce00; }
	
	.search_sidelet {
    background: none repeat scroll 0 0 #ccc;
    margin: -20px 0 0;
    padding: 20px;
}
.search_sidelet h3 {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px;
}
.search_sidelet .query {
    /*border: 1px solid #999;*/
    display: block;
    font-size: 1em;
    height: 2em;
    margin: 0 0 10px;
    padding: 3px 5px;
    width: 100%;
}
.search_sidelet .checkbox {
    float: left;
    margin: 0 5px 0 0;
}
.search_sidelet .radio {
    float: left;
    margin: 0 5px 0 0;
}
.search_sidelet label {
    float: left;
    font-size: 12px;
    line-height: 12px;
    margin: 0 15px 0 0;
    padding: 2px 0;
}
.search_sidelet .submit {
    display: block;
}
	
.featured_news_wrapper h3 a { border-bottom:none; font-size:1.2em;}

/* Footer styles */
footer {
	background: #fff;
}
/*footer div {
	max-width: 1172px;
}*/
footer ol {
	padding: 1em 0 0 0;
}
footer li, header li, footer ol, header ol, footer ul, #instagram ul {
	margin: 0;
	list-style-type: none;
	padding-left: 0;
}
.gridlock #instagram .row:after, .gridlock footer .row:after {
	height: 100%;
	line-height: 2;
	visibility: hidden;
}

footer hr {display:none;}


/*footer .row {padding-top:2em;}*/


footer .footer_logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
	background: url(https://www.depauw.edu/adm/images/admission-icons.png) no-repeat 0 0;
	background-image: url(https://www.depauw.edu/adm/images/admission-icons.svg), none;
    background-origin: padding-box;
    background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
	background-position: -112px -77px;
	height:32px;
	max-width: 182px;
    margin-bottom: 30px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    
}
footer .footer_logo:hover {background-position: -112px -110px;}

footer li a.back_to_home:before {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
 	background: url(https://www.depauw.edu/adm/images/admission-icons.png) no-repeat 0 0;
	background-image: url(https://www.depauw.edu/adm/images/admission-icons.svg), none;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
	content: "";
	display: block;
	float:left;	
	width:13px; 
	height: 10px;
	margin:5px;
	background-position: -78px -77px;
}

footer li a.back_to_home:hover:before {
    background-position: -93px -77px;
}

footer li a.back_to_home {color: #908374;
    font-family: "Source Sans",Helvetica,sans-serif;
    font-weight: 500;
    text-transform: uppercase;}
	
footer li a.back_to_home:hover {color: #000; }	

footer .contact, .content footer .contact {font-family: adobe-caslon-pro, Georgia, serif; font-size:1em; color:#908374;}
footer .quick_links a, .content footer .quick_links a {text-transform:uppercase;font-family: 'Source Sans', Helvetica, sans-serif; font-weight:300; color:black; font-size:.8em;  }
footer .quick_links a:hover  {color:#ffce00;}
footer .social_media a, .content footer .social_media a  {color: #908374;text-transform:uppercase;font-family: 'Source Sans', Helvetica, sans-serif; font-weight:500; padding-left:1em;}

footer .social_media li a:before, .content footer .social_media li a:before {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background: url(https://www.depauw.edu/adm/images/admission-icons.png) no-repeat 0 0;
	background-image: url(https://www.depauw.edu/adm/images/admission-icons.svg), none;
    background-origin: padding-box;
	background-position: 0 0px;
    background-repeat: no-repeat;
    background-size: auto auto;
	content: "";
	display: block;
	float:left;
}
footer .social_media li a:hover {color:#000;}

footer .social_media li a.twitter:before {background-position: 0 -94px;width:25px; height: 25px;}
footer .social_media li a.footer-chat:before {background: url(https://www.depauw.edu/lib/images/library-chat.png) no-repeat; width:25px; height: 25px;}
footer .social_media li a.facebook:before {background-position: -51px -94px;width:24px; height: 25px;}
footer .social_media li a.youtube:before {background-position: -25px -94px;width:25px; height: 25px;}
footer .social_media li a.instagram:before {background-position: -76px -94px;width:25px; height: 25px;}
footer .social_media li {padding-bottom:1em;}

footer .social_media li a.footer-chat:hover:before {background: url(https://www.depauw.edu/lib/images/library-chat-hover.png) no-repeat;}
footer .social_media li a.twitter:hover:before{background-position: 0 -119px;width:25px; height: 25px;}
footer .social_media li a.facebook:hover:before {background-position: -51px -119px;width:24px; height: 25px;}
footer .social_media li a.youtube:hover:before {background-position: -25px -119px;width:25px; height: 25px;}
footer .social_media li a.instagram:hover:before {background-position: -76px -119px;width:25px; height: 25px;}

/*#footer-border div {border-bottom:4px solid #FFCE00;}*/
/* End Footer styles */

/* styles for Ask a Librarian */
.ask_librarian {
    background: #ccc none repeat scroll 0 0;
    margin: 0 0 1px;
    padding: 15px 20px 30px;
}
.ask_librarian a {border-bottom:0;}
.ask_librarian a:hover {border-bottom:0; color:white;}
.ask_librarian .chat_online {
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 36px;
}
.ask_librarian .chat_online span {
    background: rgba(0, 0, 0, 0) url("https://www.depauw.edu/images/sprites.png") no-repeat scroll -223px -57px;
    float: left;
    height: 31px;
    margin: 0 10px 0 0;
    width: 35px;
}
.ask_librarian .phone {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 10px;
}
.ask_librarian .phone span {
    background: rgba(0, 0, 0, 0) url("https://www.depauw.edu/images/sprites.png") no-repeat scroll -259px -57px;
    float: left;
    height: 25px;
    margin: 0 10px 0 0;
    width: 28px;
}
.ask_librarian .sms {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 10px;
}
.ask_librarian .sms span {
    background: rgba(0, 0, 0, 0) url("../images/sms.png") no-repeat scroll 0 0;
    float: left;
    height: 24px;
    margin: 0 10px 0 0;
    width: 28px;
}
.ask_librarian .email span {
    background: rgba(0, 0, 0, 0) url("https://www.depauw.edu/images/sprites.png") no-repeat scroll -289px -58px;
    float: left;
    height: 18px;
    margin: 0 10px 0 0;
    width: 28px;
}
#libchat_btn_widget {
    bottom: 150px !important;
    position: fixed !important;
    right: -5px !important;
    z-index: 997 !important;
}
/* end styles for Ask a Librarian */

/* Styles for Library hours module */

/* Style the list */
.library-hours ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(199, 193, 185, 0.5);
	margin-bottom:1em;
}

/* Float the list items side by side */
.library-hours ul.tab li {float: left; list-style:none; padding-bottom:20px;}

/* Style the links inside the list items */
.library-hours ul.tab li a {
    display: inline-block;  text-align: left; padding-bottom:10px; padding-left:10px; padding-right:10px; border-bottom:none; text-decoration: none; 
}

.library-hours h2 {margin-top:2em;}

.library-hours dt, .library-hours dd, .library-hours #daily h3 { text-align:center; margin:auto 0;}

.library-hours  #daily-hours-list {margin:auto; width:80%; margin-bottom:2em;}

.library-hours  #daily-hours-list strong {text-align:left; width:49%; display:inline-block; }

.library-hours  #daily-hours-list span {text-align:left;  width:50%; display:inline-block;}
/* End styles for Library hours module */


/* tart styles for Library staff module */

.library-staff article ul {padding-left:0;} 
.library-staff article li { list-style-type:disc; list-style: disc; margin-left:1em;}

/* End styles for Library staff module */

/** Responsive styles **/

@media screen and (max-width: 900px) {
	
	
		body {min-width: 100%;}
		
		nav.main, nav.main ul,nav.main ul li, nav.main ul li a  {width:100%;}
		nav.main ul li a {padding:0;}
		
		nav.main { position: relative; min-height: 160px; height:160px; font-family: futura-pt;font-weight: 400; margin:0; overflow:auto;  }
		nav.main li, nav.main ul li, nav.main ul ul, nav.main ul ul, nav.main li:hover ul {  margin: 0; width:49%; float:left; }
		nav.main li ul li {width:100%; background-color:#fff;}
		nav.main li ul li a  {width:auto; padding:10px;}
		nav.main a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; line-height:1; }
		nav.main li a {height:40px; line-height: 40px;}
		nav.main .nav-first a { background: none; color: #fff; }
		/* on nav hover */
		nav.main ul:hover { background-image: none; }
		nav.main ul:hover li { display: block;}
		nav ul:hover .nav-first { background: url(images/icon-check.png) no-repeat 10px 7px; }
		nav.main ul ul, nav.main li:hover ul {display:none;}	
		nav.main a:hover { color: #FFCF01; }
		nav.main .nav-first a { color: #fff; }


		#search_wrapper { height:700px; }
		#search_box {height:400px; width:90%; background:#222; opacity: 0.9; z-index: 3; margin:1em; padding:1em; color:#fff;}
		
		#search_box .about_search {margin-right:0;}
		
		#search_box .submit {width:100%; margin:.5em 0;}
		
		#search_box fieldset {width:100%; margin-bottom:1em;}
		
		#search_spotlight {height:151px; width:90%; background:#222; opacity: 0.9;  z-index: 2;  margin:1em; padding:1em; color:#fff; }
		
		#input_search { width:100%; }
		
		p { max-width: 100%; margin: 10px auto; }
		
		header.main img { max-width: 100%; }
		.content img { max-width: 100%; }
		

		
		/* Responsive search box styles */
		
		
		
		/* Responsive subpage styles */
		
		.content { float:none; width:100%; clear:both; overflow:auto; margin-top:2em; padding:0.5em; padding-top: 2.667em;}
		.content .gallery .gallery_no_title, .content .gallery {margin:10px 10px 15px 0;}
		.sidebar { float:none; width:100%; position: relative;}
		.sidebar nav { margin-bottom:3em; }
		.sidebar .callout {padding:5px;}
		
		
		
}

/* styles for social drawer hide/reveal */
.social_block {border-bottom: 10px solid #ffce00;}

.expand_handle {
    background: #efc621 none repeat scroll 0 0;
    bottom: 0;
    color: #0c0c0e !important;
    display: block;
    font-family: "ff-real-head",sans-serif;
    font-size: 0.875rem;
    font-weight: bold;
    left: 0;
    margin: 0 auto;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
}
.expand_handle, .expand_handle:link, .expand_handle:visited, .expand_handle:hover, .expand_handle:active, .expand_handle:focus {
    transition: background-color 0.25s linear 0s, border-color 0.25s linear 0s, box-shadow 0.25s linear 0s, color 0.25s linear 0s, opacity 0.25s linear 0s;
}
@media only screen and (min-width: 500px) {
.expand_handle {
    width: 300px;
}
}
@media only screen and (min-width: 740px) {
.expand_handle {
    font-size: 1rem;
}
}
.expand_handle::before, .expand_handle::after {
    content: "↓";
    display: inline-block;
    font-family: "ff-real-text",sans-serif;
    font-weight: lighter;
}
.expand_handle::before {
    margin: 0 10px 0 0;
}
.expand_handle::after {
    margin: 0 0 0 10px;
}
.js-toggle_active .expand_handle::before, .js-toggle_active .expand_handle::after {
    content: "↑";
}
.no-touchevents .expand_handle:hover {
    background: #ffffff none repeat scroll 0 0;
}
.social_feed {
    background: #222;
    position: relative;
}
.social_feed::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.social_feed_handle {
    background: #ffce00
}


.social_feed_wrapper {
    height: 420px;
	overflow:hidden;
}
.js-toggle_active .social_feed_wrapper {
    height: auto;
}


.fs_grid_row,
.fs-grid .fs-row,
.social_feed_row {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}


.fs_grid_row:after,
.fs-grid .fs-row:after,
.social_feed_row:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    visibility: hidden
}
.social_feed_cell {
    width: 97.91666667%;
    float: left;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%
}


@media only screen and (min-width: 1220px) {
    .social_feed_wrapper {
        height: 420px
    }
}

@media only screen and (max-width: 789px) {
    footer li.social_media {margin:auto;margin-right:auto;margin-left:auto; display:block; padding:1em; overflow:visible;}
	 footer .row div {padding:1em;}
	 footer .row ol li {margin-bottom:1em;}
	 footer hr.tablet {display:block; margin:2em 0; clear:both;}
}

@media only screen and (max-width: 499px) {
    footer li a.back_to_home::before {display:none;}
	 footer .row ol li { text-align:center;}
	 footer .footer_logo {margin:0 auto 1em auto;}
}

/* Social Media Styles */
/*** Styles from music for twitter ***/
.twitter_feed {
    background: #222;
    position: relative;
	/*width:50%;*/

	 }
	
.twitter_feed::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}	
.twitter_feed h3 {color:#fff; font-size:2em; text-align:center;}
.twitter_feed article {overflow:auto; padding:1em; vertical-align:top; background:#333; float:left; width:30%; /*min-height:497px;*/ min-height:515px; margin:1em; font-family: futura-pt, Helvetica, sans-serif;}
.twitter_feed .tweet_text_wrapper {/*border-bottom:1px solid #ccc; padding:0 0.5em 1em 0.5em; min-height:350px;*/ height:auto; /*width:60%;*/ display:inline-block; color:black; }
.twitter_feed article img.twitter_media {/*padding:0; height:auto; width:100%; position:relative; top:0; display:block;*/ padding:0; max-height:280px; width:auto; position:relative; top:0; display:block; margin:auto; }
.twitter_feed article .tweet_text a {color:#FFCE00;}
.twitter_feed article .tweet_text a:hover {color:white;}
.twitter_feed article .tweet_realname a {color:white;}
.twitter_feed article p.author {margin:0.5em 0;}

.twitter_feed .tweet_actions {
    float: right;
    width: 50%;
	margin-top:1.1em;
	clear:both;
}

.twitter_feed .tweet_action {
    background: rgba(0, 0, 0, 0) url("https://music.depauw.edu/images/icons.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    float: right;
    height: 16px;
    margin: 0 0 0 10px;
    overflow: hidden;
    text-indent: 200%;
    width: 16px;
}
.twitter_feed .tweet_action {
    background-image: url("https://music.depauw.edu/images/icons.svg");
}
.twitter_feed .tweet_action.reply {
    background-position: -200px -90px;
}

.twitter_feed .tweet_action.retweet {
    background-position: -220px -90px;
}

.twitter_feed .tweet_action.like {
    background-position: -240px -90px;
}

.twitter_feed .tweet_date {
    color: #ffffff !important;
	/*color:black;*/
    float: right;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0 10px 0 0;
    text-transform: uppercase;
}

.tweet_text {
    color: #ffffff !important;
    font-size: 1.125rem;
    font-weight: lighter;
    margin: 0 0 20px;
}

.twitter_feed .tweet_bottom_wrapper {display:block; width: 100%; clear:both; margin-bottom:1em; }

@media only screen and (min-width: 1320px) {
    .twitter_feed article {min-height:510px;}
	.twitter_feed article img.twitter_media {max-width:384px; /*margin:auto;*/}
}

@media only screen and (max-width: 980px) {
    .twitter_feed article {width:46%;min-height:510px;}
}

@media only screen and (max-width: 820px) {
    .twitter_feed article {width:100%; min-height:310px;}
	.twitter_feed article img.twitter_media {max-width:290px;/*margin:auto;*/}
}


/* Library Dashboard By The Numbers */
	.library_dashboard { height: 435px; overflow: hidden; position: relative; width: 700px; }
	.library_dashboard .column { float: left; height: 435px;	padding: 1px 0 0; width: 350px; }
	.library_dashboard .cell { cursor: pointer; margin: 0 0 1px; overflow: hidden; position: relative; width: 328px;	height: 125px; padding: 10px; }
	.library_dashboard .cell blockquote { background: none;	font-size: 24px; font-style: normal; line-height: 30px;	margin: 0; font-family: futura-pt; padding-left: 0; }
	.library_dashboard blockquote span {	font-size: 48px; font-weight: 300; }
	.library_dashboard div { font-family: adobe-caslon-pro, "Georgia", serif;	font-weight: normal; color: #666666; line-height: 20px; margin-top:10px; }
	.more_library_dashboard { color: #999; cursor: pointer; float: right; font-family: futura-pt; font-size: 14px; font-weight: 500; line-height: 16px;	margin: 5px 0 0 0; text-transform: uppercase; }
	.more_library_dashboard span { background: url(https://www.depauw.edu/images/sprites.png) no-repeat -142px 0; float: left;	height: 16px; margin: 0 5px 0 0; width: 12px; }
	.more_library_dashboard:hover {	color: #333; text-decoration: none; }
	.library_dashboard .green {color: #718C40;}
	.library_dashboard .blue {color: #345290;}
	.library_dashboard .red {color: #AE2300;}
	.library_dashboard .orange {color: #EF8C40;}
	.library_dashboard .yellow {color: #FFCF01;}
	.library_dashboard .gray {color: #666666;}
	.library_dashboard .purple {color: #493266;}
	.library_dashboard .black {color: #CCCCCC;}
	
	.more_library_archives_dashboard { color: #999; cursor: pointer; float: right; font-family: futura-pt; font-size: 14px; font-weight: 500; line-height: 16px;	margin: 5px 0 0 0; text-transform: uppercase; }
	.more_library_archives_dashboard span { background: url(https://www.depauw.edu/images/sprites.png) no-repeat -142px 0; float: left;	height: 16px; margin: 0 5px 0 0; width: 12px; }
	.more_library_archives_dashboard:hover {	color: #333; text-decoration: none; }
	
/*LigGuides Button*/		
#libchat_b915196d6f62f9839d9db25ccc083de4 {
	bottom: 150px !important;  
	position: fixed !important; 
	right: -1px !important; 
	z-index: 997 !important; 
	left!important; 
}	

/*LigGuides Button*/		
#libchat_e9690cdf266df292349b80b1742e8dc2 {
	bottom: 150px !important;  
	position: fixed !important; 
	right: -1px !important; 
	z-index: 997 !important; 
	left!important; 
}