body {text-size: 16px;}

.page-flex-container {flex-direction: column;}

#side-menu {
	display: none;
	background: transparent;
	font-size: .95rem;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;}

#side-menu li a:link {
	display: block;
	font-weight: bold;
	font-size: .95rem;
	text-decoration: none;
	color: #1F1C52;
	padding: .8em 0 .8em .8em;
	margin: 0;}

#content {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0.75em;}

#header-left {
	overflow: hidden;
	margin: 0;
	padding: 0 1em 0 0;
	width: 100%;}

#header-right {display: none;}
#pagefooter {display: none;}
#breadcrumb {display: none;}
aside {display: none;}
#fineprint li {display: block;}
#menu-open {display: block;}
#totop {display: block;}

#fineprint p {
	line-height: 1.1em;
	text-align: center;
	margin: 0.5em 1em 0.5em 1em;
	color: #fcf1cc;
	font-size: .75rem;}

h1 {
	text-shadow: none;
	margin: 1em 0 1em 0;}

#menuname {
	margin: 1.35em 0.2em 1em 0.5em;
	font-size: 1.6rem;
	text-shadow: none;}

#submenuname {
	font-size: 1.5rem;
	text-shadow: none;}

#fineprint p {
	color: #fcf1cc;
	font-size: .8rem;
	line-height: 1.12rem;
	margin: 0;
	padding: 0;}

.m-full {
	display: block;
	float: none;
	width: 98.85%;
	margin: 0em 0 1.5em .12em;}

.full {
	width: 98.85%;
	margin: 1.5em 0 1.5em .12em;}

.m20 {width: 20%;}
.m25 {width: 25%;}
.m30 {width: 30%;}
.m35 {width: 35%;}
.m40 {width: 40%;}
.m45 {width: 45%;}
.m50 {width: 50%;}
.m55 {width: 55%;}
.m60 {width: 60%;}
.m65 {width: 65%;}
.m70 {width: 70%;}
.m75 {width: 75%;}
.m80 {width: 80%;}
.m85 {width: 85%;}
.m90 {width: 90%;}
.m95 {width: 95%;}

.adj {margin-bottom: 2.4em;}
.adj-top {margin-top: 1.8em;}
.adj-bot {margin-bottom: 2.4em;}
.m-adj-top {margin-top: 1.8em;}
.m-adj-bot {margin-bottom: 2.4em;}

.mcntr {
	display: block;
	float: none;
	margin: 1.7em auto 1.5em auto;}

p.draft {font-size: 2.2rem;
	font-weight: bold;
	color: gray;
	margin: 0;
	padding: 0;
	text-align: center;}

#h-menu ul li {float: none;}

/*--- Main landing page ---*/

.welcome-flex-container {
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: center;
	background: #dddddd;
	border-top: 3px solid gray;
	border-bottom: 3px solid gray;}

.welcome-left {
	padding: 0 1em 1em 0.75em;
	width: 100%;}

.welcome-right {
	width: 100%;
	padding: 1em;}

.welcome-right p {
	font-size: 1rem;
	line-height: 1.2rem;}

.welcome-right h1 {
	margin: 1em 0 1em 0;
	padding: 0;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;}

#menu-flex-container {
	padding: 3em 1em 0em 1em;
	background: #f5f4ed;
	display: flex;
	width: 100%;
	flex-direction: column;}

#menu1, #menu2, #menu3 {
	width: 100%;
	padding: 0em 0.75em;
	background: transparent;}

.shadow {
	float: none;
	-webkit-box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);}

#menu-flex-container h2 {
	font-size: 1.15rem;
	font-variant: small-caps;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: .4em 0;
	margin: 0 0 1em 0;
	text-shadow: none;
	border: none;}

.green {background: #8ca62c;}
.brown {background: #ce782c;}
.ltblue {background: #3668B2;}
.dkblue {background: #1F1C52;}
.gold {background: #c3922e;}
.purple {background: #412B49;}
.teal {background: #00a88d;}
.ltgold {background: #FFCC39;}
.red {background: #990000;}

#menu-flex-container ul {
	margin: 0 0 2em 1.5em;
	list-style: square;}
#menu-flex-container li {
	margin: 0;
	color: #c3922e;
	padding: 0;}

#menu-flex-container a:link {
	display: block;
	text-decoration: none;
	padding: .3em .1em;
	color: #1F1C52;
	background: #inherited;}
#menu-flex-container a:visited {
	color: #1F1C52;
	background: #inherited;}
#menu-flex-container a:hover {
	color: #ffffff;
	background: #1F1C52;}
#menu-flex-container a:active {
	color: #ffffff;
	background: #990000;}

/* ----- Accordian ----- */
.accordion-panel {
	margin: 0.25em 0 0.5em 0;
	padding: 0;
	border: 1px solid #f5f4ed;}

/* ----- Job Postings ----- */
#content.jobs h2 {
	border-bottom: 3px solid #c3922e;}
#content.jobs h3 {
	margin: 1em 0 .5em 0em;}
#content.jobs p {
	margin: 1em 0 1em 2em;}

/* ----- Info Center ----- */
#infomenu a:link, #infomenu a:visited {
	font-weight: bold;}

/* ----- Blog ----- */
.collageframe {
	float: left;
	width: 97%;
	max-width: 97%;
	margin: 1em .9em 1em 0;
	-webkit-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	padding: 2px;
	border: 2px solid #000000;}

/* ----- Events ----- */
.collageframe2 {
	float: left;
	width: 97%;
	max-width: 97%;
	margin: 1em .9em 1em 0;
	-webkit-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	padding: 2px;
	border: 2px solid #000000;}

/* ----- Library History Page ----- */

#library-history figure {
	display: block;
	float: none;
	padding: 0;
	width: 100%;
	margin: 1em .5em;}

/* ----- Senior Management Page ----- */

#senior-management figure,
#senior-management figure.doyle,
#senior-management figure.travis {
	width: 80%;
	display: block;
	margin: 1em auto;}