/**
 * @license
 * MyFonts Webfont Build ID 3250203, 2016-07-14T17:09:24-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: SofiaProBlack by Mostardesign
 * URL: http://www.myfonts.com/fonts/mostardesign/sofia-pro/black/
 * Copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2012. All rights
 * reserved.
 *
 * Webfont: SofiaProLight by Mostardesign
 * URL: http://www.myfonts.com/fonts/mostardesign/sofia-pro/light/
 * Copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2012. All rights
 * reserved.
 *
 * Webfont: FF More Web Pro Book by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/more-pro/book/
 * Copyright: 2010 Lukasz Dziedzic published by FSI FontShop International GmbH
 *
 * Webfont: FF Kievit Web Pro by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/kievit/pro-regular/
 * Copyright: 2009 published by FontShop International GmbH
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3250203
 * Licensed pageviews: 25,000,000
 *
 * © 2016 MyFonts Inc
*/

@font-face {
    font-family: 'Sofia';
    font-weight: bold;
    font-style: normal;
    src: url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_0_0-s.woff2) format("woff2"),
         url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_0_0-s.woff) format("woff");
}

@font-face {
    font-family: 'Sofia';
    font-weight: 500;
    font-style: normal;
    src: url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/3a55f768-1b87-426c-aa1b-d8ad13025b5f-s.woff2) format("woff2"),
         url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/3a55f768-1b87-426c-aa1b-d8ad13025b5f-s.woff) format("woff");
}

@font-face {
    font-family: 'Sofia';
    font-weight: normal;
    font-style: normal;
    src: url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_1_0-s.woff2) format("woff2"),
         url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_1_0-s.woff) format("woff");
}

@font-face {
    font-family: 'More';
    font-weight: normal;
    font-style: normal;
    src: url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_2_0-s.woff2) format("woff2"),
         url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_2_0-s.woff) format("woff");
}

@font-face {
    font-family: 'More';
    font-weight: bold;
    font-style: normal;
    src: url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/08c7f11a-80db-44b4-9732-4d67f8812981-s.woff2) format("woff2"),
         url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/08c7f11a-80db-44b4-9732-4d67f8812981-s.woff) format("woff");
}

@font-face {
    font-family: 'Kievit';
    font-weight: normal;
    font-style: normal;
    src: url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_3_0-s.woff2) format("woff2"),
         url(https://www.buffalo.edu/v-1/etc/designs/ubcms/fonts/31981B_3_0-s.woff) format("woff");
}

@font-face {
	font-family: 'UBFont';
	src: url(webfonts/UBFont.woff) format("woff");
}

/*** END FONTS ***/


* {margin: 0; padding: 0;}

html {
	height: 100%;
}

body {
    background-color: #f9f9f9;
    color: #444;
    font-family: Sofia, Arial, sans-serif;
    /*text-align: center; */
	
	display: flex;
	flex-direction: column;
}


/*****  Layout  *****/

#contentwrapper {
	background: #fff;
	margin: 0 auto;
	/*position: relative;*/
    width: 1024px;
}

#contentwrapper-home {
	background: #fff;
	margin: 0 auto;
	padding: 0 0 40px 0;
	position: relative;
	text-align: left;
    width: 1024px; 
}

#pagewrap {
	background: transparent;
	margin: 0 auto;
    width: 1024px;
}

.notice {
	background: #ffc72c;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

.notice p {
	color: #000;
	padding: 20px;
	text-align: center;
}
.notice p a,
.notice p a:link {
	color: #000;
	text-decoration: underline;
}

.notice p a:hover {
	color: #666;
}


/*** Top yellow banner for Covid-19 information ***/
.top-banner {
    background: #ffc72c;
    height: 30px;
    display: none; /* 2022-06-22 D.Kozar removed */
}
.top-banner p {
    color: #000;
    font-size: 15px;
    margin-bottom: 0;
    padding-top: 0!important;
    text-align: center;
}

.top-banner a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
    color: #000!important;
    font-size: .85em;
    margin-left: 10px;
    text-decoration: none!important; 
}

.top-banner a::before {
    /*content: "\e906";*/
	font-family: 'UBFont';
	font-size: 9px;
	font-style: normal;
	margin: 0 6px 0 0;
	speak: none;
}

.top-banner a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 1.0)!important;
    color: #000!important;
}
/*** end top yellow banner ***/


/*  L A Y O U T  */
#leftcolumn {width: 240px; margin: 0; float: left; /*min-height: 600px;*/ height: 100%;}
	#leftcolumn img.callout {display: block; float: left; width: 240px; margin: 20px 0 0 0; padding: 0;}
	#leftcolumn a.callout {display: block; float: left; width: 240px; margin: 20px 0 0 20px; padding: 0;}
#centercolumn {width: 734px; margin: 0 25px 0 25px; float: left; background: #fff; text-align: left;}
#rightcolumn {width: 200px; margin: 0; float: right; /*background: #e4e4e4;*/ border-left: 1px solid #e1e1e1; position: relative; }

#contentwrapper-internal {background-color: #fff; clear: both;margin: 0 auto; position: relative; width: 1024px;}

/** Homepage 2021 **/

.col-2 {
	width: 180px;
	float: left;
	margin-right: 0;
}

.col-1 {
	width: 500px;
	float: left;
	margin-bottom: 30px;
}

.margin-right {
	margin-right: 40px;
}

.home-hero {
	background: #000 url(../images/main/home-hero.jpg);
	width: 734px;
	height: 400px;
	display: block;
	position: relative;
}

.home-hero h1 {
	color: #fff;
	background-color: #005bbb;
	width: 300px;
	padding: 15px;
	top: 250px;
	right: 0;
	position: absolute;
	text-align: center;
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
	
	
	-webkit-box-shadow: -6px 7px 6px -3px rgba(38,36,36,0.51);
	-moz-box-shadow: -6px 7px 6px -3px rgba(38,36,36,0.51);
	box-shadow: -6px 7px 6px -3px rgba(38,36,36,0.51);
}

p.summary {
	font-size: 1.1rem;
	line-height: 1.7rem;
	border-bottom: 2px dashed #005bbb;
	padding: 20px 0;
	margin-bottom: 30px;
}

p.anniversary-intro {
	font-size: 1.1rem;
	line-height: 1.7rem;
	padding: 0 0 20px;
}

p.anniversary-intro-first {
	font-size: 1.1rem;
	line-height: 1.7rem;
	padding: 20px 0;
}


.card {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	width: 48%;
	float: left;
}

.card.padded {
	margin-right: 20px;
}

.card h2 {
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: 500;
	font-size: 1.0rem;
	font-weight: bold;
	padding: 10px 15px 0;
}

.card p {
	font-size: 1.0rem;
	line-height: 1.5rem;
	padding: 10px 15px 20px;
}

.card img {
	max-width: 100%;
}

.points-pride {
	background: #2f9fd0;
	/*border: 1px solid #e4e4e4;*/
	margin-bottom: 30px;
	
}

.points-pride h2,
h2.pts {
	color: #fff;
	font-size: 1.375rem;
	padding: 10px 20px 10px 20px;
	background: #005bbb;
	width: auto;
	text-align: center;
	margin: 0 0 20px 0;
}

.points-pride ul {
	padding: 0 60px 50px 40px!important;
}

.points-pride ul li {
	color: #fff;
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2rem;
	list-style: none;
	line-height: 1.5rem;
	padding-bottom: 15px;
	padding-top: 10px;
	border-bottom: 1px dashed #e4e4e4;
}

