/* # Colors
================================================== */
/* # Fonts
================================================== */
/* # Mixins
================================================== */
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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* ================================================= 
					 
					 
					 
					 
					 THIS SITE USES SCSS/COMPASS
					 FOR CSS CREATION/OUTPUT
					 
					 UPDATE ALL CSS IN THE _sass/screen.scss
					 
					 
					 
					 
					 
================================================= */
/* ================================================= HELPERS
================================================= */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.after, .container:after, nav.main ul:after, #title-bar:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clear { clear: both; }

br.clear { margin: 0px; padding: 0px; }

.ui-tabs .ui-tabs-hide { display: none; }

img.mcms_stats, #skip { display: none; }

img { max-width: 100%; height: auto; }

/* ================================================= BODY
================================================= */
body { font-size: 13px; color: black; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 400; background-color: white; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; }

/* ================================================= LINKS
================================================= */
a { color: #2980b9; text-decoration: none; }

a:hover { color: gray; }

a.button { position: relative; display: inline-block; background: gray; color: white; font-size: 16px; padding: 0 24px; height: 40px; line-height: 40px; text-decoration: none; }
a.button:after { content: " "; display: block; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid gray; position: absolute; top: 0; right: -20px; z-index: 2; }
a.button:hover { background: #c8c8c8; }
a.button:hover:after { border-left-color: #c8c8c8; }

a.button-medium, .rsvp a { position: relative; display: inline-block; background: gray; color: white; font-size: 14px; padding: 0 24px; height: 32px; line-height: 32px; text-decoration: none; }
a.button-medium:hover, .rsvp a:hover { background: #c8c8c8; }

a.button-small { position: relative; display: inline-block; background: gray; color: white; font-size: 12px; padding: 0 24px; height: 22px; line-height: 22px; text-decoration: none; }
a.button-small:hover { background: #c8c8c8; }

a.return { position: relative; display: inline-block; background: gray; color: white; font-size: 12px; padding: 0 12px; height: 32px; line-height: 32px; text-decoration: none; }
a.return:after { content: " "; display: block; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid gray; position: absolute; top: 0; left: -16px; z-index: 2; }
a.return:hover { background: #2980b9; }
a.return:hover:after { border-right-color: #2980b9; }

/* ================================================= TYPOGRAPHY
================================================= */
h1 { font-weight: 800; font-size: 34px; margin-bottom: 1em; }

h2 { font-weight: 300; font-size: 34px; margin-bottom: 1em; }

h3 { font-weight: 700; font-size: 28px; margin-bottom: 1em; }

h4 { font-weight: 700; font-size: 24px; margin-bottom: 1em; }

h5 { font-weight: 500; font-size: 20px; margin-bottom: 1em; }

h6 { font-weight: 400; font-size: 18px; margin-bottom: 1em; }

p { line-height: 22px; margin-bottom: 2em; }

#content ul { margin: 0 0 2em 3em; }
#content ul li { list-style: disc; line-height: 1.4em; font-size: 15px; }
#content ul li li { font-size: 100%; }

ol { margin: 0 0 2em 3em; }
ol li { list-style: decimal; line-height: 1.4em; font-size: 15px; }
ol li li { font-size: 100%; }

table { margin: 0 0 2em 0; border-collapse: separate; width: 100%; }
table caption { font-weight: 700; font-size: 28px; color: white; text-align: center; padding: 15px; background-color: gray; border-bottom: 1px solid white; }
table th { font-weight: normal; color: black; font-size: 18px; font-weight: 700; padding: 15px; border-bottom: 1px solid white; background-color: #ffffff; }
table td { font-weight: normal; color: black; font-size: 14px; padding: 15px; background-color: #ffffff; }
table td p { font-size: 100%; margin: 0; }

i, em { font-style: italic; }

b, strong { font-weight: 700; }

pre, code { font-family: "Courier New", Courier, monospace; margin-bottom: 1em; }

ins { text-decoration: none; }

sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }

sup { bottom: 0.8em; }

sub { top: 0.3em; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: normal; }

dd { margin-left: 1.5em; }

blockquote { margin: 1em 0 2em 0; padding: 0 2.4em; font-family: "Gotham XNarrow A", "Gotham XNarrow B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; font-size: 24px; color: black; line-height: 38px; text-align: center; }
blockquote p { margin: 0; font-size: 100%; line-height: 38px; }

.centered { text-align: center; }

/* ================================================= CONTAINERS
================================================= */
.container { width: 1000px; margin: 0 auto; }

/* ================================================= METANAV
================================================= */
#metanav { position: relative; background-color: #404040; width: 100%; }
#metanav .search { float: right; width: 250px; }
#metanav .search form#searchForm { width: 250px; height: 40px; line-height: 40px; border: 0; outline: none; }
#metanav .search form#searchForm fieldset { width: 100%; border: 0; outline: none; overflow: hidden; }
#metanav .search form#searchForm #search_term { border: 0; background: white; outline: none; float: left; width: 186px; height: 40px; line-height: 40px; padding: 0 12px; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; font-size: 14px; color: black; text-transform: lowercase; background-color: gray; }
#metanav .search form#searchForm #search_term:focus { background-color: #c8c8c8; }
#metanav .search form#searchForm #search_go { display: block; float: right; width: 40px; height: 40px; background: gray url(../_img/search_go.png) no-repeat center center; text-indent: -9996px; }
#metanav .search form#searchForm #search_go:hover { background-color: #c8c8c8; }

nav.campus, #content nav.campus { float: left; width: 175px; }
nav.campus ul, #content nav.campus ul { margin: 0; padding: 0; list-style: none; }
nav.campus ul li, #content nav.campus ul li { margin: 0; padding: 0; list-style: none; position: relative; height: 40px; line-height: 40px; }
nav.campus ul li a, #content nav.campus ul li a { display: block; height: 100%; font-size: 14px; color: black; font-weight: 500; text-transform: uppercase; text-decoration: none; padding-left: 20px; background-color: gray; }
nav.campus ul ul, #content nav.campus ul ul { display: none; position: absolute; width: 175px; z-index: 1999; }
nav.campus ul ul li, #content nav.campus ul ul li { height: auto; line-height: 1.1em; }
nav.campus ul ul li a, #content nav.campus ul ul li a { font-weight: 400; text-transform: none; font-size: 14px; padding: 15px 10px 15px 20px; color: #404040; }
nav.campus ul ul li a:hover, #content nav.campus ul ul li a:hover { background-color: #c8c8c8; }

#content nav.campus { float: none; }
#content nav.campus ul { margin: 0 0 40px 0; list-style: none; }
#content nav.campus ul li { margin: 0; list-style: none; height: auto; }
#content nav.campus ul ul { margin: 0; position: static; z-index: 1; }

/* ================================================= HEADER
================================================= */
header.main { margin-bottom: 60px; }
header.main .logo { position: relative; width: 100%; min-height: 100px; }

nav.main > ul { position: relative; width: 100%; }
nav.main > ul > li { float: left; width: 25%; }
nav.main > ul > li > a { display: block; font-weight: 700; color: black; font-size: 20px; text-transform: uppercase; text-decoration: none; text-align: center; padding: 15px 0; border-bottom: 2px solid black; }
nav.main > ul > li > a.current { background-color: gray; }
nav.main > ul > li:hover a { background-color: gray; }
nav.main > ul > li > ul { display: none; width: 100%; left: 0; position: absolute; background-color: gray; z-index: 1999; }
nav.main > ul > li section { float: left; position: relative; width: 190px; padding: 30px; overflow: hidden; color: white; vertical-align: bottom; }
nav.main > ul > li section a { color: #404040; text-decoration: none; }
nav.main > ul > li section a:hover { color: #c8c8c8; }
nav.main > ul > li section a.button { background: #404040; color: white; font-size: 12px; padding: 0 16px; min-width: 120px; height: 32px; line-height: 32px; }
nav.main > ul > li section a.button:after { border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #404040; right: -16px; top: 0; }
nav.main > ul > li section a.button:hover { color: white; background: #c8c8c8; }
nav.main > ul > li section a.button:hover:after { border-left-color: #c8c8c8; }
nav.main > ul > li section ul { display: block; margin-top: 8px; }
nav.main > ul > li section ul li { font-size: 14px; }
nav.main > ul > li section ul li a { display: inline-block; padding: 8px 0; }
nav.main > ul > li section ul li .button { font-size: 14px; padding-top: 0; padding-bottom: 0; margin-bottom: 5px; }
nav.main > ul > li section p { font-size: 12px; font-weight: 300; line-height: 1.3em; }

html.no-js nav.main > ul > li:hover > ul { left: 0; display: block; }

/* ================================================= CONTENT
================================================= */
/*title bar*/
#title-bar { color: white; padding: 12px 24px; background-color: #404040; }
#title-bar .title { float: left; width: 450px; }
#title-bar .title h4 { float: left; line-height: 36px; margin: 0 36px 0 0; font-weight: 300; }
#title-bar .title h4 b, #title-bar .title h4 strong { font-weight: 700; }
#title-bar .title .return { float: left; }
#title-bar .info { float: right; width: 450px; text-align: right; }
#title-bar .info h6 { font-size: 16px; margin: 0; }
#title-bar .info p { margin: 0; font-size: 12px; font-weight: 300; }

/*main section*/
#content #page-header { position: relative; width: 100%; margin-bottom: 2em; }
#content #page-header img { display: block; width: 100%; }
#content section.main { width: 750px; margin: 0 auto; padding-bottom: 30px; }
#content section.main #pagination { text-align: center; }
#content section.main #pagination a { padding: 2px 4px; }
#content section.main #pagination a#current { color: gray; text-decoration: underline; font-weight: 700; }
#content section.main #pagination a#off { cursor: default; color: #f1f1f1; }

body.campus #content section.main { padding-top: 60px; }

#content.sidebar { background: url(/_img/bg_sidebar.png) repeat-y right top; }
#content.sidebar section.main { float: left; width: 650px; padding-left: 40px; margin: 0; }

body.blank #content section.main { width: auto; padding: 50px; float: none; position: relative; }

/*forms*/
#content form.monkForm { margin-bottom: 1em; border: 0; font-size: 13px; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; }
#content form.monkForm fieldset { border: 0; }
#content form.monkForm p { line-height: 1; padding: 0; margin: 0; }
#content form.monkForm legend { display: none; }
#content form.monkForm div { line-height: 1; padding: 0; margin: 0 0 1em 0; }
#content form.monkForm div legend { display: block; width: 100%; padding-bottom: 15px; font-weight: 400; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#content form.monkForm label { margin-bottom: 10px; display: block; font-size: 1em; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#content form.monkForm .checkbox label, #content form.monkForm .radio label { display: inline; padding-left: 10px; font-weight: 400; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#content form.monkForm .select select { width: 20%; line-height: 1; outline: none; border: 1px solid #c8c8c8; padding: 6px; color: black; }
#content form.monkForm input[type="text"], #content form.monkForm input[type="file"] { background-color: white; color: black; font-size: 1em; padding: 6px; border: 1px solid #c8c8c8; width: 60%; }
#content form.monkForm textarea { font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background-color: white; color: black; border: 1px solid #c8c8c8; padding: 6px; width: 60%; height: 175px; font-size: 13px; }
#content form.monkForm .error { padding: 5px; color: #5d4766; display: inline-block; margin-bottom: 10px; font-size: 12px; line-height: 1; }
#content form.monkForm .errorSummary { color: #5d4766; font-size: 12px; font-style: normal; font-weight: normal; }
#content form.monkForm .captcha label { display: block; }
#content form.monkForm input[type=submit] { clear: both; cursor: pointer; -webkit-appearance: none; border: 0; padding: 0 24px; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; height: 32px; line-height: 32px; color: white; cursor: pointer; background: gray; }
#content form.monkForm input[type=submit]:hover { background-color: #c8c8c8; }

/*sidebar*/
#content.sidebar aside.main { float: right; width: 250px; padding: 60px 0; }
#content.sidebar aside.main section { padding: 30px 30px 0 30px; color: white; }
#content.sidebar aside.main section a { color: #c8c8c8; }
#content.sidebar aside.main section ul, #content.sidebar aside.main section ol { margin-left: 1.5em; }
#content.sidebar aside.main section ul li, #content.sidebar aside.main section ol li { font-size: 13px; }
#content.sidebar nav.secondary ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#content.sidebar nav.secondary ul ul { display: none; }
#content.sidebar nav.secondary ul li { padding: 0; margin: 0; list-style: none; line-height: 1; font-size: 14px; }
#content.sidebar nav.secondary ul li a { display: block; text-decoration: none; color: white; padding: 8px 30px; }
#content.sidebar nav.secondary ul li a:hover { background-color: #2980b9 !important; }
#content.sidebar nav.secondary ul li li a { padding-left: 60px; }
#content.sidebar nav.secondary ul li li li a { padding-left: 75px; }
#content.sidebar nav.secondary ul li li li li a { padding-left: 90px; }
#content.sidebar nav.secondary ul li.current ul { display: block; }
#content.sidebar nav.secondary ul li.current ul ul { display: none; }
#content.sidebar nav.secondary ul li.current ul li.current ul { display: block; }
#content.sidebar nav.secondary ul li.current ul li.current ul ul { display: none; }
#content.sidebar nav.secondary ul li.current ul li.current ul li.current ul { display: block; }
#content.sidebar nav.secondary ul li.current ul li.current ul li.current ul ul { display: none; }
#content.sidebar nav.secondary ul li.current ul li.current ul li.current ul li.current ul { display: block; }

/* ================================================= HOME
================================================= */
body.homepage .features { margin-bottom: 30px; }
body.homepage .features .video { float: left; width: 750px; height: 422px; overflow: hidden; }
body.homepage .features .banners { float: right; width: 250px; height: 422px; overflow: hidden; }
body.homepage .features .banners li { width: 250px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; }
body.homepage .features .banners li a { display: block; }
body.homepage .features .banners li a img { display: block; }
body.homepage .features .banners li a:hover img { visibility: hidden; }
body.homepage .tagline { margin-bottom: 30px; text-align: center; }
body.homepage .tagline p { margin: 0; font-size: 14px; }

/*campus home*/
#content .features { margin-bottom: 60px; overflow: hidden; }
#content .features-left { float: left; width: 500px; }
#content .features-left .video .frame { width: 500px; height: 281px; overflow: hidden; }
#content .features-left .video .title { width: 500px; height: 41px; line-height: 41px; color: white; font-size: 12px; background-color: #404040; overflow: hidden; }
#content .features-left .video .title span { padding-left: 20px; }
#content .features-left .banners { list-style: none; margin: 0; padding: 0; line-height: 1; width: 500px; height: 100px; overflow: hidden; }
#content .features-left .banners li { list-style: none; float: left; margin: 0; padding: 0; line-height: 1; background-repeat: no-repeat; background-position: 0 0; background-size: cover; }
#content .features-left .banners li a { display: block; }
#content .features-left .banners li a img { display: block; }
#content .features-left .banners li a:hover img { visibility: hidden; }
#content .features-right { float: right; width: 500px; }
#content .features-right .feature-banner { width: 500px; height: 281px; overflow: hidden; }
#content .features-right .feature-banner img { display: block; width: 100%; height: 100%; }
#content .features-right .events { width: 483px; min-height: 124px; padding: 15px 0 0 15px; border: 1px solid black; position: relative; }
#content .features-right .events h5 { font-weight: 700; text-transform: uppercase; color: #404040; margin-bottom: 15px; }
#content .features-right .events .buttons { position: absolute; top: 0; right: 20px; }
#content .features-right .events .buttons a.button { background: #5d4766; font-size: 12px; padding: 0 12px; }
#content .features-right .events .buttons a.button:after { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #5d4766; }
#content .features-right .events .buttons a.button:hover { background: #c8c8c8; }
#content .features-right .events .buttons a.button:hover:after { border-left-color: #c8c8c8; }
#content .features-right .events article { font-size: 14px; margin-bottom: 6px; padding-right: 20px; }
#content .features-right .events article a { display: block; color: #404040; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#content .features-right .events article a:hover { color: #2980b9; }
#content .features-right .events article span { font-weight: 700; }

/* ================================================= FOOTER
================================================= */
footer.main { padding: 24px 0; background-color: #404040; color: white; margin-bottom: 30px; }
footer.main section.info { float: left; width: 400px; }
footer.main section.info p { margin: 0; line-height: 1.1em; font-size: 12px; padding-top: 7px; }
footer.main section.social { float: right; width: 575px; }
footer.main section.social .title { float: right; display: inline; }
footer.main section.social .title h5 { margin: 0; line-height: 27px; font-weight: 300; }
footer.main section.social ul { float: right; }
footer.main section.social ul li { float: left; margin-left: 12px; }

.powered { overflow: hidden; margin-bottom: 30px; }
.powered span { display: none; }
.powered a { float: right; width: 112px; height: 28px; display: block; text-indent: -9996px; background: url(/_img/logo_ekk.png) no-repeat 0 0; }
.powered a:hover { opacity: .7; }

/* ================================================= CAMPUS SWITCH
================================================= */
a#campus-switch { display: none !important; }

#campus-switch-menu { text-align: center; padding: 15px; }
#campus-switch-menu ul { width: 100%; }
#campus-switch-menu ul li { margin-bottom: 10px; }
#campus-switch-menu ul li a.button-medium { display: block; }