/**
 * @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
*/

/* D.Kozar added the following to remove the Yellow COVID Banner on the top of every page per DTS-2658 | 2024-12-02: D.Kozar commented out per DTS-2803 */
.long-term-alert-banner {/*display:none !important;*/}


@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 ***/


html {font-size: 17px;}

* {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

body {
	background: #f9f9f9;
	color: #666;
	font-family: Sofia, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	display: flex;
	flex-direction: column;
}

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

#leftcolumn {
	float: left;
	margin: 0 20px 0 0;
	min-height: 600px;
	width: 240px;
}


/*** Top yellow banner for Covid-19 information ***/
.top-banner {
    background: #ffc72c;
    height: auto;
}

.top-banner .long-term-alert-banner {
    min-width: 1024px;
}

.top-banner div.row {
    min-width: 1024px;
    margin: 0 auto;
}

.top-banner p {
    color: #000;
    font-size: 15px;
    margin-bottom: 0;
    text-align: center;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.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 ***/

.callout-internal {
	border: 1px solid #ccc;
	border-left: 12px solid #005bbb;
	margin: 20px 40px;
}

.callout-internal ul {
	line-height: 1.4em;
	padding: 15px 0;
}

.callout-internal a:link,
.callout-internal a {
	color: #005bbb;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
}


.callout {
	border: 1px solid #ccc;
	border-left: 12px solid #005bbb;
	margin: 30px 10px 30px 20px;
}

.callout p {
	line-height: 1.5em;
	padding: 15px;
}

.callout a:link,
.callout a {
	color: #005bbb;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
}

#leftcolumn img.callout {
	display: block;
	margin: 20px 0 0 20px;
	padding: 0;
}

#leftcolumn a.callout {
	border-bottom: none;
	display: block;
	margin: 20px 0 0 20px;
	padding: 0;
}

#leftcolumn a.ubthissummer img {
	display: block;
	float: left; 
	margin: 10px 0 20px 40px;
	padding: 0;
}


.card {
    background: #f8f8f8;
    border: 1px solid #005bbb;
    float: left;
    height: 100px;
    margin: 20px 1.5% 20px 0;
    padding: 10px;
    width: 20%;
}

.card h2 {
    font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
    font-size: .75rem;
    padding: 8px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.card .tile {
    border: 4px solid #005bbb;
    border-radius: 50%;
    display: flex;
    margin: 0 auto;
    height: 50px;
     width: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.card .tile .icon {
    /*vertical-align: middle;*/
    /*margin: 0 auto;*/
    /*padding: 8px 0 0 10px;*/
    text-align: center;
    height: 30px;
    width: 30px;
   
}

.card .tile .icon img {
    vertical-align: middle;
}

.col-left,
.col-right {
	width: 48%;
	margin-bottom: 30px;
}

.col-left-wide {
	float: left;
	margin-right: 20px;
	padding-top: 20px;
	width: 70%
}

.col-left-wide h1 {
	font-size: 1.2em;
}


.col-right-narrow {
	float: left;
	padding-top: 20px;
	width: 26%
}

.col-right-narrow h3 {
	font-size: .85em;
	margin-top: 0;
}

.col-left {
	float: left;
	margin-right: 20px;
}

.col-right {
	float: left;
}
.card-wide {
    background: #f8f8f8;
    border: 1px solid #005bbb;
    float: left;
    height: auto;
    margin: 20px 1.5% 0 0;
    padding: 20px;
    /*width: 97%;*/
}

.card-wide.academics {
	padding: 0!important;
}

.card-wide h2 {
	font-size: 1.0em;
	padding-top: 0;
}

.card-wide p {
	line-height: 1.3rem;
	padding-bottom: 0;
	padding-top: 4px;
}


.dl-academic-resources p {
	font-size: .80em!important;
}


.transcript {
    background-color: #e4e4e4;
    border-left: 15px solid #41b6e6;
    border-right: 15px solid #41b6e6;
    margin-bottom: 15px; 
    /*margin-top: -25px;
    z-index: 10;*/
}

.transcript h2 {
    color: #005bbb;
    font-family: Sofia, Arial, sans-serif;
	font-weight: normal;
    font-size: 1.5rem;
    padding: 10px 0 0;
    text-align: center;
    /*text-transform: uppercase;*/
}

.transcript p {
    padding: 0 15px 15px 15px;
    text-align: center;
}

.transcript p a {
    color: #005bbb;
    font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
    text-decoration: underline;
}

.transcript p a:hover {
    text-decoration: none;
}


/****** COVID-19 banner on homepage below photo *****/
.covid-updates {
    /*background-color: #ffc72c;*/
    border-left: 15px solid #ffc72c;
	border-top: 1px solid #ffc72c;
    border-right: 1px solid #ffc72c;
	border-bottom: 1px solid #ffc72c;
    margin-bottom: 15px;
	margin-top: 10px;
    /*margin-top: -25px;
    z-index: 10;*/
}

.covid-updates h2 {
    color: #666;
    font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
    font-size: 1.1rem;
    padding: 20px 20px 0 20px;
    text-align: left;
    /*text-transform: uppercase;*/
}

.covid-updates h2.no-pad {
	padding-top: 0;
}

.covid-updates ul {
	color: #666!important;
	padding: 0 0 15px 0;
}

.covid-updates ul li a,
.covid-updates p a {
    color: #005bbb!important;
    font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
    text-decoration: underline;
}
.covid-updates ul li a:hover,
.covid-updates p a:hover {
    color: #005bbb!important;
    font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
    text-decoration: none;
}

.covid-updates ul li a:hover {
    text-decoration: none;
}

.covid-updates p {
	color: #666;
	padding: 0 20px 12px;
}

.covid-updates p.padded {
	padding: 10px 15px;
}

/*******/

#leftcolumn #sacs {
	margin: 10px 0 20px 30px;
} /* 2015-09-30 D.Kozar added for UB Intersession auto promotion widget service */

#centercolumn {
	float: left;
	margin: 0 20px 0 0;
	width: 504px;
}