span.white-bold {color: #fff; font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold; font-size: 1.5rem;}


.cta {
	float: right;
	margin-top: 0;
	margin-left: 20px;
	width: 220px;
}

.cta .more {
	background-color: #f1f1f1;
	padding: 0 0 30px 0;
	margin-bottom: 30px;
}

.cta .more h3 {
	color: #005bbb;
	font-size: .95em;
	line-height: 1.3em;
	margin-top: 10px;
	padding: 10px 20px 4px;
}
.cta .more p {
	font-size: .80em;
	line-height: 1.5em;
	padding: 0 20px 0;
}
.cta .more ul {
	font-size: .80em;
	padding-bottom: 0;
	line-height: 1.5em;
	margin: 0 30px 0 40px;
}

.cta .more ul li {
	line-height: 1.5em;
}

.cta .more ul li ul.sub-list {
	font-size: 100%;
	margin-left: 20px;
	padding-bottom: 0;
}

.cta .more ul li ul.sub-list li {
	list-style: circle;
}

.cta .more ul li ul.sub-list li::before {
	content: none;
}



/*.cta*/ .more {
	float: right;
	margin-top: 0;
	margin-left: 20px;
	width: 220px;
}

/*.cta*/ .more {
	background-color: #f1f1f1;
	padding: 0 0 30px 0;
	margin-bottom: 30px;
}

/*.cta*/ .more h3 {
	color: #005bbb;
	font-size: .95em;
	line-height: 1.3em;
	margin-top: 10px;
	padding: 10px 20px 4px;
}
/*.cta*/ .more p {
	font-size: .80em;
	line-height: 1.5em;
	padding: 0 20px 0;
}
/*.cta*/ .more ul {
	font-size: .80em;
	padding-bottom: 0;
	line-height: 1.5em;
	margin: 0 30px 0 40px;
}

/*.cta*/ .more ul li {
	line-height: 1.5em;
}

/*.cta*/ .more ul li ul.sub-list {
	font-size: 100%;
	margin-left: 20px;
	padding-bottom: 0;
}

/*.cta*/ .more ul li ul.sub-list li {
	list-style: circle;
}

/*.cta*/ .more ul li ul.sub-list li::before {
	content: none;
}

.circle {
	shape-outside: circle();
	float: left;
	margin: 20px 20px 20px 0;
}

.history {
	/*border: 1px solid #005bbb;*/
	margin: 0 0 30px 0;
	width: 65%;
	float: left;
}

.history h2 {
	color: #fff;
	background: #005bbb;
	padding: 10px;
	text-align: center;
}

.timeline {
	clear: both;
	/*height: 80px;*/
	/*margin-bottom: 10px;*/
	border-bottom: 2px dashed #005bbb;
	margin: 0 30px;
	display: flex;
	align-items: center;
}
.taller {
	height: 105px;
}

.year {
	border-radius: 50%;
	width: 34px;
	height: 34px;
	padding: 10px;
	background: #005bbb;
	color: #fff;
	text-align: center;
	/*float: left;*/
	/*margin-bottom: 20px;*/
	/*margin-top: 12px;*/
	/*margin-left: 10px;*/
	
	
	/*align-content: center;
	display: flex;
	justify-content: center;
	flex-direction: column;*/
}

.year p {
	color: #fff;
	padding-top: 4px;
	width: 34px;
}

.event {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100px;
}

.event p {
	line-height: 1.5em;
	margin-left: 30px;
	vertical-align: middle;
}

button, .button {
	background-color: #f1f1f1!important;
	border-left: 10px solid #900;
	color: #444!important;
	display: inline-block;
	line-height: 1.25em;
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: 500;
	font-size: .95em;
	text-align: left;
	vertical-align: middle;
	border-radius: 3px;
	padding: .85em 1.0em;
	margin-bottom: 15px;
	width: 150px;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

a.button {
	text-decoration: none!important;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #e4e4e4!important; color: #444!important; border-left: 10px solid #900;}

button:visited, .button:visited {background-color: #005bbb; color: #fff;}

.button-giving {
	background-color: #005bbb!important; color: #fff!important; display: inline-block; line-height: 1.25em; font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal; font-size: .95em; text-align: center; vertical-align: middle; border-radius: 3px; padding: .85em 1.0em; margin-bottom: 15px; width: 140px; margin: 10px 0 20px 20px;
}

a.button-giving {
	text-decoration: none!important;
}

.button-eln {
	background-color: #005bbb!important; color: #fff!important; display: inline-block; line-height: 1.25em; font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal; font-size: .95em; text-align: center; vertical-align: middle; border-radius: 3px; padding: .85em 1.0em; margin-bottom: 15px; width: 540px; margin: 10px 0 10px 20px;
}

a.button-eln {
	text-decoration: none!important;
}

li.social {float: left; list-style: none; margin: 0; padding: 20px 0 0 0; display: block; width: 32px;}
		li.social a, li.social a:link {border-bottom: none!important; text-decoration: none;}

a:link.facebook {
	border-bottom: none!important;
}

a.facebook::before {
	content: "\e90f";
	color: #005bbb;
	font-family: UBFont;
	font-size: 1.5rem;
}

a.facebook:hover::before {
	color: #666;
}

a.twitter::before {
	content: "\e913";
	color: #005bbb;
	font-family: UBFont;
	font-size: 1.5rem;
}

a.twitter:hover::before {
	color: #666;
}

a.youtube::before {
	content: "\e911";
	color: #005bbb;
	font-family: UBFont;
	font-size: 1.5rem;
}

a.youtube:hover::before {
	color:#666;
}

a.linkedin::before {
	content: "\e912";
	color: #005bbb;
	font-family: UBFont;
	font-size: 1.5rem;
}

a.linkedin:hover::before {
	color: #666;
}

a.instagram::before {
	content: "\e915";
	color: #005bbb;
	font-family: UBFont;
	font-size: 1.5rem;
}

a.instagram:hover::before {
	color: #666;
}


.left-col {
	width: 450px;
	float: left;
}

.sidebar {
	/*border: 1px solid #e1e1e1;*/
	width: 240px;
	float: right;
}

.sidebar .cta {
	width: 240px;
	margin-top: 0;
}

.sidebar .cta .button {
	width: 200px;
}

.sidebar ul {
	margin: 0 25px 0 40px;
}
.sidebar ul li {
	list-style: none;
}

.sidebar ul li::before {
	content: "\e902";
	font-family: UBFont;
	color: #005bbb;
	padding-right: 10px;
	margin-left: -23px;
}


a.anniv-hover:hover {
	opacity: 0.8; 
}
/*****  Left Containing Column  *****/
#column {width: 240px; float: left; padding: 0; margin: 0;	position: relative;}


/***  TOP BAR  ***/
.top-nav-wrap {
	background-color: #005bbb;
	height: 35px;
	padding: 4px 0 0;
	width: 100%;
}

/* END TOP BAR */


/*#header_wrap {
    height: 132px;
    min-width: 1024px; 
}*/
#header {
    background-color: #fff;
    height: 110px;
    margin: 0 auto;
    position: relative;
    width: 1024px;
}
	#header .logo {
        left: 20px;
        position: absolute;
        top: 30px;
    }
	#header .logo a {
        border-bottom: none;
    }
/* end header */


/*  SKIPLINKS  */
#skiplinks {
	display: inline;
	font-size: .9em;
	left: 100px;
	margin: 0 auto;
	position: absolute;
	top: 30px; 
	z-index:999; /* 2020-04-09 D.Kozar added to bring Skip Links on top of COVD-19 header banner */
}
	#skiplinks a,
	#skiplinks a:link,
	#skiplinks a:visited,
	#skiplinks a:hover {
		color: #005bbb;
        /*color: #ffc72c;*/
		border-bottom: none;
	}
	
	#skiplinks a:focus,
	#skiplinks a:active {
		background-color: #fff; 
		color: #005bbb;
		padding: 10px;
	}
