@charset "utf-8";
/* CSS Document */

#footer {
	padding: 15px 20px;
	width: 765px;
	margin: 0 auto;
	background:transparent url('/images/bottom.jpg') top left no-repeat;
	color: #333;
	font-size: 1em;
	clear: both;
	text-align: left;	
	line-height: 1.6em;
}

#footer a img {
	padding: 1em 3em 1em 0;
	border: none;
	float: left;
}

a {
	color: #4e2a84;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	color: #999;
	font-weight: normal;
}

h2 {
	color: #666;
	border-bottom: 1px dotted #999;
	font-weight: bold;
	font-size: 120%;
	padding-top: 20px;
}

h3 {
	border-bottom: 1px dotted #999;
	color: #666;
	font-weight: bold;
	font-size: 110%;
}

.floatright {
	padding-top: 5px;
	float: right;
}	

.floatleft {
	padding-top: 5px;
	float: left;
}		

#yui-history-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

/* academic */
.category_1 {
	background-color: #58B947;
}
.category_1_txt, .category_1_txt a {
	color: #58B947;
}

/* athletics */
.category_3 {
	background-color: #0D2D6C;
}
.category_3_txt, .category_3_txt a {
	color: #0D2D6C;
}

/* fine arts */
.category_2 {
	background-color: #5091CD;
}
.category_2_txt, .category_2_txt a {
	color: #5091CD;
}

/* lectures & meetings */
.category_5 {
	background-color: #7FCECD;
}
.category_5_txt, .category_5_txt a {
	color: #7FCECD;
}

/* religious */
.category_6 {
	background-color: #007FA4;
}
.category_6_txt, .category_6_txt a {
	color: #007FA4;
}

/* social */
.category_4 {
	background-color: #008656;
}
.category_4_txt, .category_4_txt a {
	color: #008656;
}

/* training */
.category_8 {
	background-color: #CA7C1B;
}
.category_8_txt, .category_8_txt a {
	color: #CA7C1B;
}

/* other */
.category_7 {
	background-color: #D9C826;
}
.category_7_txt, .category_7_txt a {
	color: #D9C826;
}

/* recreation */
.category_9 {
	background-color: #D85820;
}
.category_9_txt, .category_9_txt a {
	color: #D85820;
}

/* multicultural & diversity */
.category_10 {
	background-color: #FFC520;
}
.category_10_txt, .category_10_txt a {
	color: #FFC520;
}

/* global & civic engagement */
.category_11 {
	background-color: #EF553F;
}
.category_11_txt, .category_11_txt a {
	color: #EF553F;
}

a.txt-button {
	background: #836EAA;
	color: #fff;
	text-transform: uppercase;
	padding: .5em 1em;
}
a.txt-button {
	background: #4e2a84;
}
a.txt-button {
	display: inline-block;
}
a.orange-button {
	background: #ff8200;
}
a.txt-button:hover {
	opacity: 0.7;
	text-decoration: none;
	background: #836EAA;
}

ul.calendar_list {
	list-style: none outside;
	padding: 0;
	margin: 20px 0 0;
}
.calendar_list a {
	font-size: 1.25em;
	line-height: 1.4em;
}

/* re-brand header essentials */
#header {
	background-color: #4e2a84;
}
#top-bar {
    background: #401f68 none repeat scroll 0 0;
    font: 12px/1.4em "Akkurat Pro Bold","Arial Black",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    min-height: 60px;
}
#top-bar::after, .bottom-bar::after, #toptabs::after {
    clear: both;
    content: "";
    display: table;
}
.contain-985 {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 985px;
}
.contain-785 {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 785px;
}
#left {
    display: inline;
    float: left;
    padding-left: 0;
}
#left img {
    margin: 1.1rem 0 1rem;
    width: 170px;
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.hide-label {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}
#right {
    color: white;
    margin-top: 1.4rem;
    display: inline;
    float: right;
    padding-right: 1rem;
    position: relative;
}
#right li:first-child {
    margin-left: 0;
}
#right li {
    display: inline;
    margin-left: 1rem;
    text-transform: uppercase;
}
#right a {
    color: white;
    text-decoration: none;
}
.bottom-bar {
    display: table;
    width: 100%;
}
#department {
    display: table-cell;
    height: 112px;
    padding: 0;
    vertical-align: middle;
    width: 76.3393%;
}
#department h1 {
    font: 32px/1em "Akkurat Pro Regular",Arial,sans-serif;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}
#department h2 {
    color: white;
    font: 24px/1em "Akkurat Pro Regular",Arial,sans-serif;
    margin: 0;
    border-bottom: none;
    padding-top: 0;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}
#department a {
    color: white;
    text-decoration: none;
}
.pagination-links a, .pagination-links strong {
	font-size: 1.2em;
	margin-right: 0.5em;
	color: #4e2a84 !important;
}
@font-face {
  font-family: "Akkurat Pro Regular";
  src: url("//common.northwestern.edu/v8/css/fonts/AkkuratProRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akkurat Pro Bold";
  src: url("//common.northwestern.edu/v8/css/fonts/AkkuratProBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@media screen and (max-width: 1020px) {
  #top-bar {
    padding: 0 .5rem;
  }
  #department {
    padding: 0 .5rem;
  }
}
@media only screen and (max-width: 640px) {
  #department {
    height: auto;
    padding: 0.5rem;
  }
  #department h1 {
    font-size: 24px;
    margin: 0.5rem 0;
  }
  #top-bar {
    display: block;
    padding: 0;
    height: 60px;
  }
  #left {
    display: inline-block;
    float: none;
    margin-left: .5rem;
  }
  #right {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #department h1 {
    font-size: 22px;
  }	
}