#centercolumn ul.news {
	list-style: none;
	margin: 0 15px 0 0;
	font-size: .70em;
}

#centercolumn ul.news li {
	display: block;
	line-height: 1.75em;
	list-style: none;
	padding: 0 0 5px 15px;
}

#centercolumn ul.news li.heading {
	background: #fff url(../images/bullet.gif) no-repeat 0 14px;
	color: #666;
	display: block;
	font-weight: bold;
	list-style: none; 
	margin-left: 0;
	padding: 10px 0 0 15px;
}

/*#rightcolumn {width: 240px; margin: 0; float: left; background: #fff;}
	#rightcolumn img.mod {margin: 20px 0 0 0;}
	#rightcolumn a.callout {margin: 20px 0 0 20px; padding-top: 20px;}*/

.column-wide {
	background: #fff;
	display: block;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	position: relative;
	text-align: left;
	width: 720px;
}

p {
	padding: 0 20px 15px 0;
}

.indent-lesser {
	margin-left: 25px;
}

.question {
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	font-size: .90em;
	padding: 0 20px 0 0;
}
p.nopadding {
	padding: 0 20px 0 0;
}
p.menu {
	padding: 0 20px;
}
.border {
	border: 2px solid #ccc;
	font-size: .85em;
	font-weight: bold;
	margin: 0 20px 20px 0;
	padding: 20px;
}

.border-narrow {
	border: 2px solid #ccc;
	font-size: .85em;
	font-weight: bold;
	margin: 0 20px 20px 0;
	padding: 20px;
	width: 420px;
}

.menupadded {
	padding: 0 20px 10px;
}

p.summary {
	color: #666;
	font-size: .95em;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 0;
}
p.summary a {
	color: #005bbb;
}
p.heading-summary {
	margin-top: -20px;
}

.note {
	background: #e1e1e1;
	padding: 10px 20px 15px 20px;
	margin: 0 20px 0 0;
	color: #000;
}


/* LISTS */

ul {
	line-height: 1.75em;
	padding: 0 20px 20px 0;
	margin: 0 0 0 40px;
}
		
ul.nopadding {
	margin: 0 0 0 20px;
	padding: 0 60px 0 40px;
}
		
ul li {
	padding: 4px 0 0 0;
}
		
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;
			}
			ul li.indent-level-4 {
				margin: 0 0 0 80px;
			}
#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;
}

ul li.indent-disc {
	list-style: circle;
	margin: 0 20px;
}
		
ul ul {
	padding: 0 30px 0 0;
}
		
ul ul li {
	font-size: 1.0em;
		}
		
ul ul ul {
	padding: 0 20px 0 0;
}

ul li li {
	font-size: 1.30em;
	line-height: 1.70em;
}
		
ul.indented {
	padding: 0 60px 20px 80px;
}
	
ul.nobullet {
	list-style: none;
	margin: 10px 0 10px 40px;
	padding-left: 0;
}

ul.accordion li ul.nobullet {
	list-style: none;
	margin: 0 0 0 20px!important;
	padding-left: 0;
}

ul.accordion li ul.nobullet li {
	list-style: none;
	padding-left: 0;
}
		
ul.nobullet li {
	margin-left: 0;
	padding-left: 0;
}

ul.centered li {
	text-align: center;
}

li.numbered {
	color: #666;
	line-height: 1.75em;
	list-style-type: decimal;
	margin-left: 20px;
}
	
ol {
	line-height: 1.75em;
	margin: 0 0 15px 20px;
	padding: 0 20px 20px;
}
ol li {
	padding: 8px 0 0 0;
}
		
ol.nopadding {
	margin-bottom: 0;
	padding: 0 20px;
}
		
ol li.nopadding {
	padding: 0;
}

ol li ul {
	padding: 0;	
}

ol li ul li {
	font-size: 1.25em;
	list-style-type: disc;
}

/* END LISTS */

.imgleft-padded {
	border: 1px solid #ccc;
	float: left;
	margin: 15px 20px 25px;
	padding: 8px;
}

.indent {
	margin: 0 40px;
}

.panel {
 	background: #f2f2f2;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
  	margin-bottom: 1.25rem;
  	padding: 1.25rem;
	overflow: auto;
	width: 90%;
}

.panel p {
	font-size: 1.0em;
	font-weight: bold;
	width: 40%;
}

