* {
	box-sizing: border-box;
}

body {
	margin: auto;
	font-family: 'Josefin Slab', serif;
	background-image: url('img/background.png');
}

p {
	font-size: 1.1em;
}

span {
	font-weight: bold;
}

.header {
	width: 100%;
	box-shadow: 0px 1px 0px #000;
}

.header-bottom {
	width: 100%;
	height: 7em;
	background-color: rgb(12, 12, 12);
}

.header-nav {
	width: 100%;
	height: 3em;
	background-color: rgb(17, 15, 15);
}

.header-nav-content {
	width: 62.5em;
	height: 3em;
	margin: auto;
}

.header-content {
	width: 62.5em;
	height: 6em;
	margin: auto;
	padding: .7em auto;
}

.header-top {
	width: 100%;
	height: 1em;
	background-color: #000;
}

.school-name {
	padding: 1em;
	margin: auto;
	color: #fff;
	letter-spacing: 1px;
}

.logo {
	margin-top: -.5em;
	margin-left: .2em;
	width: 7em;
	height: 7em;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 0px 1px 20px #0e0e0e;
	transition: background-color .5s ease-in;
}

.logo-bottom {
	margin: .5em auto 0 9em;
	width: 7em;
	height: 7em;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 0px 1px 20px #0e0e0e;
	transition: background-color .5s ease-in;
}

.logo-bottom:hover {
	background-color: #B266FF;
}

.logo:hover {
	background-color: #B266FF;
}

.footer {
	width: 100%;
	margin: 2em auto 0 auto;
}

.footer-nav {
	list-style: none;
}

.footer-nav li a {
	text-decoration: none;
	color: #fff;
}

.left {
	float: left;
	display: block;
}

.standard-left {
	float: left;
	display: block;
	padding: 0 0 0 3em;
}

.standard-right {
	float: right;
	display: block;
	padding: 0 3em 0 0;
}

.nav {
	list-style: none;
	padding: .5em;
	margin: auto;
	width: 56.3em;
}

.nav li {
	height: 2em;
	display: inline-block;
	padding: .25em;
	border-right: 1px solid #9B9B9B;
}

.nav li:last-child {
	border-right: none;
}

.nav a {
	padding: .2em 1em .2em 1em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 1em;
	transition: border-bottom .3s ease-in, border-top .3s ease-in;
	letter-spacing: 1px;
}

.nav a:hover {
	border-bottom: 2px solid #6e1f93;
	border-top: 2px solid #6e1f93;
}

.current-page a {
	border-bottom: 2px solid #6e1f93;
}

.main {
	width: 62.5em;
	margin: 3em auto;
}

.main-img {
	width: 62.5em;
	height: 31.25em;
	margin: .5em 0 1em 0;
	box-shadow: 5px 5px 15px #0e0e0e;
}

.box {
	width: 25em;
	padding: .1em;
	margin: 2em 0 2em 4em;
}

.box-koho h3{
	width: 41.8em;
	padding: 0;
	margin: 2em 0 2em 4em;
	border-bottom: 1px solid #B266FF;
}

.box a {
	text-align: center;
	text-decoration: none;
	color: #6e1f93;
}

.box h2 {
	margin-bottom: 0;
	border-bottom: 1px solid #B266FF;
}

.box h3 {
	margin-bottom: 0;
	border-bottom: 1px solid #B266FF;
}

.box-no-line h2 {
	width: 100%;
	border-bottom: 1px solid #B266FF;
	margin: 6em 0 2em 0;
}

.standard-box {
	width: 33em;
	padding: 0 0 0 3em;
}

.standard-box h1 {
	border-bottom: 1px solid #B266FF;
	padding: 0 0 0 0;
}

.standard-box h2 {
	border-bottom: 1px solid #B266FF;
	padding: 0 0 0 0;
}

.profile-img {
	width: 8.1875em;
	height: 12.5em;
	margin-left: 1em;
}

.profile-img img {
	border: 3px solid #6e1f93;
}

.profile-img p {
	font-size: 1em;
	text-align: center;
	margin-top: -0.05em;
}

#profile-margin-clear {
	margin-left: 1.5em;
	width: 32em;
}

.dev-media {
	width: 15em;
	margin-top: 5em;
	float: right;
	color: #8b8b8b;
}

.dev-media a {
	color: #8b8b8b;
}

.cite, .cite-small {
	font-size: 1em;
	text-align: center;
	font-family: 'Josefin Slab', serif;
	font-style: italic;
}

.cite-small {
	width: 15em;
	height: 4em;
}

.cite-par {
	font-size: 1em;
	font-family: 'Josefin Slab', serif;
	font-style: italic;
	width: 45em;
	margin: auto;
}

.img-flow-text {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	border: 3px solid #6e1f93;
}

.img-flow-text-right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	border: 3px solid #6e1f93;
}

.header-breath {
	margin-top: 3em;
}

.tempKoho {
	width: auto;
	height: 35em;
}

.koho-temp-text {
	margin: 4em auto;
}

.koho-temp-text p {
	text-align: center;
	font-size: 2em;
}

.standard-paragraph p{
	padding: 0 3em 0 3em;
	line-height: 1.4em;
}

.standard-paragraph ul{
	padding: 0 0 0 9.9em;
}

.event-list {
	margin: 0 0 0 15em;
}

.contact-list {
	margin: 0 0 0 15em;
}

.filler-one {
	height: 20em;
}

.filler-two {
	height: 5em;
}

.event {
	margin-bottom: 6em;
}

.glossary {
	margin: auto;
	width: 40em;
	text-align: center;

}

.left-glossary {
	width: 15em;
	float: left;
}

.right-glossary {
	width: 15em;
	float: right;
}

.middle-glossary {
	width: 10em;
	float: left;
}

.glossary h3 {
	text-align: center;
	border-bottom: 1px solid #B266FF;
}

.middle-glossary h3 {
	border-bottom: none;
}

.gallery-pic-l {
	/* width: 30em; */
	/* height: 30em; */
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	/* border: 1px solid #6e1f93; */
}

.gallery-pic-r {
	/* width: 30em; */
	/* height: 30em; */
	float: right;
	margin-right: 1em;
	margin-bottom: 1em;
	/* border: 1px solid #6e1f93; */
}

/**********************
	  Clear Fix
**********************/

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}