/* end skiplinks */


/*****  Search  *****/
#search {
    color: #444;
    float: right;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
    /*height: 30px;*/
    /*margin: 20px 8px 0 0;*/
    margin-top: 40px;
    padding: 0;
    width: 240px;
}
	#search a {
        color: #eee;
    }
	#search a:hover {
        color: #369;
    }
	#search form {
        float: left;
        margin: 0;
        padding: 0;
    }
	#term {
        margin: 0;
        padding: 0;
    }
	#search form input {
        border: 1px solid #ececec;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }
	#search form .form-text {
        color: #444;
        font-size: .80em;
        margin: 0;
        padding: 5px;
        width: 186px;
    }
	/*#search form img, #search form img a {vertical-align: middle; margin: 0; padding: 0;}*/
	/*#search form .form-button {
        font-size: 0.7em;
        background: #809dc4;
        color: #fff; text-transform: uppercase; margin: 0; padding: 0;}*/
	#search form input, 
    #search form select {
        color: #444;
        margin: 0; 
        padding: 0;
    }

.visuallyhidden {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	}

/* Style the submit button */
#search button {
  float: right;
  width: 12%;
  padding: 8px 8px;
  background: #005bbb;
  color: white;
  font-size: 11px;
  border: 1px solid #ccc;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

/* end search */


/** Honors Today Feature Page **/
.feature {
    background: #fff;
    width: 200px;
    margin-left: 20px;
    margin-top: 15px;
    padding-bottom: .4em;
}
.feature h3 {
    background: #900;
    color: #fff!important;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
    padding: .5em .75em;
    margin: 0!important;
    text-align: center;
}
.feature p {
    margin: .5em .75em!important;
    font-size: .85em;
    text-align: center;
}
.feature a, 
.feature a:link {
    color: #444;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
    border-bottom: 1px solid #005bbb;
    text-decoration: none;
}
.feature a:hover {
    border-bottom: 2px solid #005bbb;
}