.panel h3 {
	color: #666;
	margin-bottom: 1.0em;
	margin-top: 0;
}

span.large {
	font-size: 1.25em;
	color: #369;
}

.button.right {margin-left: 2.0em;}

button, 
.button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none!important;
  text-align: center;
  float: left;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1.0rem;
  /*     @else                            { font-size: $padding - rem-calc(2); } */
  background-color: #4452a1;
  /*background-color: #008cba;*/
  border-color: #007095;
  color: white!important;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;

  /*     @else                            { font-size: $padding - rem-calc(2); } */ }
button:hover, 
button:focus,
.button:hover,
.button:focus,
.panel button:hover,
.panel button:focus,
.panel .button:hover,
.panel .button:focus {
    background-color: #809dc4;
	color: white;
}

  /*button:visited, .button:visited {
    background-color: #809dc4; }*/

	.two {width: 37%; height: 4.5em;}
	.three {width: 27%; height: 10.5em; margin-right: 1.0em; font-size: .90em!important; padding: 1.0em;}
	.last {width: 27%; height: 10.5em; margin-right: 0; font-size: .90em!important; padding: 1.0em!important;}

	button.radius, .button.radius {
    -webkit-border-radius: 8px;
    border-radius: 8px; }

	.panel a[href^="http://www.buffalo.edu/internationaladmissions.html"], .panel a[href^="http://grad.buffalo.edu/admissions.html"], .panel a[href^="http://admissions.buffalo.edu"] {background-image: none!important; background-color: #4452a1;}

span.middle {display: inline-block; padding-top: .68em;}

/***  NEWS FEED  ***/
#rss_feed {}
#rss_feed .rss_channel {}

#rss_feed .rss_channel_title {
	display:none;
}

#rss_feed .rss_item_title {
	display: block;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	font-size: .80em;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 4px 0 0 15px;
}

#rss_feed .rss_i_description, 
#rss_feed .rss_i_encoded {
	display: block;
	font-size: .70em;
	line-height: 1.75em;
	padding: 0 0 5px 15px;
}

#rss_feed .rss_item_date {
	background: #fff url(../images/bullet.gif) no-repeat 0 20px;
	color: #666;
	font-size: .70em;
	font-weight: bold;
	padding: 15px 0 0 15px;
	text-transform: uppercase;
}
/* end news feed */


/***  TEXT AND LISTS  ***/

/* #content_internal h2, #content_internal h2.first {padding: 20px 20px 10px 0; text-align: left;}
	#content_internal h3, #content_internal h5 {padding: 0 20px 0 0;}
		#content_internal h3.padded {padding: 0 20px 20px 0;}
		#content_internal h3.top-pad {padding: 20px 20px 10px 0;}
		#content_internal h4 {padding: 0 0 10px 0;}
		h4.nopadding {padding: 0;}
		#content_internal h4 a {margin-top: 20px;}
		#content_internal h5.indented {padding-left: 50px;} */

h1, h2, h3, h4, h5, h6 {
	color: #005bbb;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 1.40em;
	padding: 0;
}

h2 {
	color: #005bbb;
	font-family: Sofia, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.20em;
	padding-top: 15px;
}

h2.first {
	font-family: More, Georgia, serif;
	font-weight: normal;
	font-size: 1.50em;
	padding-top: 20px;
	color: #000;
}

h3 {
	font-family: Sofia, Arial, sans-serif;
	font-weight: normal;
	font-size: .95em;
	margin-top: 15px;
	text-transform: uppercase;
}

h4 {
	font-size: 1.0em;
	margin-top: 15px;
}

h5 {
	font-size:1.0em;
}

h6 {
	font-size: .9em;
}

p, ol, ul, blockquote, p ul, p ol, ol ol, ul ul, ul ol, ol ul, table, address {
	color: #666;
	font-size: .80em;
}

p {
	line-height: 1.75em;
	padding: 8px 0;
}

address {
	line-height: 1.5em;
}

.teaser {
	color: #666;
	font-family: 'More', Georgia, serif;
	font-weight: normal;
	font-size: 1.0em;
}

a img {
	border: none;
}

a:link {
	color: #005bbb;
	text-decoration: underline;
}

a:visited {
	border-bottom: 1px solid #005bbb;
	color: #005bbb;
	text-decoration: none;
}

a:hover {
	border-bottom: 2px solid #005bbb;
	text-decoration: none;
	color: #005bbb;
}

a:active {
	border-bottom: 1px solid #005bbb;
	color: #005bbb;
	text-decoration: none;
}

a:focus {
	outline: 3px solid #41b6e6;
}

strong, b {
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
}


/* C L E A R */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}


/***  SKIPLINKS ***/

#skiplinks a { position: absolute; display: block; padding: 0.5rem; top: 4px; left: -1000px; z-index: 9000; }
#skiplinks a:link, #skiplinks a:visited, #skiplinks a:hover { color: white; }
#skiplinks a:active, #skiplinks a:focus { left: 50%; margin-left: -60px; background-color: #0056b3; color: white; text-decoration: underline; outline: 4px solid #669dd6; }

