@charset "UTF-8";
/* SITE-WIDE Styles */

/******* Bootstrap Additions ***********/
.border-box {border:1px solid black}
.border-primary {border-color:#337ab7}
.border-success {border-color:#3c763d}
.border-info {border-color:#31708f}
.border-warning {border-color:#8a6d3b}
.border-danger {border-color:#a94442}
.bg-lightPrimary {background-color:#93aed6}
.bg-well-grey {background-color:#f5f5f5}
.bg-primary {background-color:#337ab7}

.font-primary {color:#337ab7}
.font-white {color:white}
.font-black {color:black}
.font-red {color:red}

.glyph-light-style {color:#bdbdbd;}
.glyph-light-style-AA {color:#666666;}
.glyph-verylight-style {color:#e1e1e1;}
.xglyph-superlight-style {color:#f3f3f3;}
.contentLine:hover .glyph-verylight-style {color:#bdbdbd}
.glyph-light-style:hover, .glyph-light-style-AA:hover, .glyph-verylight-style:hover {color:maroon !important}
.contentLine:hover .abstractIcon.glyph-verylight-style {color:grey}

/****** replacements for deprecated HTML tags **********/

.smallHTML {font-size:.7em} /* use with span */
.center-image {display:block;margin-left:auto;margin-right:auto;} /* use with img elt */
/* see also center-text */

/****** dedicated ARIA stylings ***********/

[aria-hidden="true"] {display:block} /** turn to none ONLY to TEST this use **/

/****** UF Fonts  **********/

@font-face {
	font-family: quadon-medium;
	src: url(font/rene_bieder_-_quadon_medium-webfont.woff)	
}

/****** UF Colors *********/

.bg-uf-blue-primary {background-color:rgba(0,33,165,1.00)}
.bg-uf-orange-primary {background-color:rgba(250,70,22,1.00)}

/*cf CLAS header uses these easings of the uf blue & orange*/
.bg-uf-blue-toned {background-color:rgba(0,64,131,1.00)}
.bg-uf-orange-toned {background-color:rgba(244,90,29,1.00)}
.uf-orange-toned {color:rgba(244,90,29,1.00)}

.bg-uf-blue-muted {background-color:rgba(108,154,195,1.00)}
.bg-uf-orange-muted {background-color:rgba(226,143,65,1.00)}

.bg-uf-green-bright {background-color:rgba(94,142,63,1.00)}
.bg-uf-purple-bright {background-color:rgba(89,54,116,1.00)}
.bg-uf-orange-bright {background-color:rgba(252,175,23,1.00)}
.bg-uf-red-bright {background-color:rgba(215,24,42,1.00)}

/****** UF Branding ********/

#ufclas-banner-area {margin-bottom:0;}
#uf-banner-area {float:left;text-align:center;width:104px;xheight:75px;margin:0;padding:0;}
#uf-banner-image {width:60px;margin:22px 0px 22px 0px;padding:0}
#clas-banner-area {height:85px;color:white}
.clas-banner {height:100%;text-align:left;font-size:3em;padding:37px;padding-left:124px;font-family:'Unna',serif;}
.clas-banner.mobile {font-size:2em}
/*.clas-banner-ampersand {font-style:italic}*/

#dept-banner-slim-area {height:40px;color:black;padding-left:0px;}
.dept-banner-text, .dept-banner-text-menuVariant {height:100%;text-align:left;font-size:3em;padding:30px;font-family:'Unna',serif;}
.dept-banner-text-menuVariant {padding-left:0px;margin-left:108px}
.dept-banner-text-menuVariant.hidden-sm {margin-left:120px}

/* -- background adjustments --- */

#top-strip {background-color:black;}
/*z-index:9;position:fixed;*/

#core-wrapper {background-color:white}
#core-row {background-color:white;
background: white url("../images/backgroundStripToWhite.jpg") repeat-x top;
/* This background image is a kludge to treat a small vertical anomaly on the right hand of the maincontainer. No margin and padding adjustments or width settings helped. */
}
#core-row.bg-high {
background: white url("../images/backgroundStripToWhite-high.jpg") repeat-x top;
/* see above for explanation of this */
}

#logo-link:visited, #logo-link:hover {color:white;text-decoration:none;}/*DEPRECATING*/
.logo-link:visited, .logo-link:hover {color:white;text-decoration:none;}
#logo-wrapper {display:none}/* This mutes the old branding */
.backgroundStrip-high {background-image:url("../images/backgroundStrip-high.jpg")}

	body.backgroundStrip {background-image:url("../images/backgroundStrip-adjustable.jpg")}
	/*  branded 85px, hosted 30px, banner 202px  */
	.backgroundStrip.branded {background-position:0px -232px}
	.backgroundStrip.bannered {background-position:0px -115px}
	.backgroundStrip.hosted {background-position:0px -287px}
	.backgroundStrip.branded.bannered {background-position:0px -30px}
	.backgroundStrip.branded.hosted {background-position:0px -202px}
	.backgroundStrip.bannered.hosted {background-position:0px -85px}
	.backgroundStrip.branded.bannered.hosted {}

.hosting-notice-area {text-align:right;padding-right:20px;padding-top:4px;color:white;height:30px;}
.hosting-notice-link, .hosting-notice-link:hover, .hosting-notice-link:visited {color:white}


/****** General styles ******/
.clickable, .clickablePointer {cursor:pointer;}
.thinspace {font-size:0.2em}/* use with span enclosing one space char */

* {border-radius: 0 !important;} /* squares all rounded corners */
img {border:0;}

/* SHAPING AREAS */
body {
	min-height: 100%;
	margin:0;
	padding:0;
	font-family: "Source Sans Pro", sans-serif;
	color:#1a1a1a;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4em;
	background: #f2ece8 url("../images/backgroundStrip.jpg") repeat-x top;
	background-attachment: fixed;
}
#mainContainer {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	padding:0;
}


/* STICKY NAVBAR (sizes must work for main size plus sm and xs breakpoints) */

.affix {top: 0;width: 960px;} /* for md and lg */
@media (max-width: 991px) {/* for sm */
.affix {top: 0; width: 750px;}}
@media (max-width: 766px) {/* for xs */
.affix {top: 0; width: 100%;}}

#content {background:white;
	width:100%;
	margin:0;
	padding:0;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:0;
}



#nav-column {background-color:white;margin-bottom:0;}
#main-column {background-color:white}

#footer {} /*background-color:black;color:white;*/

/* STYLING OBJECTS */
#logo {background-color:black;
}
#banner-image-frame {
	width:100%;overflow:hidden;
}
.banner-image-frame-layered {
	height:202px;
	background-image:url('../images/banner-image-only.jpg');
	background-size:700px 100%;
	padding-top:98px;padding-left:30px;
}
.banner-image-frame-layered.spring {
	background-image:url('../images/banner-spring-image-only.jpg');
	padding-top:100px;
}
.banner-image-frame-layered.hidden-md{background-size:100% 100%;}
.banner-image-frame-layered.xsmall{padding-top:108px}
@media (max-width: 600px) {
	.banner-image-frame-layered.hidden-sm.hidden-lg{background-size:600px 100%;}
	.banner-image-frame-layered.spring.hidden-sm.hidden-lg{font-size:60pt;}
}
.layered-dept-banner-svg {width:415px;text-shadow:4px 4px black}
.layered-dept-banner-svg.xsmall {width:355px;}
.layered-dept-banner-svg.spring {width:450px;}
.layered-dept-banner-svg.xsmall.spring {width:375px;}
.banner-image-frame-layered.spring.hidden-sm.hidden-lg{padding-top:112px;}


.content-banner {background-color:black;
	margin:0;border:0;width:100%;height:202px;
}
.content-banner.hidden-xs.hidden-sm {/*for large and medium widths*/
	width:700px;/*extends image beyond right of frame (invisibly)*/
}

#fbbug {
	position:absolute;z-index:2;
	margin-top:198px;/* Why is 202px not right anymore? */
	margin-left:960px;
}
#fbbug2, .fbbug2 {
	opacity:.5;
}
.UFbug {
	float:right;
}

/* MARGINS AND PADDING, GENERAL */
.row-nogutter{
	margin-left:0;margin-right:0;
}
.col-nogutter {
	padding-left:0;padding-right:0;
}

/* NAVIGATION STYLING */
.maroon {color:maroon;}
.nav-indent {margin-left:10px;}
.nav-unindent {margin-left:-10px;}

.panel-group, .list-group {
	margin-bottom:0;
}

.xfixed-left-nav {position:fixed;min-width:319px}

#nav-left {width:100%;padding-right:0;margin-right:0;margin-bottom:0;padding-bottom:0;}
#nav-left-title, a.list-group-item {cursor:pointer;}

.list-group-item.textItem {
	border:0px;
	line-height:10px;
	font-size:.9em;
}


#main-navbar {background:white;
	margin-bottom:0;
	border-bottom: 1px solid lightgrey;
}

.panel-heading.clickable {font-weight:bolder;color:black;cursor:pointer;padding:0;background-color:white;}
.panel-heading.clickable:hover {background-color:#f5f5f5;}

.clickable.disabled:hover {cursor:auto;background-color:white;}


.panel-title {/*background-color:orange;*/
	padding-left:15px;padding-right:15px;padding-top:12px;padding-bottom:13px;
}
.caret.caret-up, .icon-bar {border-top-width: 0;border-bottom: 4px solid black;} /*needed to make up-caret visible */
.icon-bar.larger {display:block;width:44px;height:8px;border-radius:1px}
.icon-bar.larger.hidden-sm {margin-left:12px}
.navbar-brand.generic {margin-left:-60px;margin-top:3px}

.navbar-container-fluid {margin-left:0px;padding-left:0px}

/* CHANGE BREAKPOINT FOR NAVBAR */
/* courtesy of ZimSystem @ http://stackoverflow.com/questions/19827605/change-bootstrap-navbar-collapse-breakpoint-without-using-less */
@media (max-width: 991px) {
  .navbar-header {float: none;padding-left:15px}
  .navbar-left,.navbar-right {float: none !important;}
  .navbar-toggle {display:block;width:89px}
  .navbar-collapse {border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
  .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
  .navbar-collapse.collapse {display: none!important;}
  .navbar-nav {float: none!important;margin-top: 7.5px;}
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
  .collapse.in{display:block !important;}
}
@media screen and (max-width: 991px) {/*styling that only happens when left navcol is gone*/
	.hidden-whenNoNavcol {display:none;}
}
@media screen and (min-width: 992px) {/*styling that only happens when left navcol is visible*/
	.hidden-whenNavcol {display:none;}
}
/* END CHANGE BREAKPOINT */

/* STYLE FOR CONTENT AREA */

.media-left {padding-top:1em;padding-right:1em;}
.media-right {padding-top:1em;padding-left:.5em;}
.media-object {max-width:100%;padding-bottom:.5em}
.xmedia-object-wider {width:175px;}
.event-heading-date {font-weight:bold;}
#pnews-well, .center-text {text-align:center;}
.eventItem {padding-top:0;}
.pnewsItem {padding-top:0;border-left:none;}
#pnews-content-wrapper {border:1px solid #e3e3e3;border-top:none;margin-bottom:2em}
#pnews-content {margin-bottom:1em}
.pnewsTitle, .eventTitle, .boldText {font-weight:bold}
.pnewsImage-full {width:100%;}
.pnewsImage-full-frame {width:100%;background-color:lightgrey;}
.bg-bars {background-repeat:repeat;background-image: url(../images/banded-6x6.jpg);}
.bg-bars-light {background-repeat:repeat;background-image: url(../images/banded-6x6-light25.jpg);}
.bg-bars-lighter {background-repeat:repeat;background-image: url(../images/banded-6x6-light50.jpg);}
.bg-bars-blue {background-repeat:repeat;background-image: url(../images/banded-6x6-blue.jpg);}
.bg-lightlight {background-color:#f5f5f5;}
/*
.pnewsImage-full-frame {width:100%;background-repeat:repeat;background-image: url(../images/banded-6x6.jpg);}
.pnewsImage-full-frame {width:100%;background-color:#f5f5f5;}
*/
.pnewsBlurb {font-family: serif;font-size:1.1em}
.pnewsAbstract {margin-bottom:0;padding-bottom:0;}
.pnewsSource {color:#666666} /*font-grey-AA*/

.DEPRECATElongtext p, .DEPRECATElongtext blockquote, .DEPRECATElongtext.panel-body {font-family: serif;font-size:1.3em;line-height:1.3em;margin-left:1em;margin-right:1em;}

.longtext p, .longtext blockquote, .longtext.panel-body {font-family: "Source Sans Pro", sans-serif;font-size:1.2em;line-height:1.3em;margin-left:1em;margin-right:1em;}
.longtext.justify {text-align:justify}


.xeventPerson {font-size:1.3em}
.eventAffil {display:inline; color:#666666}
.jumbotron {background-color:#dfedfa;margin-left:1.2em;margin-right:1.2em;}
.panel-body.jumbotron {background-color:white;margin-bottom:0;}
.news-media-object {max-width:125px}
.news-media-object-landscape {max-width:200px}
.event-media-object {max-width:100px;}
.font-size-75em {font-size:.75em}
.font-size-125em {font-size:1.25em}
.font-dim {color:grey}
.font-faint {color:lightgrey}
.font-maroon {color:maroon}
.font-red {color:red}
.font-grey-AA {color:#666666 !important}
.ul-plain {list-style:none}

.font-default {font-family: "Source Sans Pro", sans-serif; color:#1a1a1a;font-weight: 400; font-size: 1em; line-height: 1.4em;}
.font-default.defaultSize, .font-175 {font-size:17.5px}
.font-default.boldFace {font-weight:800;}

.dated {background-color:lightyellow;}


/* STYLING FOR STANDARD FOOTER */

#lastModifiedStamp {color:grey}


/* DEBUG STYLES */

.flag-red {background-color:red}
.flag-maroon {background-color:maroon;}


/* PRINTING-SPECIFIC STYLES */

@media print {
	
	.nonprinting {display:none !important}
	
	#main-navbar, #nav-column {display:none !important}
	
}
@media screen {
	
	.printonly {display:none !important}
	
}


/****** General Final Assertion styles ******/
.shy {display:none;visibility:hidden;}