.callout-info {width: 85%; background: #e4e4e4; border: 1px solid #444; margin: 15px 0 0 40px; padding: 10px;}


.callout-alert {
	background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
	padding: 1rem .90rem 0 .90rem;
}

.callout-alert h2 {
    color: #900;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
    font-size: .95rem;
    padding-top: 0;
    padding-bottom: .80rem;
}

.callout-alert p {
    font-size: .82rem;
    margin-bottom: 1.0rem;
    padding: 0;
}

/** end feature **/


/*  I N T E R N A L   L A Y O U T  */
#content_internal {
    background-color: #fff;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 25px 40px 25px;
    position: relative;
    text-align: left;
    width: 734px;
}
	p {padding: 0 0px 10px 0;}
		p.indented {padding-left: 30px;}
		p.question {padding: 0 20px 0 0; font-weight: bold; font-size: .90em;}
		p.nopadding {padding: 0;}
		p.nopad_indent {padding: 0 20px 0 30px;}
		p.pad_indent {padding: 0 20px 10px 30px;}
	/*h2, h2.first {padding: 20px 0 10px 0; text-align: left;}*/
		h2.name {padding: 20px 0 0 0; text-align: left;}
	h3, h5 {padding: 0 20px 0 0; color: #005bbb;}
		
		h4 {padding: 0 0 10px 0; color: #005bbb;}
		h4.nopadding {padding: 10px 0 0 0; color: #005bbb;}
		h4 a {margin-top: 20px;}
		h5.indented {padding-left: 50px;}
	ul {padding: 0 0 20px 0; margin-left: 40px;}
		ul li {padding: 4px 0 0 0;}
		ul.nobullet {list-style: none; padding-left: 0; margin: 0 0 0 20px;}
		ul.nobullet li {padding-left: 0; margin-left: 0;}
			ul.nobullet li.council {padding-top: 15px; margin-left: 0;}
		ul li ul {font-size: 1.0em; padding-bottom: 0;}
		ul.indented {padding: 0 60px 20px 0; font-size: 95%;}
		ul li.indented {margin-left: 40px;}
	.two-col-list {display: block; height: 140px;}
		ul.left {float: left; width: 230px; margin-left: 40px;}
		ul.right {float: left; width: 320px;}

	ol {padding: 0 20px 20px 20px;}
		ol li {padding: 4px 0 0 0;}
		ol li.padded {padding: 15px 0 0 0; font-weight: bold;}
			ol li.first {font-weight: bold;}

			ol.alpha {padding: 0 40px 0 20px; list-style: upper-alpha;}

		ol ul {font-size: 1.0em; margin-left: 20px; padding-left: 10px; list-style: disc; padding-bottom: 0;}
            ol ul li {font-size: 1.15em; font-family: 'Sofia', Arial, sans-serif!important; font-weight: normal;}
            ol ul ul li {font-size: 1.25em; list-style: circle; font-family: 'Sofia', Arial, sans-serif!important; font-weight: normal;}
            
            li.blue {color: #005bbb; font-family: 'Sofia', Arial, sans-serif; font-weight: bold;}
            span.blue-bold {color: #005bbb; font-family: 'Sofia', Arial, sans-serif; font-weight: bold;}
		li p {font-size: 1.0em;}

		ul ol {margin-bottom: 0; padding-bottom: 0;}
			ul ol li {font-size: 1.10em;}

	.imgleft {float: left; padding: 40px; border: 1px solid #ccc; margin: 10px 20px 40px 20px;}
		.imgleft p {width: 100px; padding: 5px 0 0 0; line-height: 1.35em; font-size: .70em; text-align: center;}
		.imgleft-pad {float: left; padding: 10px; border: 1px solid #ccc; margin: 20px 20px 20px 20px;}
		.noleftpad {margin-left: 0px;/*2013-09-16 D.Kozar added for Student Council photos*/}

	.imgright {float: right;  padding: 8px; border: 1px solid #ccc; margin: 0 0 20px 0;}
		.imgright p {padding: 5px 0 0 0; line-height: 1.35em; font-size: .70em;}

	img.staff {float: right; padding: 0 0 16px 16px; border: none; margin-right: 0;}

	img.fellow {float: left; padding: 0; border: 1px solid #ccc; margin: 8px 20px 0 0; width: 140px; height: 140px;}

	#content_internal .subcontent_col1 {float: left; width: 140px; margin: 0 0 0 20px;}
	#content_internal .subcontent_col2 {float: left; width: 140px; margin: 0 0 0 30px;}
	#content_internal .subcontent_col3 {float: left; width: 140px; margin: 0 0 0 30px;}
	#content_internal .subcontent_col4 {float: left; width: 140px; margin: 0 0 0 30px;}
	#content_internal .issue {border: 1px solid #ccc; float: left; width: 140px; margin: 0 20px 20px 0;}
	#content_internal .issue img {padding: 20px 0 10px 20px;}
	#content_internal .issue p {text-align: center; padding-left: 0!important;}

	.highlight {border: 1px solid #ccc; margin-left: 0; overflow:auto; padding: 0 20px 20px;}
		.highlight h3 {padding: 0 0 10px 0;}
		.highlight p.indent {margin: 0 0 0 130px;}
		.highlight .current {float: left; padding: 5px; border: 1px solid #ccc; margin: 0 20px 20px 20px;}
		.highlight .current p {width: 100px; padding: 5px 0 0 0; line-height: 1.35em; font-size: .70em; text-align: center;}

	#bylaws {margin: 10px 0 0 0; font-size: 85%; line-height: 2em; list-style-type: upper-roman; padding: 0;}
		#bylaws ul {padding: 0;}
		#bylaws li {margin: 10px 0 0 0; font-size: 85%; line-height: 2em; list-style-type: upper-roman; font-weight: bold;}
		#bylaws li ul li {margin: 10px 0 0 20px; font-size: 100%; line-height: 2em; list-style-type: upper-alpha; font-weight: normal;}
		#bylaws li ul li ul li {margin: 10px 0 0 20px; font-size: 100%; line-height: 2em; list-style-type: square; font-weight: normal;}

	#blogs {padding-bottom: 20px;}
	#blogs ul {margin-top: 20px;}
	#blogs li {list-style: none;}
	#blogs li.pic {float: left; margin: 0 10px 0 0; border: 1px solid #ccc; padding: 8px; line-height: 1.0em;}

	.gallery {margin: 0 0 20px 20px; float: right; z-index: 1;}
	.gallery a:link, .gallery a:link img {border: none; text-decoration: none;}
	.gallery .imgright {float: right; padding: 8px; border: 1px solid #ccc; margin: 0 20px 10px 0;}


/* ACCORDION */
ul.accordion {
    padding-left: 0!important;
	margin-top: 15px;
}
ul.accordion li {
    padding-top: 0!important;
}
.accordion-title {
    color: #005bbb;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
}
.accordion-content ul.no-bullet li {
    list-style-type: none!important;
}
.accordion-content h3 {
	color: #005bbb;
	font-size: 1.0rem;
	margin-left: 0!important;
}
.accordion-content p {
    padding-left: 0!important;
}
.accordion-content ul {
    margin-bottom: 20px!important;
    margin-left: 20px;
}
.accordion-content table {
    margin: 0 0 20px 0!important;
}

/* end content internal */


/*   T E X T   A N D   L I S T S   */
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: normal;
}
h1 {
    color: #005bbb;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bolder;
    font-size: 1.75em;
    margin-left: 0;
}

h2 {
    color: #005bbb;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: 500;
    font-size: 1.25em;
    padding-bottom: 0;
    padding-top: 10px;
}
	h2.first {font-size:1.50em; padding-top: 20px; font-weight: normal;}
    h2.feature {padding-top: 0!important; padding-left: 0!important; margin-top: 0!important; margin-left: 0;}

h3 {
    font-size: 1.07em;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
    margin-top: 20px;
}
	h3.nopadding {
        margin-top: 0;
    }
	h3.title {
        color: #005bbb;
        margin: 0;
    }

h4 {
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
    font-size:1.0em;
}

h5 {
    font-size:.85em; 
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
}
	/*h5.first {margin-top: 15px;}*/

h6 {
    font-size:0.9em;
}

p, ol, ul, blockquote, p ul, p ol, ol ol, ul ul, ul ol, ol ul, table, address {font-size:0.90em;}
p {color: #444; padding: 8px 0; line-height: 1.75em;}
	p.quote-home {color: #005bbb; font-style: italic; font-family: 'More', Times, serif;
		font-weight: bold;}
	p.grad {font-style: italic; font-weight: bold; padding-bottom: 8px;}
p.small {font-size: .75em; font-style: italic;}
address {line-height: 1.5em;}
strong {font-family: 'Sofia', Arial, sans-serif; font-weight: 500;}

/* Links */
a img {
    border: none;
}
a:link {
    color: #005bbb;
    text-decoration: underline;
}
a:visited {
    text-decoration: underline;
    color: #005bbb; 
}
a:hover {
    text-decoration: none;
    color: #005bbb; 
}
a:active {
    color: #005bbb;
    text-decoration: underline;
}
a:focus {
    outline: 3px solid #41b6e6;
}
/* end links */


ul, ol, li {color: #444; line-height: 1.75em;}
	#centercolumn ul {margin-left: 20px; padding-bottom: 10px;}
ol {margin: 0 0 15px 20px; color: #444; line-height: 1.75em;}
li.numbered {list-style-type: decimal; margin-left: 20px; color: #444; line-height: 1.75em;}
/* end text and lists */


/* C L E A R */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {clear: both; padding: 20px 0 0 0;}
div.clearer {clear: left; line-height: 0; height: 0;}
/* end clear */


/***  MAIN IMAGE  ***/
#main_image {
	width: 100%; 
	float: left;
	display: block;
	position: relative;
	z-index: 90;
	padding: 0;
	margin: 0;
}
/*#main_internal {
	width: 700px;
	float: left;
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}*/
.main_image_internal {
	margin: 0;
    padding: 0;
	width: 100%;
}

/***** SLIDER *****/
.slider {
    background: #e4e4e4;
    height: 340px;
    width: 100%;
}

.slider div img {
    width: 100%;
}

.slick-dots {
    bottom: -8px!important;
}
ul.slick-dots {margin-left: 0!important;}
.slick-dots li button::before {
    opacity: .6!important;
}

.slick-dots li.slick-active button::before {
    color: #005bbb!important;
    opacity: .8!important;
}

.slick-dots li a:focus {
    border: 2px solid #41b6e6;
}

.slick-dots li button:focus {border: 2px solid #41b6e6;}

.slick-dotted.slick-slider {
    margin-bottom: 0!important;
}


/* end SLIDER */


/*****  Main Vertical Navigation  *****/


/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Button styling */
.menu-toggle {
  background-color: #f8f8f8;
    display: inline-block;
  padding: .75em 15px;
  line-height: 1em;
  font-size: 1em;
  color: #333;
    float: left;
    margin-top: -40px;
}

.menu-toggle:hover,
.menu-toggle:focus {
  color: #c00;
}

/*
 Default styles + Mobile first
 Offscreen menu style
*/
.main-menu {
    position: absolute;
  display: none;
  left: -200px;
  top: 0;
  height: 100%;
	/*overflow-y: scroll;
	overflow-x: visible;*/
	transition: left 0.3s ease,
				      box-shadow 0.3s ease;
	z-index: 999;
}

.main-menu ul {
  /* Hide shadow w/ -8px while 'closed' */
  /*-webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
     -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
          box-shadow: -8px 0 8px rgba(0,0,0,.5);*/
  max-height: 100%;
  width: 300px;
  /*background: #1a1a1a;*/
}

.main-menu .menu-close {
  position: absolute;
  /*right: 0;*/
    left: 320px;
  top: 10px;
    color: #fff;
}

/*
 On small devices, allow it to toggle...
*/
/*
 :target for non-JavaScript
 [aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional.
*/
.main-menu:target,
.main-menu[aria-expanded="true"] {
  display: block;
  left: 0;
  outline: none;
  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  box-shadow: 3px 0 12px rgba(0,0,0,.25);
}

.main-menu:target .menu-close,
.main-menu[aria-expanded="true"] .menu-close {
  z-index: 1001;
}

.main-menu:target ul,
.main-menu[aria-expanded="true"] ul {
  /*position: relative;*/
  z-index: 1000;
}

/* 
 We could us `.main-menu:target:after`, but
 it wouldn't be clickable.
*/
.main-menu:target + .backdrop,
.main-menu[aria-expanded="true"] + .backdrop{
  position: absolute;
  display: block;  
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #000;
  background: rgba(0,0,0,.85);
  cursor: default;
}

/*@supports (position: fixed) {
  .main-menu,
  .main-menu:target + .backdrop,
  .main-menu[aria-expanded="true"] + .backdrop{
    position: fixed;
  }
}
*/
/*
 Larger screen styling
 Horizontal menu
*/
@media (min-width: 768px) {
  .menu-toggle,
  .main-menu .menu-close {
    display: none;
  }
  
  /* Undo positioning of off-canvas menu */
  .main-menu {
    position: relative;
		left: auto;
		top: auto;
		height: auto;
    display: block;
  }
  
  .main-menu ul {
    /*display: flex;*/
    
    /* Undo off-canvas styling */
    /*padding: 0;*/
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    height: auto;
    width: auto;
    background: none;
  }
  
  .main-menu a {
    /*color: #06c;
    border: 0 !important;*/ /* Remove borders from off-canvas styling */
  }
  
  .main-menu a:hover,
  .main-menu a:focus {
    background: none; /* Remove background from off-canvas styling */
    /*color: #c00;*/
  }
}


nav {
  	border-left: 6px solid #005bbb;
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
	padding: 0;
	margin-bottom: 20px;
}

nav ul {
	line-height: 1.50em;
	margin: 0;
	padding: 0;
	/*width: 240px;*/
}

nav ul li {
	display: block;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	text-align: left;
}

nav ul li.first {
	border-top: 1px solid #ccc;	
}

nav ul li.indent {
	margin-left: 15px;	
}

nav ul li a:link {
	background: #fff;
	border-bottom: 1px solid #ccc;
	color: #005bbb; 
	display: block; 
	font-size: .95em; 
	line-height: 1.50em;
	padding: .75em 1.0em .75em; 
	text-decoration: none; 
}

nav li a.active {
	background: #005bbb!important; 
	color: #fff!important;
}

nav li a:hover {
	background: #a0a0a0;
	color: #fff;
}

nav li a:hover::before {
	content: "\e906";
	font-family: 'UBFont';
	font-size: 9px;
	font-style: normal;
    line-height: 1.75em;
	margin: 0 8px 0 -15px;
	speak: none;
}

nav li a.subactive {
	color: #005bbb;
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
}
	
	nav li a.subactive::before {
	content: "\e906";
	font-family: 'UBFont';
	font-size: 9px;
	font-style: normal;
    line-height: 1.75em;
	margin: 0 8px 0 -15px;
	speak: none;
}

nav li a:visited {
	border-bottom: 1px solid #ccc; 
}

nav li ul {
	background: #f8f8f8!important;
    border-bottom: 1px solid #ccc; 
	font-size: .90em;
	margin: 0;
	padding: 1.25em 0 .75em!important;
}

nav li ul li a {
	background: #f8f8f8!important;
    border-bottom: none!important;
	color: #005bbb; 
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0 .75em .75em 25px!important;
}

nav ul li a:hover {
	background: #f8f8f8; 
	color: #005bbb; 
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
	line-height: 1.5em;
}

nav li li {
	list-style: none;
}

nav ul.third-level {
	background: #f8f8f8;
    border-bottom: none;
	display: block;
	font-size: inherit;
	margin: 0;
	padding: 0!important;
	/*margin-left: 2.5em;*/
	/*padding: 0 1.0em .25em 2.5em;*/
    width: 100%;
}

nav ul.third-level li, 
nav ul.third-level li a {
	background: #f8f8f8;
	line-height: 1.5em;
	padding: 0 1.0em 0 1.25em;
}

.moreindent {margin-left: 15px;}

/* END MAIN VERTICAL NAVIGATION */


/*****  Main Content  *****/
.main-content {width: 500px; padding: 0 0 30px 0; display: block; position: relative; float: left;}
#main_internal {background: #fff; width: 700px; padding: 0; position: relative; float: left; }


/*****  Left Sidebar  *****/
#leftsidebar {float: left; width: 220px; margin: 20px 0 0 20px;}
#leftsidebar h2 {font-size: 1.0rem;}
	#leftsidebar h3 {color: #005bbb; /*text-transform: uppercase;*/ margin: 20px 15px 0 15px; font-size: .95rem; padding: 0; text-align: left;}
	#leftsidebar p {padding: 0 15px 20px; text-align: left; line-height: 1.3rem; font-size: .80rem;}
	#leftsidebar p.quote {font-style: italic; padding-bottom: 0; font-weight: normal;}
	#leftsidebar p.name {text-align: right; color: #809dc4; padding-top: 0;}

	#leftsidebar_internal {float: left; width: 240px; margin: 0; padding: 0 0 40px 0; height: 100%;}
		#leftsidebar_internal img {margin: 0; padding: 20px 0 0 0;}
		#leftsidebar_internal img a .left {padding: 0; margin: 0;}
	#leftsidebar .facebook {margin: 20px 20px 0; padding-bottom: 15px;}

	/*#leftsidebar .vid {border: 1px solid #ccc; padding: 4px; margin: 6px 20px 20px;}
	#leftsidebar .vid img.mod {padding: 0;}
	#leftsidebar .vid p.caption {padding: 4px; margin: 0; line-height: 1.50em;}

	#leftsidebar .pic {margin:8px 0 10px 20px; clear: both; display: block; position:relative; height: 74px;}
	#leftsidebar .pic img{padding:6px; border:1px solid #ccc; float: left;}
	#leftsidebar .pic a {font-size:.80em;display: block; float: left; margin: 20px 0 0 10px;}*/


#leftcontent {padding: 0; margin-top: 0; clear: left;}
	#leftcontent p {color: #444; padding: 15px;}

.fellowships {
    border: 1px solid #ccc;
    clear: both;
    margin-top: 20px;
    width: 95%;
}

#leftsidebar .fellowships p {
	padding-bottom: 10px;
}

#leftsidebar .fellowships h3 {
	margin-top: 0;
	font-size: .90rem;
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: 500;
}

.fellowships h2 {
	padding: 15px 15px 10px 15px;
	font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
}

.portal-info {
    background: #e4e4e4;
    clear: both;
    margin: 10px 0 0 0;
    padding: 0;
    width: 95%;
}

.quote {
	background: #0056B2;
	float: right;
	margin-left: 20px;
	width: 30%;
}
.quote p {
	color: #fff;
	font-family: More;
	font-size: .95rem;
	font-weight: normal;
	padding: 25px 25px 0 25px;	
}

.attribute {
	font-style: italic;
	padding: 10px 25px 25px 25px!important; 
	text-align: right;
}

.portal-info .portal {
	background: #005bbb;
}

.portal-info .portal p.heading {
	color: #fff;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	padding: 8px 0 0 15px!important;
	text-align: left;
}

.portal-info p {
	color: #fff;
	font-size: .75em;
	margin-bottom: 0;
	padding: 0 0 10px 15px!important;
	text-align: left;
}

.portal-info .schedule-button {
	background: #444;
	border-radius: 3px;
	color: #fff;
	margin-top: 3px;
	text-align: left;
	padding: 3px 0 6px 15px;
}

.portal-info .schedule-button a, .portal-info .schedule-button a:link {
	color: #fff;
	font-size: .85em;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.portal-info .schedule-button a:hover {
	border-bottom: 1px solid #ccc;
	color: #ccc;
}

.portal-info p.instructions {
	text-align: left;
	margin: 0;
	padding: 0!important;
}

.callouts-small {display: none;}

/*  R I G H T   S I D E B A R   H O M E P A G E  */
/*#rightsidebar {width: 240px; float: left; margin: 5px 0 0 0; padding: 0 0 40px 0;}
#rightcontent {margin: 0; padding: 0 0 30px 0;}
	#rightcontent p {padding: 8px 30px 8px 20px;}
	#rightcontent h2 {padding: 20px 0 0 30px;}
	#rightcontent h3, #rightcontent h4, #rightcontent h5 {padding: 15px 0 0 30px;}
	#rightcontent ul {margin: 0 30px 0 60px; line-height: 2.0em; list-style-type: square;}
	#rightcontent ul.nobullet {list-style: none; padding-bottom: 20px; margin: 10px 0 20px 60px;}
		#rightcontent ul.nobullet li {color: #666; padding: 2px 0; line-height: 1.75em; list-style: none; text-decoration: none;}
		#rightcontent ul.nobullet li a {color: #666; text-decoration: none;}
		#rightcontent ul.nobullet li a:hover {color: #e98c3f; border-bottom: 1px dotted #e98c3f;}
	#rightcontent li.indent {margin-left: 40px; line-height: 1.75em;}
	#rightcontent ol {margin: 0 30px 0 60px;}
	#rightcontent ol li {padding: 5px 0;}

	#rightcolumn .mod {margin-left: 10px;}
		#rightcolumn .mod-2 {margin-left: 20px; margin-top: 10px;}*/
/* end right sidebar homepage */


/*****  Blog Feed on Homepage  *****/
.headlines {
    margin: 0 0 30px 0;
    padding: 0; 
    /*background: #e4e4e4;*/
    /*border: 1px solid #000;*/
    position:relative;
    display: block;
    text-align: left;
}
    .headlines h3 {
        color: #444;
        font-size: .85em;
        /*height: 40px;*/
        letter-spacing: .5px;
        margin: 0;
        padding: 0 0 8px 0;
        text-transform: uppercase;
    }
		.headlines ul {
            font-size: .80em;
            margin: 10px 0 10px 0!important;
        }
			.headlines ul li {
                line-height: 1.75em;
                list-style: none;
                margin-left: 0;
                padding: 0 0 10px 0;
            }
			.headlines ul li.date {
                font-weight: bold;
                list-style: none;
                margin-left: 0;
                padding: 8px 0 0 0;
                text-transform:uppercase;
            }

			.rss_i_date {
                color: #444;
                font-weight: bold;
                font-size: .90em;
            }
			.rss_i_link {
                text-decoration: none;
            }
			.headlines a:link {
                border-bottom: 1px solid #005bbb;
                color: #005bbb;
                text-decoration: none;
            }
			.headlines a:visited {
                color: #005bbb;
                text-decoration: none;
            }
			.headlines a:hover {
                border-bottom: none;
                color: #005bbb;
                text-decoration: none;
            }
			.headlines a:active {
                color: #005bbb;
                text-decoration: none;
            }
		.headlines p {
            float: right;
            font-size: .75em;
            padding: 0 0 20px 0;
            text-transform: uppercase;
        }
/* end headlines module */

/* B L O G S   F E E D (MC: Added 31 Oct 2011) */
	#leftcolumn .blogs { margin: 0 20px; }
		#leftcolumn .blogs ul {list-style-type: square; margin-top: 10px; margin-left: 15px; font-size: .70em;}
			#leftcolumn .blogs ul li {padding: 8px 0 10px 0; line-height: 1.30em;}

		#leftcolumn p.all {float: right; padding: 15px 0 20px 0; text-transform: uppercase; font-size: .75em; font-weight: bold; text-align: right;}
/* end blogs feed */


/*****  Related Links  *****/
#relatedlinks {
    background: #fff;
    border-top: none;
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    float: right;
    margin: 0 0 20px 20px;
    padding: 0;
    width: 192px;
}
	#relatedlinks h3 {
        background: #005bbb;
        color: #fff;
        font-size: .90em;
        font-family: 'Sofia', Arial, sans-serif;
        font-weight: normal;
        margin: 0;
        padding: 4px 4px 4px 10px;
    }
	#relatedlinks ul.links {
        font-size: .80em;
        list-style: none;
        margin: 15px 0 10px 0;
        padding: 0 10px;
        text-align: left;
    }
	#relatedlinks ul.links li {
        display: block;
        line-height: 1.4em;
        list-style: none;
        margin: 0 0 0 10px;
        padding: 2px 0 8px 10px;
        text-align: left;
    }

    #relatedlinks ul.links li:before {
        color: #005bbb; 
        content: "\e906";
        font-family: 'UBFont';
        font-size: 9px;
        font-style: normal;
        margin: 0 8px 0 -15px;
        speak: none;
        text-decoration: none;
    }

	#relatedlinks ul.links li a {
        color: #005bbb;
        line-height: 1.4em;
        margin-left: 0;
        text-decoration: underline;
    }
	#relatedlinks ul.links li a:link {
        color: #005bbb;
        line-height: 1.4em;
        margin-left: 0;
        text-decoration: underline;
    }
	#relatedlinks ul.links li a:visited,
    #relatedlinks ul.links li a:hover {
        color: #005bbb;
        text-decoration: none;
    }
    #relatedlinks ul.panel {
        margin-left: 20px;
        padding: 10px 8px;
        font-size: .80rem;
    }

/* end related links */


/***** A to Z Index  *****/
#alpha_index {
    margin: 20px 0 0 0; 
    padding: 0 0 40px 0; 
}
	#alpha h3 {
        font-size: .85em;
        margin-top: 0;
        text-transform: uppercase;
        padding-bottom: 4px;
    }

	#alpha_index ul {
        list-style: none;
        margin: 0 0 0 20px;
        padding: 0;
    }
	#alpha_index ul li {
        float:left;
        line-height: 1.4em;
        margin: 0 3px 0 0;
        padding: 0;
    }
	#alpha_index li.nolink {
        background: url(../images/bg-letter-off.png) no-repeat 0 0; 
        color: #444;
        display: block;
        height: 22px;
        padding-top: 0;
        text-align: center;
        text-decoration:none;
        width: 22px;
    }
	#alpha_index a, 
    #alpha_index li.active a {
        background: url(../images/bg-letter-off.png) no-repeat 0 0;
        display: block;
        height: 22px;
        padding: 0;
        text-align: center;
        text-decoration: none;
        width: 22px;
    }
	#alpha_index li a:hover {
        background-image: url(../images/bg-letter-on.png);
        color:#fff;
    }
	#alpha_index li#active a {
        background-image: url(../images/bg-letter-on.png);
        color: #fff;
    }