/*
#skiplinks {
	display: inline;
	font-size: 0.7em;
	left: 50px;
	margin-top: 5px;
	position: absolute;
	top: 30px;
}

#skiplinks a, 
#skiplinks a:link, 
#skiplinks a:visited, 
#skiplinks a:hover {
	color: #666;
}

#skiplinks a:focus, 
#skiplinks a:active {
	background-color: #fff; 
	color: #666; 
	outline: 4px solid #41b6e6; 
	padding: 10px;
}
*/


/***  HEADER  ***/
#header_wrap {
	height: 130px;
	min-width: 1024px;
}

#ublogo_wrap {
	background: #005bbb;
	height: 45px;
}

.toplogo {
	width: 1024px;
	margin: 0 auto;
}

.toplogo img a:focus {
	outline: 4px solid #41b6e6!important;
}

#ublogo_wrap img {float:left; padding-top: .6em;}

header {
	background-color: #fff;
	height: 95px;
	margin: 0 auto;
	position: relative;
	width: 1024px;
}

header .logo {
	color: #005bbb;
	font-family: Sofia, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.75rem;
	left: 15px;
	position: absolute;
	top: 20px;
}

header .logo a:link {
	border-bottom: none;
	text-decoration: none;
}


/***  AUDIENCE NAVIGATION  ***/
.aud-nav-wrap {
	background-color: #666;
	height: 45px;
	padding: 4px 0 0;
    width: 100%;
    min-width: 1024px;
}

.list {
	margin: 0 auto;
    width: 1024px;
    text-align: right;
    background-color: #666;
}

.list ul {
    padding-top: 8px;
}

.list ul li {
    display: inline;
    color: #fff;
    padding-left: 15px;
}

.list ul li:first-child {
    font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
    text-transform: uppercase;
}

.list ul li a:link, .list ul li a:visited {
	color: #fff!important;
}


/* END AUDIENCE NAVIGATION */


/***  ALERT  ***/
.alert {
	background-color: #900;
	height: auto;
	padding: 4px 0 0;
	width: 100%;
}
.alert p {
	color: #fff;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	padding: 8px 0 12px;
}

/* END ALERT */


/***  SEARCH  ***/
#search {
	background-color: #fff;
	color: #666;
	float: right;
	font-family: Sofia, Arial, sans-serif;
	font-weight: normal;
	height: 30px;
	margin: 25px 0 0 0;
	padding: 8px 5px 5px 0;
	width: 480px;
}

#search a {
	color: #666;
}

#search a:hover {
	color: #369;
}

#search form {
	margin: 0;
	padding: 0;
}

#search form.left {
	left: 515px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 240px;
}

#search form.right {
	left: 765px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 240px;
}

#term {
	margin: 0;
	padding: 0;
}

.go {
	margin-left: -8px;
}

#search form.left input,
#search form.right input {
	border: 1px solid #ececec;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#search form.left .form-text,
#search form.right .form-text {
	font-size: .70em;
	margin: 0;
	padding: 2px;
	width: 180px;
}

#search form.left img, 
#search form.left img a,
#search form.right img,
#search form.right img a {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#search form.left .form-button,
#search form.right .form-button {
	background: #809dc4;
	color: #fff;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#search form.left input, 
#search form.left select, 
#search form.right input, 
#search form.right select {
	margin: 0;
	padding: 0;
}

input, select {
	color: #666;
	font-family: Sofia, Arial, sans-serif;
	font-weight: normal;
	font-size: .72em;
	margin-top: 15px;
}

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




/* Style the search field */
#search form.left input[type=text],
#search form.right input[type=text] {
  padding: 6px;
  font-size: 12px;
  border: 1px solid #ccc;
  float: left;
  width: 80%;
  background: #f8f8f8;
}

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

#search form.left button:hover,
#search form.right button:hover {
  background: #0b7dda;
}

/* Clear floats */
#search form.left::after,
#search form.right::after {
  content: "";
  clear: both;
  display: table;
}

/***  END SEARCH  ***/


/***  MAIN IMAGE  ***/
#main_image {
	display: block;
	float: left;
	padding-bottom: 20px;
	position: relative; 
	width: 440px;
	z-index: 90;
}

.not-padded {
    padding-bottom: 0!important;
    width: 440px;
}

#main_internal {
	display: block;
	float: left; 
	margin: 0 0 10px 0;
	padding: 0; 
	position: relative; 
	width: 700px;
}

#main_image_internal {
	float: left; 
	margin: 0 20px 0 0; 
	padding: 0;
	width: 440px; 
}
/* END MAIN IMAGE */



/***  MAIN VERTICAL NAVIGATION  ***/
nav {
  	border-left: 6px solid #005bbb;
	border-right: 1px solid #ccc;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	padding: 0;
}

nav ul {
	margin: 0;
	padding: 0;
	width: 240px;
}

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

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; */
	padding: .75em 0 .75em 1.0em; 
	text-decoration: none; 
}

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

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

nav li a:hover::before {
	content: "\e906";
	font-family: 'UBFont';
	font-size: 9px;
	font-style: normal;
	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;
	margin: 0 8px 0 -15px;
	speak: none;
}

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

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

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

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

nav li li {
	list-style: none;
}

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

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

