* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body,
div,
span,
h1,
h2,
p,
a,
img,
ul,
li,
header,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline
}



ol {
    list-style: none
}


img {
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

img.scale-with-grid {
    width: 100%;
    height: auto;
    image-rendering: auto
}

img.no-scale {
    width: auto !important
}

html {
    font: 100%/150% "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: 1rem
}



p,li {
    word-spacing: .125em
}

p {
    margin: 1.5em 0;
    position: relative
}

p,
li {
    -webkit-font-feature-settings: "liga" 1, "onum" 1, "pnum" 1;
    -moz-font-feature-settings: "liga" 1, "onum" 1, "pnum" 1;
    -ms-font-feature-settings: "liga" 1, "onum" 1, "pnum" 1;
    font-feature-settings: "liga" 1, "onum" 1, "pnum" 1
}



h1,
h2{
    font-weight: 400
}

h1 {
    font-size: 2.25rem;
    margin: 0 0 .5rem;
    line-height: 1.25em
}

h2{
    font-size: 1.75rem;
    margin: .75em 0;
    line-height: 1.25em
}
.tiny-top{margin:0.25rem;}

.center {
    text-align: center
}

a:focus{
    outline: .125rem solid #d98411;
    outline-offset: .125rem
}

a:hover,
a:active {
    outline: 0
}

a {
    color: #016cbf;
    text-decoration: none;
    transition: all .5s ease
}


.content a {
    border-bottom: 1px solid #016cbf;
    padding-bottom: 1px;
    text-decoration: none;
    transition: all .5s ease
}

.content a:hover,
.content a:focus,
.content a:visited {
    color: #004262;
    border-bottom: 1px solid #004262;
    transition: all .5s ease
}

.content a:visited {
    color: #480387;
    border-bottom: 1px solid #480387
}


ul {
    padding: 0;
    margin: 0 0 .75em 1em
}

ul ul {
    margin-bottom: 0
}

#page_content ul {
    margin-top: 1em
}

#page_content ul li ul {
    margin-top: 0
}

.content ul li {
    margin: .5rem 0
}


.content ul {
    list-style-type: disc
}

ul.row,
ul.remove-sides {
    list-style-type: none
}

ul.row ul:not(.remove-sides) {
    list-style-type: disc
}

#page {
    padding-top: 1em
}

.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 1em
}

.row {
    margin: 0 0 1rem 0;
    padding: 0;
    width: 100%
}

.columns,
.column {
    padding: 0 .25rem;
    width: 100%;
    position: relative;
    float: left;
    display: inline
}

.three.columns,
.nine.columns {
    margin: 0 0 .5em 0
}

.tile.columns{
width:50%;	
}

.one-quarter.column {
    width: 25%
}

.three-quarters.column {
    width: 75%
}

.one-quarter.column.alpha,
.three-quarters.column.alpha {
    padding-left: 0
}

.one-quarter.column.omega
.three-quarters.column.omega {
    padding-right: 0
}

.remove-bottom {
    margin-bottom: 0 !important
}

.remove-sides {
    margin-left: 0 !important;
    margin-right: 0 !important;
    list-style: none
}

.pad-bottom {
    padding-bottom: 1rem
}

.container:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.row:before,
.row:after {
    content: '\20';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.row:after {
    clear: both
}

.row {
    zoom: 1
}

@media only screen and (min-width:37em) {
   .container {
        position: relative;
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
        padding: 0 1em
    }
   
    .column,
    .columns {
        padding: 0 .5em
    }
    .alpha {
        padding-left: 0
    }
    .omega {
        padding-right: 0
    }
    .three.columns,
    .nine.columns {
        margin-bottom: 0
    }
	.tile.columns{
	width:9em;	
	}
    .three.columns {
        width: 25%
    }
    .nine.columns {
        width: 75%
    }
   
}

@media only screen and (min-width:60em) {
 .container {
        max-width: 90%;
    }
}

@media only screen and (min-width:80em) {
 .container {
        max-width: 80%;
    }
}
@media only screen and (min-width:90em) {
 .container {
        max-width: 75%;
    }
}
@media only screen and (min-width:100em) {
 .container {
        max-width: 60%;
    }
}
#global-nav-wrapper {
    background: #222;
    padding-top: .3em
}

.thumbnail-block {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap
}

.thumbnail-block>.columns {
    display: -webkit-flex;
    display: flex
}

.thumbnail,
a.thumbnail,
.thumbnail-block a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 1em;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
    box-shadow: inset 0 .125rem 0 .125rem transparent, 0 .5rem 0 -.25rem rgba(0, 0, 0, .1);
    text-decoration: none;
    transition: all .5s ease
}

a.thumbnail:hover,
a.thumbnail:focus,
.thumbnail-block a:hover,
.thumbnail-block a:focus {
    border: 1px solid #bebec5;
    box-shadow: inset 0 .125rem 0 .125rem rgba(0, 0, 0, .1), 0 .5rem 0 -.25rem transparent
}

.thumbnail *:last-child {
    margin-bottom: 0
}

.thumbnail>img,
.thumbnail-block a>img {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#global-nav-wrapper h1{
	color:#fff;
	font-size:1.75rem;
	padding:0.5rem 0;
}

#page {
	background-color:#fff;
}

#page .row .tile.columns{
margin-bottom:1em !important;	
}

.tile.columns a.thumbnail{
	padding:0 !important;
	position: relative;
	font-size:0.75em;
}
.tile.columns a.thumbnail p{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0.25rem;
	color:#000;
	padding: 0 0.2em;
}
.tile.columns a.thumbnail p.invert{
	color:#fff;	
}

.function-group {
	display:block;
	position:relative;
}
.function-group:after {
	position: absolute;
	content: "";
	display: block;
	left: -2em;
	bottom: 0.25em;
	width: 18em;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 0 rgba(255, 255, 255, 1);
}

.function-group.help:after {

	bottom: -1.5em;
	
}

.function-group.help .thumbnail{background-color:#BDCA77;}



.function-group.help a.thumbnail p{
width: auto; 
text-align: left;
font-size:1em;
}
.function-group h2{
        text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: -6em;
    width: 10em;
    text-align: right;
}

.function-group h2 span{
	display: block;
    position: relative;
    transform: rotate(-90deg);
	
}

.thumbnail-block a {
	color:auto !important;
}

.help ul li a img {
    padding-top: 1.2em;
}

.alert{
	padding:1em;
	margin-bottom:1em;
	background-color:rgba(245, 194, 112, 0.6);
	text-shadow:0px 1px rgba(255,255,255,0.5);
	border-width:0 0 0 5px;
	border-style:none none none solid;
	border-color:#d98411;
	position:relative;
	z-index:10;
} 
.alert.alert-info{
	background-color:rgba(152, 206, 237, 0.6);
	border-color:#2f96b4;
}