/* end a to z */


/*****  Breadcrumbs  *****/
#breadcrumb {
    border-bottom: 1px dotted #ccc;
    margin: 10px 0 20px 0;
}
	#breadcrumb p {
        color: #444;
        font-size: 0.75em;
        margin: 0;
        padding: 0 0 10px 0;
        text-align: left;
    }
	#breadcrumb p.home {
        color: #444;
        font-size: 0.75em;
        margin: 0;
        padding: 10px 0 10px 20px;
        text-align:left;
    }
/* end breadcrumb */


/*****  Datestamp  *****/
#datestamp {
    border-top: 1px dotted #ccc;
    clear: both;
    margin: 20px 0 0 0;
    padding: 0;
}
	#datestamp p {
        color: #444;
        font-family: 'Sofia', Arial, sans-serif;
		font-weight: normal;
        font-size: 0.80em;
        margin: 0;
        padding: 10px 0;
        text-align: left;
    }
	#datestamp-home {
        border-top: 1px dotted #ccc;
        clear: both;
        margin: 40px 0 0 0;
        padding: 0;
        width: 500px;
    }
	#datestamp-home p {
        color: #444;
        font-family: 'Sofia', Arial, sans-serif;
		font-weight: normal;
        font-size: 0.80em;
        margin: 0;
        padding: 10px 0;
        text-align: left;
    }