.moreindent {margin-left: 15px;}

/* END MAIN VERTICAL NAVIGATION */


/***  LEFT SIDEBAR  ***/
#leftsidebar {
	float: left;
	width: 240px;
	margin: 0; 
}

#leftsidebar_internal {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0 0 40px 0;
	height: auto;
}

#leftsidebar_internal img {
	margin: 0;
	padding: 20px 0 0 0;
}

#leftsidebar_internal img a .left {
	padding: 0;
	margin: 0;
}

#leftsidebar ul {
	list-style-type: none;
	font-weight: normal;
	margin: 4px 0 0 15px;
	padding: 0;
	font-size: .75em;
}

#leftsidebar li {
	margin: 0;
}

#leftsidebar li a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0 20px 8px 8px;
}

#leftsidebar li a:hover, 
#leftsidebar li a.current {
	background-color: #fff;
	text-decoration: underline;
	padding: 0 20px 8px 8px;
}

#leftsidebar h3 {
	font-size: .8em;
	font-weight: bold;
	padding: 10px;
	text-transform: uppercase;
}

#leftsidebar h4 {
	font-size: .8em; 
	font-weight: bold;
	padding: 10px;
}

#leftcontent {
	padding: 0;
	margin-top: 0;
	clear: left;
}

#leftcontent p {
	color: #666;
	padding: 15px;
}


/***  CONTACT MODULE  ***/
.contact {
	background: #f8f8f8;
	float: right;
	height: 215px;
	margin: 0;
	padding: 0;
	width: 260px;
}
.contact.home {
	height: 215px;
	margin-bottom: 8px;
}

.contact p.contact-head {
	border-bottom: 1px solid #005bbb;
	color: #005bbb;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	font-size: .75em;
	letter-spacing: 1px;
	margin: 0 20px 0;
	padding: 12px 0 0 0;
	text-transform: uppercase;
}

.contact p {
	color: #666;
	font-family: Sofia, Arial, sans-serif;
	font-weight: 500;
	font-size: .75em;
	line-height: 1.5em;
	margin: 0 20px;
	padding: 8px 0 0 0;
}

.contact p.level-2 {
	color: #666;
	font-size: .75em;
	font-weight: normal;
	line-height: 1.5em;
	margin-left: 50px; 
	padding: 0;
}

.contact ul {
	font-size: .70em;
	margin-left: 20px;
}

.contact ul li {
	line-height: 1.4em;
	list-style: none;
}

p.right {
	margin: 4px 15px 0 0;
	padding-bottom: 20px;
	text-align: right;
}
/* end contact module */


/***  RELATED LINKS  ***/
#relatedlinks, .relatedlinks {
	background: #fff;
	border: 1px solid #005bbb;
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	position: relative;
		width: 220px;
	display: block;
}

.margin {
	margin: 20px!important;
}

#relatedlinks p.heading, .relatedlinks p.heading {
	background: #005bbb;
	color: #fff;
	font-size: .90em;
	margin: 0;
	padding: 4px 4px 4px 10px;
}

#relatedlinks ul.links, .relatedlinks ul.links {
	font-family: Sofia, Arial, sans-serif;
	font-weight: normal;
	font-size: .72em;
	list-style: none;
	margin: 10px 0 0 15px;
	padding: 0 10px 0 0;
	text-align: left;
}

#relatedlinks ul.links li, .relatedlinks ul.links li {
	display: block;
	line-height: 1.25em;
	list-style: none; 
	margin: 0;
	padding: 1px 8px 1px 0;
	text-align: left;
}

#relatedlinks > ul.links > li > a::before, .relatedlinks > ul.links > li > a::before {
	content: "\e906";
	font-family: 'UBFont';
	font-size: 9px;
	font-style: normal;
	margin: 0 8px 0 -15px;
	speak: none;
}

#relatedlinks ul.links li a:link, .relatedlinks ul.links li a:link {
	color: #005bbb;
	display: block;
	line-height: 1.50em;
	margin-left: 0;
	padding: 0 0 8px 18px;
	text-decoration: none;
}

#relatedlinks ul.links li a:visited, .relatedlinks ul.links li a:visited {
	border-bottom: none;
	color: #005bbb;
	display: block;
	padding: 0 0 8px 18px;
	text-decoration: none;
}

#relatedlinks ul.links li a:hover, .relatedlinks ul.links li a:hover {
	border-bottom: none;
	color: #005bbb;
	display: block;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#relatedlinks ul.links li a:active, .relatedlinks ul.links li a:active {
	color: #005bbb;
	display: block;
	line-height: 1.50em;
	margin-left: 0;
	padding: 0 0 8px 18px;
	text-decoration: none;
}

#relatedlinks.narrow, .relatedlinks.narrow {
	width: 150px;
}
/* end related links*/



/***  ACCORDION  ***/
.answer table {width: 93%;}

.accordion-narrow {
	border-bottom: solid 1px #c4c4c4;
	float: left;
	margin: 10px 0 20px 0;
	width:440px;
}
/* end accordion*/


/***  RESOURCES (on non-degree page)  ***/
.resources {
	background: #f8f8f8;
	margin: 20px 10px; 
	width: 230px; 
}

