ul.nav > li > a:hover, .btn:hover { 
	color: white !important;
	background: red !important;
}

ul.nav > li > a, .btn {
    font-size: 1.0em !important;
    font-weight: 300 !important;
	font-weight: 500;
	border-radius: 0;
	height: 50px;
}

body {
	height: 100%;
	font-size: 16px;
    min-height: 100%;
}

nav.navbar {
	border-color: #424242;
	margin-bottom: 0;
}

#selected-nav {
	background: #efefef !important;
	padding-bottom: 14px;
}

#selected-nav:hover {
	background: #efefef !important;
	padding-bottom: 14px;
}

#top-container {
	height: 230px;
	/*border-top: 7px solid #efefef;*/
	border-bottom: 7px solid #efefef;
	width: 100%;

	background-color: #2b2b2b;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%232b2b2b'/%3E%3Cstop offset='1' stop-color='%23ff0f0f'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;

	padding: 1vh 0 1vh 2vw;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

#top-container > a > img {
	float: left;
	bottom: 16%;
}

#cipce-logo {
	margin-left: -130px;
	/*for white logo:*/
	/*box-shadow: -2px 2px  rgba(0,0,0,0.6);*/;
	border-radius: 50px;
}
#logo-link {
	width: 100%;
	height: 100%;
}
#logo-link > a {
	width: 100%;
	height: 100%;
}
#logo-link a:hover, #logo-link a:active, #logo-link a:focus, #logo-link a:visited {
	text-decoration: none !important;
}

#motto-text, #motto-text:hover, #motto-text:link, a #motto-text, #motto-text:focus, #motto-text:active, #motto-text:visited {
	font-family: 'Source Sans Pro', Arial, Helvetica Neue, Helvetica, sans-serif;
	color: white;
	text-decoration: none !important;
	text-shadow: -2px 1px #4c4c4c;
	font-size: 0.9em;
	font-weight: 700;
	letter-spacing: 1.8px;

	margin: auto;
	width: 810px;
	height: 40px;
	text-align: right;

    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
	text-decoration: none !important;
}

#logo-text, #logo-text:hover, #logo-text:link, a #logo-text, #logo-text:focus, #logo-text:active, #logo-text:visited {
	font-family: 'Source Sans Pro', Arial, Helvetica Neue, Helvetica, sans-serif;
	text-shadow: -2px 1px #4c4c4c;
	font-size: 9.20em;
	letter-spacing: 30px;
	color: white;
	font-weight: 200;

	line-height: 200px !important;
	margin: auto;
	width: 100%;
	height: 150px;
	margin-bottom: 30px;
	text-align: center;
	text-decoration: none;

    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
	text-decoration: none !important; 	
}

#navbar-outer {
	font-family: 'Source Sans Pro',Arial,Helvetica Neue,Helvetica,sans-serif;
    border-top: 1px solid #d6001c;
    border-bottom: 1px solid #ddd; font-size: 16px;
    box-sizing: border-box;
    line-height: 1.5em;
}

#borderless-nav {
	border-top: 0px;
	border-radius: 0px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
    border-right: 0px;
}

#page-nav {
	font-family: 'Source Sans Pro',Arial,Helvetica Neue,Helvetica,sans-serif !important;
	font-size: 1.0em !important;
	font-weight: 300 !important;
}

#home-logo {
	margin-top: -15%;
	height: 30px;
}

.unclicknav:hover {
	background-color: white !important;
}

.main-container {
	height: auto;
    min-height: 62vh;
}

.centered-text {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 6vh;
    display: table;

	font-family: 'Source Sans Pro', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.6em;
}

.centered-text > h3, .centered-text > h4, .about-education > h4 {
	margin-top: 0;
	margin-bottom: 10;
	font-weight: 700;
}

.about-education {
	margin-top: 30px;
}

.about-education > ul {
	font-size: 0.95em;
	overflow: auto;
	padding-left: 30px;
}

.centered-text > h4 {
	font-size: 1.2em;
}

.redlink {
	font-family: 'Source Sans Pro', Arial, Helvetica Neue, Helvetica, sans-serif;
	line-height: 1.6em;
	font-weight: 400;
	color: red !important;
}

.about-img {
	padding: 18px;
	margin-right: 20px;
	float: left;
	max-height: 320px;
}

.page-header {
    font-size: 2.5em;
    border-bottom: none;
    line-height: 1.3em;
    margin-top: 6%;
    margin-bottom: 0%;
    display: block;
}

.quicklink {
	display: block;
    clear: both;
    color: #666;
    background-color: transparent;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 25px;
	margin-top: 50px;
}

.quicklink > img {
	max-width: 100%;
	max-height: 100%;
}

.footer {
	font-family: 'Source Sans Pro', Arial, Helvetica Neue, Helvetica, sans-serif;
	width: 100% !important;
	color: #2f4f4f;
    position: static;
    display: flex;
  	z-index: 120;
	height: 20px;
	flex: bottom;

	justify-content: space-around;
	font-size: .8em;
	padding-top: 3vh;
	padding-bottom: 3vh;
	margin-bottom: 0;
    background-color: #eaebec;
}

button {
	background-color: #ffaae0;
}

button:hover {	
    background-color: #ffc9ed;
	cursor: pointer;
}

#left-footer {
	text-align: left;
	margin-right: 4vw;
	height: auto;
}

#right-footer {
	text-align: right;
	height: auto;
}

#copyright {
	font-size: .9em;
	bottom: 0;
	width: 25vw;
	text-align: center;
	margin-left: -5vw;
}

.page-title {	
	font-family: 'Source Sans Pro', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 2.8em;
	color: black;
	text-decoration: none !important; 	
	font-weight: 300;
	line-height: 0 !important;
	text-align: center;
	background-color: #efefef;
	padding: 5%;
}