/* end datestamp */


/*****  Forms  *****/
#formcontainer {width: 100%; margin: 0 0 40px 0; padding: 0 0 20px 0; font-family: 'Sofia', Arial, sans-serif;
		font-weight: normal;}
	#formcontainer a {font-family: 'Sofia', Arial, sans-serif; font-weight: normal; /*font-size: .72em;*/}
	#formcontainer p {font-family: 'Sofia', Arial, sans-serif; font-weight: normal; font-size: .72em; margin-left: 0; padding: 0;}
		#formcontainer p.required {margin: 0; padding: 0;}
		#formcontainer p.form {font-size: 1.0em;}
		#formcontainer p.helptext {margin-left: 155px; font-style: italic;}
		#formcontainer p.toppadding {padding: 15px 0 0 0;}
	#formcontainer h4 {color: #005bbb; padding: 10px 0 0 0; margin-left: 0;}
		#formcontainer h4.padded {font-size:.90em; color: #005bbb; padding: 15px 0; margin: 0 0 0 20px;}
	#formcontainer ul {padding-left: 0;}
	#formcontainer hr {background-color: #c4d2e4; height: 3px; margin: 15px 0 0 0; color: #c4d2e4; border: 0; clear: left;}
	#formcontainer .clearfix {margin: 8px 0; padding: 5px 0; vertical-align: top; clear: both;}