.resources h3 {
	color: #005bbb;
	font-size: .80em;
	margin: 0;
	padding: 15px 15px 0!important;
}

.resources ul {
	font-size: .75em;
	margin: 0 0 0 1.5em;
	padding: 0 15px 15px!important;
}

.resources ul li {
	margin: 0; 
	padding: 8px 0 0 0;
}


/*  GLOSSARY  */
#content_internal .glossary {
	float: left;
	padding-top: 0;
	padding-bottom: 40px;
	width: 680px;
}

#content_internal .glossary h4 {
	padding: 20px 20px 0 0;
	font-size: .90em;
	font-weight: bold;
	margin-bottom: 0;
}

#content_internal .glossary p {
	margin: 0;
	padding: 0;
}

#alpha_index {
	margin: 0 0 20px 0; 
	padding: 0 0 40px 0;
}

#alpha {
	margin: 0 0 20px 0;
}

#alpha h3 {
	font-size: .85em;
	margin-top: 0; 
	text-transform: uppercase; 
	padding-bottom: 4px;
}

#alpha ul, 
#alpha_index ul {
	list-style: none;
	margin: 0; 
	padding: 0;
}

#alpha li, 
#alpha_index li, 
#alpha li.nolink {
	float: left;
	margin-right: 3px;
}

#alpha li.nolink,
#alpha_index li.nolink {
	background: url(../images/bg-letter-off.png) no-repeat 0 4px;
	color: #666;
	display: block;
	height: 22px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	width: 22px;
}

#alpha a,
#alpha li.active a,
#alpha_index a,
#alpha_index li.active a {
	background: url(../images/bg-letter-off.png) no-repeat 0 0;
	display: block;
	height: 22px;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	width: 22px; 
}

#alpha li a:hover,
#alpha_index li a:hover {
	background-image: url(../images/bg-letter-on.png);
	color: #fff;
}

#alpha li#active a, 
#alpha_index li#active a {
	background-image: url(../images/bg-letter-on.png); 
	color: #fff;
}
	
/* end glossary */


/***  BREADCRUMBS  ***/
#breadcrumb {
	border-bottom: 1px dotted #ccc;
	clear: left;
	margin: 0 0 20px 0;
	padding-top: 4px;
}

#breadcrumb p {
	color: #666;
	font-size: 0.65em;
	margin: 0; 
	padding: 0 0 4px 0;
	text-align: left;
}

#breadcrumb p.home {
	color: #666;
	font-size: 0.65em;
	margin: 0; 
	padding: 10px 0 10px 20px;
	text-align:left;
}
/* end breadcrumb */


/***  DATESTAMP  ***/
#datestamp {
	border-top: 1px dotted #ccc; 
	margin: 20px 0 0; 
	padding: 0;
	clear: both;
}

#datestamp p, 
#datestamp-home p {
	color: #666;
	font-family: Sofia, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.65em;
	margin: 0;
	padding: 10px 20px 10px 0;
	text-align: left;
}

#datestamp-home {
	border-top: 1px dotted #ccc;
	clear: both;
	margin: 40px 0 0 0;
	padding: 0;
	width: 440px;
}
/* end datestamp */


/***  CHECKLISTS  ***/
.menu {
	clear: both;
	padding-top: 0;
	padding-bottom: 15px;
	margin-bottom: 0;
}

#content_internal .menu h4 {
	margin: 0 20px 0 0;
	padding-bottom: 0;
}

#content_internal .menu h4 a {
	margin-top: 0;
	padding-bottom: 0;
}

.menu p {
	margin-left: 35px;
	margin-right: 20px;
}

.menu ul {
	margin-left: 20px;
}

.menu ul li {
	list-style: disc; 
	margin-left: 0;
	padding-top: 0;
}

.menudegree {
	clear: left;
	padding-bottom: 10px;
	padding-top: 0;
	margin-bottom: 0;
}

/*#content_internal .menudegree h4 {
	margin-bottom: 0;
	margin-right: 20px;
	margin-top: 0;
	padding-bottom: 0;
}

#content_internal .menudegree h2 {
	font-size: 1.10rem;
	margin: 0 20px 0 0;
	padding-bottom: 0;
}

#content_internal .menudegree h4 a {
	border-bottom: none;
	margin-top: 0;
	padding-bottom: 0;
}

#content_internal .menudegree h5 {
	font-size: .80em;
	margin-left: 35px;
	text-transform: uppercase;
} */

.menudegree p {
	margin-left: 35px;
	margin-right: 20px;
}

.menudegree ul {
	margin-left: 20px;
}

.menudegree ul li {
	list-style: disc;
	margin-left: 0;
	padding-top: 0;
}

.menudegree .chart {
	margin-left: 35px;
	max-width: 600px;
}

/* .toggle {
	display: none;
	padding: 2px 0 0 0;
	vertical-align: top; 
}

.toggle a {
	border-bottom: none;
	display: block;
	float: left;
	height: 30px;
	margin: 0 10px 0 0;
	text-indent: -9999px;
	width: 16px; 
}

.toggle a.up {
	background: url(../images/expand.gif) 0 6px no-repeat;
	border-bottom: none;
	float: left;
	padding-right: 8px;
}
.toggle a.down {
	background: url(../images/collapse.gif) 0 6px no-repeat;
	float: left;
	padding-right: 8px;
}
*/