fieldset {border: solid 0 transparent;}

label {float: left;	text-align: right;display: block; padding-top: 15px; margin-right: 15px; width: 250px; font-family: 'Sofia', Arial, sans-serif; font-weight: normal; font-size: .72em;}
	label.wide {float: left; text-align: right;	display: block; padding-top: 15px; margin-right: 15px; width: 200px; font-family: 'Sofia', Arial, sans-serif; font-weight: normal; font-size: .72em;}
	label.narrow {float: left;	text-align: left; display: block; padding-top: 15px; margin: 0 15px 0 20px; width: 80px; font-family: 'Sofia', Arial, sans-serif; font-weight: normal; font-size: .72em;}
	label.radio {float: left; width: 15px;}
	label.fullwidth {float: left; text-align: left; display: block; padding-top: 15px; margin-right: 15px; width: 560px; font-family: 'Sofia', Arial, sans-serif; font-weight: normal; font-size: .72em;}
.selection {font-family: 'Sofia', Arial, sans-serif; font-weight: normal; font-size: .72em; }

input, select {margin-top: 15px; font-family: 'Sofia', Arial, sans-serif; font-weight: normal; font-size: .72em; color: #444;}
	input.radio {float: left; margin-right: 1em; width: 10px;}
		span.radio {font-size: .72em;}
		.radio-indent {margin-left: 40px;}
	input.checkbox {float: left; margin: 15px 10px 0 20px; width: 1.0em;}

.indent {margin-left: 155px;}
textarea:focus, input:focus {border: 2px solid #809dc4;}
.section {padding: 10px 0;}


/***** Formstack Forms *****/

.fsBody {
	font-weight: normal!important;
	padding: 0!important;
	text-align: left;
}

.fsBody .fsSectionHeader {
	background-color: #fff!important;
	margin: 0!important;
    padding: 8px 0!important; 
}

.fsBody .fsForm .fsSectionHeading {
	border-bottom: 1px solid #005bbb;
    color: #005bbb!important;
    font-size: 20px!important;
    font-weight: normal!important;
	padding: 0!important;
}

.fsBody .fsForm #fsSection64097961 .fsSectionHeader h2.fsSectionHeading {
	border-bottom: none!important;
	font-size: 1.5em!important;
	padding-top: 20px!important;
}

#content_internal .fsBody .fsForm h3 {
	margin-left: 0;
}

.fsBody .fsForm {
	padding: 0 0 20px!important;
	margin-top: 0!important;
}

.fsBody .fsLabel, 
.fsBody label {
    color: #444!important;
    float: none;
    font-family: 'Sofia', Arial, sans-serif;
		font-weight: bold;
    font-size: 14px!important;
    text-align: left;
    width: auto;
}
.fsVerticalLabel .fslabel {
    padding: 0!important;
}
.fsBody .fsSupporting {
    font-size: 10px!important;
    margin-top: 0!important;
	 text-align: left;
}
input[type="text"] {
    margin-bottom: 0;
}
label.fsOptionLabel {
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
}
.fsBody .fsForm input,
.fsBody .fsForm select 
    {margin-top: 0;
}
.fsBody p {
    padding: 0 0 10px 0!important;
}
.fsForm .fsSubmit {
    margin-top: 0!important;
    padding: 0!important;
}
.fsForm textarea {
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
}
.fsBody .clear {
    display: none;
}
.fsSubField {
    margin-bottom: 20px!important;
}
input#fsSubmitButton3060448.fsSubmitButton {
   font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
    background-color: #005bbb!important;
    padding: 10px 20px!important;
}

/* End Formstack customizations */



/*****  Footer  *****/
#footer-wrapper {
    background: #005bbb;
    clear: both;
    margin: 0 auto;
    width: 100%;
	padding: 0;
}