.checklist::before {
	border: 2px solid #005bbb;
	content: "";
	display: inline-block;
	height: 10px;
	left: 0;
	margin-right: 10px;
	position: relative;
	width: 10px;
}

/* end checklists */


/***  FOOTER  ***/
footer {
	background: #005bbb;
}

#footer-wrap {
	margin: 0 auto;
	padding: 20px 0;
	width: 1024px;
}

footer a {
	color: #fff;
}

footer ul.footer-links {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
	width: 260px;
}

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 {
	color: #fff;
	font-size: .85em;
	line-height: 1.4em;
	padding-top: 8px;
	text-align: left;
}
	
footer ul.footer-links li.header, 
footer ul.footer-links-last li.header {
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #ffebb3;
}

footer ul.footer-links li.header a, 
#footer ul.footer-links li.header a {
	color: #fff;
	font: bold 1.0em Georgia;
	line-height: 1.2em;
}

footer ul.footer-links li a, 
footer ul.footer-links-last li a {
	color: #ecf0f6;
	font-family: Sofia, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 0;
	text-decoration: underline;
}

footer ul.footer-links li a:hover, 
footer ul.footer-links-last li a:hover {
	text-decoration: none;
}

footer p.footer-web {
	color: #ccc;
	float: left;
	font-size: 0.70em;
	margin: 0;
	padding: 0;
}

footer p.footer-legal {
	color: #fff;
	float: right;
	font-size: 0.70em;
	margin-top: 20px; 
	padding-top: 10px; 
	text-align: right;
	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%;
}


footer p.footer-legal strong { 
	color: #fff;
}

footer p.footer-legal a,
footer p.footer-legal a:link {
	color: #fff;
	
}

.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;
	padding-top: 10px;
	width: 281px;
}

.ub-175 p {
	width: 400px;
	float: right;
	color: #fff;
	font-size: .80em;
	line-height: 1.5em;
	font-style: italic;
	/*padding-bottom: 20px;*/
	padding-top: 20px;
	text-align: left;
}
/* end footer */


/***  TABLES  ***/
.chart {
	width: 680px;
}
.chart.inAccordion {
	width: 600px; /* 2020-06-04 D.Kozar added per DTS-345 */
}

.narrow {
	float: left;
	width: 65%;
} /* This allows you to place a table next to a related links box. */

table {
	border: 1px solid #eee;
	border-collapse: collapse;
	margin: 0 0 20px 0;
	padding-bottom: 30px;
	width: 100%;
}

table.nopadding {
	margin-top: 0;
	margin-left: 40px;
	padding-top: 0;
}

td, th {
	border: 1px solid #eee;
	color: #666;
	font-size: 1.0em;
	line-height: 1.5em;
	padding: 6px;
}

table .dateBreak,
.dateBreak {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	line-height: 0.5em;
}

table .dateBreak1, 
.dateBreak1 {
	border-left: 1px solid #fff; 
	border-bottom: 1px solid #fff;
}
table .dateBreak2, 
.dateBreak2 {
	border-bottom: 1px solid #fff;
}

table .dateBreak3,
.dateBreak3 {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

table .breakTotal,
.breakTotal {
	color: #809dc4;
	font-weight: bold;
	text-align: center;
}

table td.firstWidth {
	width: 120px;
}

table span.daw {
	color: #809dc4;
	display: block!important;
	margin-top: 4px;
}

table span.dow {
	background-color: #809dc4;
	color: #fff;
	display: block!important;
	float: left;
	margin-right: 6px;
	padding: 4px 0; 
	text-align: center; 
	width: 36px;
}

table .indent {
	margin-left: 20px;
}

.narrow-dac {
	width: 70%;
	margin-left: 40px;
}

.narrow-50 {
	width: 48%;
	margin-left: 0;
	float: left;
}

.narrow-50-right {
	width: 48%;
	float: right;
}

div.narrow-50-right {
	border: 1px solid #666;
}

div.narrow-50-right h3 {
	padding: 20px 20px 0 20px;
}

th {
	background: #f8f8f8;
	border: 1px solid #eee;
	color:#666;
	font-family: Sofia, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	font-weight: normal;
}

th.semester {
	background: #666;
	color: #fff;
	text-transform: uppercase;
}

.equal-col {
	width: 14%;
}
.calendar {width: 50%;}

caption {
	background: #f8f8f8;
	border-bottom: 2px solid #005bbb;
	color: #005bbb;
	font-size: 1.2em;
	font-family: Sofia, Arial, sans-serif;
	font-weight: 500;
	margin-left: 0;
	padding: 5px 0;
	text-align: center;
}

tr:nth-child(even) {
	background: #f8f8f8;
}

th.calendar.heading { /* 2021-11-22 D.Kozar added */
  background: #005bbb;
	color: white;
}

#content_internal .chart ul {
	font-size: 1.0em;
	margin: 0;
	padding: 0 0 0 20px;
}

#content_internal .chart ul li {
	padding-bottom: 8px;
}

.chartindent {
	margin: 0 0 20px 40px;
}

.six-col-table {width: 130px;}


/*added CHD for copying calendar*/
/*.calendar {width: 680px; padding: 0px;}
.calendar .date {text-align: right; vertical-align:top;	font-style: italic;}*/
/* end charts and tables */


/*  F O R M S   */
#formcontainer {width: 638px; margin: 0 20px 40px 0; padding: 0 20px 20px 20px; font-family: Sofia, Arial, sans-serif; font-weight: normal;}
	#formcontainer a {font-family: Sofia, Arial, sans-serif; font-weight: normal;}
	#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 p.errormessage {color: #c00; font-weight: bold; padding-left: 15px}
	#formcontainer h4 {font-size:.90em; color: #809dc4;  font-weight: bold; padding: 10px 0 0 0; margin-left: 0;}
		#formcontainer h4.padded {font-size:.90em; color: #809dc4; font-weight: bold; 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;}
	#formcontainer label {font-weight: bold} /* 2012-10-01 added by D.Kozar*/

fieldset {border: solid 0 transparent;}

label {float: left;	text-align: right;	display: block; padding-top: 15px; margin-right: 15px; width: 140px; 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: #666; padding: 2px;}
	input.radio {/*float: left;*/ margin-right: 1em; width: 10px; width: 1.5em;}
		span.radio {font-size: .72em;}
		.radio-indent {margin-left: 165px;}
	input.checkbox {float: left; margin: 15px 10px 0 20px; width: 1.0em;}
	input.text {width: 210px;}
	input#submit {margin-left: 155px; padding: 3px;}

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



/** Formstack Forms **/

.fsBody {
	font-weight: normal!important;
	font-family: Sofia, Arial, sans-serif;
}

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

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

.fsBody .fsForm .fsSectionHeader h2.fsSectionHeading {
	border-bottom: 1px solid #005bbb; 
	font-size: 1.25em!important; 
	padding-top: 15px!important;
}

/*#content_internal .fsBody .fsForm h3 {margin-left: 0;}*/
.fsBody {padding: 0!important;}
.fsForm {}
.fsBody .fsForm {padding: 0 20px 20px 0!important; margin-top: 0!important;}
.fsBody .fsLabel, .fsBody label {font-family: Sofia, Arial, sans-serif; font-weight: 500; color: #666!important; font-size: 14px!important; width: auto; float: none; text-align: left;}
.fsVerticalLabel .fslabel {padding: 0!important;}
.fsBody .fsSupporting {font-size: 10px!important; margin-top: 0!important;}
input[type="text"] {margin-bottom: 0;}
label.fsOptionLabel {font-family: Sofia, Arial, sans-serif; font-weight: 500;}
.fsBody .fsForm input, .fsBody .fsForm select {margin-top: 0;}
.fsBody p {padding: 0 0 10px 0!important;}
.fsBody ol {padding-bottom: 0;}
.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 */


#printOnly {display: none !important;} /* 2012-10-05 D.Kozar added for Diploma Pickup Schedule System (tried doing it as a class but did not work) */


@media only screen and (max-width: 40em) {
    #skiplinks {top: 0; left: 0;}
    .top-banner div.row { min-width: 0; }
    .top-banner .long-term-alert-banner { min-width: 0; }
	.aud-nav-wrap {margin: 0 auto; width: 100%; height: 80px; padding: 0; min-width: 0;}
	.list {margin: 0 auto; width: 100%;}
	.info-for {margin: 0 auto;}
	.info-for p {float: none; text-align: center;}
	.info-for ul {float: none; text-align: center; padding-top: 0!important;}
	.info-for ul li {float: none; padding-left: 0; padding-right: 1.0em;}
	header {margin: 0 auto; width: 100%; padding: 0;}
	header .logo {margin: 0 auto; width: 100%; position: relative; padding: 0; left: 0;}
	#search {margin: 1.5em auto 0!important; width: 100%; height: 100px; clear: both; float: none;}
	#search form.left {padding-bottom: 0;}
	#search form.left, 
	#search form.right {/*width: 80%;*/ margin: 0 auto!important; position: relative; display: block; left: 0; clear: both; padding-right: 0!important;}
	form {padding-right: 0!important;}
	
	.contact {margin: 0 auto; width: 100%; float: none; clear: both;}
	
	#content {margin: 0 auto; width: 100%; padding: 0; clear: both;}
	.column-wide {margin: 0 auto; width: 90%; float: none; position: relative;}
	#breadcrumb {display: none;}
	#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;}
	.callout {max-width: 100%; margin: 0 auto;}
	nav {clear: both;}
	nav ul { margin: 0 auto; width: 100%;}
	.teaser {font-size: .75em; margin: 0 1.0em;}
	#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%;}
	.chart {width: 100%;}
	caption {display: none;}
	#footer-wrap {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;}
    
    ul.instructions {margin: 0 auto; padding: 0; max-width: 100%;}
    .instructions li {margin: 0 auto!important; padding: 0!important;}
    .instructions li img {max-width: 100%; margin: 0; padding: 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;}
}

/* 2016-06-11 M.Henesey's */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}