footer {
    background: #005bbb;
	display: block;
	/*height: 500px;*/
	margin: 0 auto;
    padding: 20px 0 0 0;
    width: 1024px;
	flex-shrink: 0;
}

	footer a {
        color: #fff;
	}
	footer ul.footer-links {display: block; float: left; list-style-type: none; margin: 0; padding: 0 10px 0 0; width: 280px;}
		footer ul.footer-links-last {display: block; float: left; list-style-type: none; margin: 0; padding: 0; width: 150px;}
		footer ul.footer-links li, footer ul.footer-links-last li {font-size: .85em; line-height: 1.2em; text-align: left; color: #fff; padding-top: 8px; }
		footer ul.footer-links li.header, footer ul.footer-links-last li.header {color: #ffebb3; font-size: 1.0em; font-family: 'Sofia', Arial, sans-serif; font-weight: bold; line-height: 1.2em;}
			footer ul.footer-links li.header a {color: #fff; font: bold 1.0em Georgia; line-height: 1.2em;}
		footer ul.footer-links li a:link, footer ul.footer-links-last li a:link {color: #fff; font-family: 'Sofia', Arial, sans-serif;
		font-weight: 500; text-decoration: none; margin-bottom: 0; border-bottom: 1px solid #fff;}
		footer ul.footer-links li a:visited, footer ul.footer-links-last li a:visited {color: #ccc; border-bottom: none; text-decoration:none;}
		footer ul.footer-links li a:hover, footer ul.footer-links-last li a:hover { border-bottom: none; color: #ffffff; }
		footer ul.footer-links li a:active, footer ul.footer-links-last li a:active {top: 1px;}
	footer ul.footer-links li.social {float: left; list-style: none; margin: 0; padding: 20px 0 0 0; display: block; width: 32px;}
		footer ul.footer-links li.social a, footer ul.footer-links li.social a:link {border-bottom: none;}
	footer p.footer-web { color: #d9d8d8; font-size: 0.70em; margin: 0; padding: 0; float: left;}
	footer p.footer-legal { color: #d9d8d8; font-size: 0.70em; margin: 20px 0 0 0!important; padding: 10px 0 0 0!important; clear: both;
		background-image: linear-gradient(to right, #fff 50%, rgba(255,255,255,0)0);
		background-position: top left;
		background-size: 8px 1px;
		background-repeat: repeat-x;
		height: 100%;
		display: block;
			width: 100%;
			text-align: right;
}
	footer p.footer-legal strong { color: #d9d8d8; }


.ub-175 {
	background-image: linear-gradient(to right, #fff 50%, rgba(255,255,255,0)0);
	background-position: top left;
	background-size: 8px 1px;
	background-repeat: repeat-x;
	height: 100%;
	display: block;
	padding: 10px 0;
	margin-top: 20px;
}

.ub-175 img {
	float:left;
	height: 43px;
	padding-top: 10px;
}

.ub-175 p {
	width: 400px;
	float: right;
	color: #fff;
	font-size: 13px;
	line-height: 1.25em;
	font-style: italic;
	padding-bottom: 20px;
}
/* end footer */


/*****  Charts and Tables  *****/
.chart {
    width: 100%;
    /*margin-top: 20px;
    margin-left:15px;*/
}
	.chart-nopad {
        width: 100%;
        margin: 10px 0 20px 0;
    }
table {
    border-collapse: collapse; 
    margin: 10px 0 20px 0; 
    padding-bottom: 0;
}
td {
    border: 1px solid #eee;
    color: #444;
    font-size: 1.0em;
    line-height: 1.5em;
    padding: 8px;
}
table .rowhighlight {
    background: #e4e4e4;
}
th {
    background: #005bbb;
    border: 1px solid #eee;
    color: #fff;
    font-size: 1.0em;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
    padding: 8px;
}
th.row-heading {
    background: transparent;
    color: #444;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
}
caption {
    border: none;
    color:#005bbb;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: normal;
    font-size: 1.30em;
    margin-left: 0;
    padding: 5px 0;
    text-align: left;
}
.wide {
    width: 75%;
}
.narrow {
    width: 25%;
}
.half {
    width: 50%;
}
.chart .sectionhighlight, 
.chart-nopad .sectionhighlight {
    background-color: #eaf1f9;
}
.chart .sectionheading,
.chart-nopad .sectionheading {
    color: #005bbb;
    font-family: 'Sofia', Arial, sans-serif;
	font-weight: bold;
    padding-bottom: 20px!important;
    text-transform: uppercase;
}
    .chart .sectionheading a,
    .chart-nopad .sectionheading a {
        color: #005bbb;
    }

tr:nth-child(even) {
    background: #e4e4e4;
}
tr:nth-child(odd) {
    background: #fff;
}
/* end charts and tables */

@media only screen and (max-width: 40em) {
	#skiplinks {top: 0; left: 0;}
    .top-nav-wrap {height: 10px; margin: 0 auto; width: 100%; padding: 0;}
	#header {margin: 0 auto; width: 100%; padding: 0; height: 70px;}
	#header .logo {margin: 0 auto 20px; /*width: 80%; position: relative;*/ padding: 0; left: 0; top: 15px;text-align: center;}
    #header .logo img {max-width: 80%;}
	#header #search {float: right; margin: 70px 0 0 0!important; width: 90%; /*clear: both;*/ background: #f9f9f9; padding: 5px 0 5px;}
        #search form {float: right;}
        #search button {float: none; width: auto;}
    #pagewrap, #contentwrapper, #contentwrapper-internal {margin: 0 auto; width: 100%;}
    #contentwrapper {margin-top: 10px;}
    #centercolumn, .main-content, #content_internal {margin: 0 auto; width: 95%; padding: 0; clear: both; float: none;}
	.main-content, #content_internal {margin: 10px auto 0; width: 95%; padding: 0; clear: both; float: none;}
    .slider {background: #fff; height: auto; margin: 15px 0 0 0!important; padding: 0;}
        #centercolumn ul.slick-dots {margin-left: 0; padding: 0!important;}
        .slick-dots {bottom: -25px!important; background: #f8f8f8; /*position: absolute!important;*/}
        .slick-dots li {padding: 6px 0 0 0 !important;}
    img.staff {max-width: 90%; margin: 0 auto; float: none;}
    h1 {font-size: 1.4em;}
    h2 {font-size: 1.0em;}
    
    h2.title {padding-top: 0;}
	#breadcrumb {margin: 0 0 10px 0;}
	#main_content {padding: 1.0rem 0 .50rem;}
	/*#main_image, #main_image_internal {display: none;}*/
	/*#leftcolumn {min-height: 0;}*/
	#leftcolumn/*, #leftsidebar*/ {float: none; margin: 0 auto; width: 100%; clear: both;}
    #rightcolumn {background-color: #f8f8f8; /*float: none;*/ margin: 0 auto 15px; width: 100%; clear: both;}
        #rightcolumn .headlines {background: #f8f8f8!important;}
        #rightcolumn .headlines h3 {margin-bottom: 0; padding-bottom: 0; padding-left: 15px;}
        #rightcolumn .headlines ul {margin: 0 15px;}
    #leftsidebar {display: none;}
    .callouts-small {display: block; float: none; margin: 0 auto; width: 100%!important; clear: both;}
	.callout {max-width: 100%; margin: 0 auto;}
    .portal-info, .fellowships {width: 100%;}
    .fellowships h3 {padding: 4px 15px 0;}
     .fellowships p {padding: 0 15px 15px 15px;}
	nav {clear: both;}
	nav ul { margin: 0 auto; width: 100%;}
	#relatedlinks {margin: 1.0em auto 1.0em; width: 100%; clear: both; float: none; position: relative; left: 0; top: 0;}
	.accordion.acc-narrow {width: 100%!important;}
	.accordion-title {font-size: .90em!important; padding: .75rem 1.0rem!important; line-height: 1.25rem!important;}
	.contact {display: none;}
	.narrow {width: 100%;}
    table {max-width: 100%}
	.chart {max-width: 100%;}
    
    #datestamp-home, #datestamp {width: 100%; margin: 0 auto;}
	#footer-wrapper {margin: 0 auto; width: 100%;}
	footer {width: 100%;}
	footer p.footer-legal {float: none; margin: 0 auto;}
	footer ul.footer-links, footer ul.footer-links-last {padding-left: 1.0em; width: 90%;}
	footer ul.footer-links li, footer ul.footer-links-last li {font-size: .70em!important;}
}
    
    
    
/***** For Responsive Tables -- see the curriculum/experiences/accepted-coursework.php page for an example *****/    
@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
    
	 } /* max-width 640px */


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	ul.side-nav {margin-left: 2.0em;}
	.content {max-width: 98%; margin: 0 auto;}
	.sidebar {max-width: 90%; margin: 0 auto;}
}

li.sub-bullet { /* 2021-06-11 D.Kozar added per DTS-973 */
  list-style: circle;
	margin-left: 28px;
}

ul li.indent {
	margin: 0 0 0 20px;
	}
	ul li.indent-level-2 {
		margin: 0 0 0 40px;
		}
		ul li.indent-level-3 {
			margin: 0 0 0 60px;
			}
#sitemaplinks li {
	list-style: none;
}
#sitemaplinks > li > a::before {
	content: "\e906";
	font-family: 'UBFont';
	font-size: 9px;
	font-style: normal;
	margin: 0 8px 0 -15px;
	speak: none;
	text-decoration: none;
	display: inline-block;
}