* {  
    margin: 0;  
    padding: 0 auto;  
}

 
body{
	background-color: #ffffff;
	padding: 0px;
	margin:0px;
	font-family: "Helvetica", arial;
	color:#636463;
	height: 100%;
	width: 100%; 
	font-weight:normal;
	font-style:normal; 
}


h1{
	font-weight: 700;
	margin: 10px 0 20px 0;
	font-size: 45px;
}

h2{
	font-weight: bold;
	margin: 20px 0 20px 0;
	font-size: 30px;
}

h3{
	color:#333333;
	font-weight: bold;
	font-size: 26px;
	margin: 20px 0 10px 0;
}

a{
	color:#0f57c2;
	transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}


p{
	margin:20px 0;
}


.main{
	width:100%;
	max-width:1200px;  
	margin: 0 auto;
	position: relative;
}

.float_right{
	float: right;
}

.float_left{
	float: left;
}

input[type=text]{
	font-size: 14px;
	line-height: 18px;
	padding: 0 6px;
	border: none;
	color: #8a8b8a;
	font-weight: lighter;
	border: 1px solid #777776;
	height: 29px;
}
input[type=submit]{
	padding: 6px 9px 6px 9px;
	background-color: #8a8b8a;
	color: #ffffff;
	font-size: 14px;
	font-weight: lighter;
	border:none;
	margin: 0 0 6px 0;
	transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    border: 1px solid #777776;
}
input[type=submit]:hover{
	background-color: #333333;
	cursor: pointer;
}

input[type=image]{
	height: 20px;
	padding: 5px 5px 4px 5px;
	background-color: #8a8b8a;
	border: 1px solid #777776;
}
input[type=image]:hover{
	background-color: #333333;
	cursor: pointer;
		transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}

button{
	padding: 7px 12px 6px 12px;
	background-color: #8a8b8a;
	color: #ffffff;
	font-size: 14px;
	font-weight: lighter;
	border:none;
	margin: 0;
	transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    min-width: 92px;
    border-radius: 0px;
}
button:hover{
	background-color: #333333;
	cursor: pointer;
}

button.login_total_rewards{
	width: 174px;
}

button img{
	height: 20px;
	float: right;
    margin: -2px 12px 0 0px;
}

header{
	background-color: #E8E8E9;
	width:100%;
	max-width:1200px; 
	min-width: 290px !important;
	border-top:20px solid #ffffff;
	padding: 20px 0 14px 0;
	margin-bottom: 20px;
	position: fixed;
	z-index: 5;
	margin-top:-150px;
	height: 76px;
}

header h1{
	margin: 0px;
	color: #000000;
}

    header .logo {
        /*max-height: 40px;*/
        max-height: 70px;
        float: left;
        font-size: 30px;
        margin-left: 10px;
        cursor: pointer;
        /*margin-top: 15px;*/
        margin-top: 0px;
    }
header .login_logo{
	margin-left: 30px;
	margin-bottom: 10px;
}
header .utility{
	float: right;
	margin: 0 15px 0 0;
	font-size: 12px; 
}

header .utility button{
	margin: 0 0 0 5px;
	min-width: 0px;
	padding: 7px 0; 
}
header .utility .notifications{
	width: 106px;
}
header .utility .logout{
	width: 84px; 
}
header .utility .glance{
	width: 130px;
}
header .utility .statement{
	width: 150px;
}
header .utility .resources{
	width: 84px;
}

header .utility input[type=text]{
    width: 122px;
    left: 0;
    float: left;
	position: absolute;
}

header .utility input[type=image]{
	height: 21px;
    padding-top: 4px;
    padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #8a8b8a;
    border: 1px solid #777776;
    float: right;
    right: 0;
    z-index: 900;
    width: 20px;
}

/*
header .utility input[type=image]{
	height: 21px;
    padding: 4px;
    background-color: #8a8b8a;
    border: 1px solid #777776;
    float: right;
    right: 0;
    z-index: 900;
    width: 20px;
}*/

header .utility form{
    margin: 0 0 5px 5px;
    overflow: auto;
    position: relative;
    height: 31px;
    width: 174px;
}

header .utility .resources_menu{
	float: right;
	position: absolute;
	border: 2px solid #8a8b8a;
	background-color:#ffffff;
	right: 15px;
	top: 86px;
	padding: 10px 10px;
	font-size: 14px;
	display: none;
}
header .utility .resources_menu > a,
header .utility .resources_menu > span{
	color: #636463;
	text-decoration: none;
	line-height: 28px;
}
header .utility .resources_menu > a:hover,
header .utility .resources_menu > span:hover {
	text-decoration: underline
}
.global_popup {
	cursor: pointer;
}



.grey {
	background-color: #636463;
	color: #636463;
	border: 4px solid #636463;
}


.blue{
	background-color: #007bad;
	color: #007bad;
	border: 4px solid #007bad;
}
a.blue:hover{
	background-color: #007bad;
	color:#ffffff;
}

.orange{
	background-color: #ec9e3c;
	color: #ec9e3c;
	border: 4px solid #ec9e3c;
}
a.orange:hover{
	background-color: #ec9e3c;
	color:#ffffff;
}

.lime_green{
	background-color: #bed145;
	color: #bed145;
	border: 4px solid #bed145;
}
a.lime_green:hover{
	background-color: #bed145;
	color:#ffffff;
}

.red{
	background-color: #ad2a32;
	color: #ad2a32;
	border: 4px solid #ad2a32;
}
a.red:hover{
	background-color: #ad2a32;
	color:#ffffff;
}

.green{
	background-color: #71b64b;
	color: #71b64b;
	border: 4px solid #71b64b;
}
a.green:hover{
	background-color: #71b64b;
	color: #ffffff;
}

.turquoise{
	background-color: #36abb1;
	color: #36abb1;
	border: 4px solid #36abb1;
}
a.turquoise:hover{
	background-color: #36abb1;
	color:#ffffff;
}


.blue_1{
	background-color: rgba(0, 123, 173, 1);
}
.blue_2{
	background-color: rgba(0, 123, 173, 0.9);
}
.blue_3{
	background-color: rgba(0, 123, 173, 0.8);
}
.blue_4{
	background-color: rgba(0, 123, 173, 0.7);
}
.blue_5{
	background-color: rgba(0, 123, 173, 0.6);
}
.blue_6{
	background-color: rgba(0, 123, 173, 0.5);
}

.orange_1{
	background-color: rgba(236, 158, 60, 1);
}
.orange_2{
	background-color: rgba(236, 158, 60, 0.9);
}
.orange_3{
	background-color: rgba(236, 158, 60, 0.8);
}
.orange_4{
	background-color: rgba(236, 158, 60, 0.7);
}
.orange_5{
	background-color: rgba(236, 158, 60, 0.6);
}
.orange_6{
	background-color: rgba(236, 158, 60, 0.5);
}

.lime_green_1{
	background-color: rgba(190, 209, 69, 1);
}
.lime_green_2{
	background-color: rgba(190, 209, 69, 0.9);
}
.lime_green_3{
	background-color: rgba(190, 209, 69, 0.8);
}
.lime_green_4{
	background-color: rgba(190, 209, 69, 0.7);
}
.lime_green_5{
	background-color: rgba(190, 209, 69, 0.6);
}
.lime_green_6{
	background-color: rgba(190, 209, 69, 0.5);
}

.red_1{
	background-color: rgba(173, 42, 50, 1);
}
.red_2{
	background-color: rgba(173, 42, 50, 0.9);
}
.red_3{
	background-color: rgba(173, 42, 50, 0.8);
}
.red_4{
	background-color: rgba(173, 42, 50, 0.7);
}
.red_5{
	background-color: rgba(173, 42, 50, 0.6);
}
.red_6{
	background-color: rgba(173, 42, 50, 0.5);
}

.green_1{
	background-color: rgba(113, 182, 75, 1);
}
.green_2{
	background-color: rgba(113, 182, 75, 0.9);
}
.green_3{
	background-color: rgba(113, 182, 75, 0.8);
}
.green_4{
	background-color: rgba(113, 182, 75, 0.7);
}
.green_5{
	background-color: rgba(113, 182, 75, 0.6);
}
.green_6{
	background-color: rgba(113, 182, 75, 0.5);
}

.turquoise_1{
	background-color: rgba(0, 169, 176, 1);
}
.turquoise_2{
	background-color: rgba(0, 169, 176, 0.9);
}
.turquoise_3{
	background-color: rgba(0, 169, 176, 0.8);
}
.turquoise_4{
	background-color: rgba(0, 169, 176, 0.7);
}
.turquoise_5{
	background-color: rgba(0, 169, 176, 0.6);
}
.turquoise_6{
	background-color: rgba(0, 169, 176, 0.5);
}


#burger{
	background-color: #8a8b8a;
	padding: 11px 10px;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	width: 40px;
	float: left;
	margin: 15px 20px 0 20px;
	transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}
#burger:hover{
	cursor: pointer;
	background-color: #333333;
}

#close{
	background-image: url('../images/close.png');
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin: -6px 0 10px 5px;
}

nav{
	display: none;
	background-color: #ffffff;
	/*max-width: 300px;*/
	width: 30%;
	/*position: fixed;*/
	position: absolute;
	margin-top: -100px;
	color: #333333;
	z-index: 5;
	padding: 30px;
	font-weight: bold;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
	overflow:auto;
}


.fancybox-skin{
	padding: 30px;
	background-color: #ffffff;
}
.fancybox-skin h3{
	margin-top: 0px;
}


#text-message{
	padding: 20px;
}

#text-message img{
	width: 140px;
}

#text-message form{
	width: 100%;
	margin: 30px 0 10px 0;
}

#text-message input[type=checkbox]{
	margin: 20px 25px 0 0 ;
	float: left;
}

#text-message input[type=text]{
	margin: -25px 0 10px 0;
	width: 91%;
	float: right;
	height: 30px;
	background-color: #e4e4e3;
	border-radius: 6px;
	border-color: #e4e4e3;
	font-size: 16px;
	color: #333333;
}

#text-message input[type=submit]{
	width: 100%;
	background-color: #bdd045;
	border-radius: 6px;
	border-color: #bdd045;
	padding: 10px 0;
	color: #333333;
	font-size: 20px;
	margin: 12px 0 0 0;
}

#text-message a{
	color: #333333;
	text-decoration: underline;
}

#text-message .text-ty{
	font-weight: bold;
	font-size: 50px;
	text-transform: uppercase;
	color: #bdd045;
}

.fancybox-close{
	background-image: url('../images/close_btn.png');
	background-size: 33px;
    background-repeat: no-repeat;
}

.page_transparent_overlay{
	width: 100%;
	height: 100%;
	z-index: 5;
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

nav h3{
	padding:15px 2%;
	font-size: 24px;
	border: none;
	background-color: #ffffff !important;
	border:none !important;
	outline:0;
	cursor: pointer;
	margin: 0;
}
nav a:hover{
	color: inherit !important;
}


nav h2{
	padding:15px 2%;
	font-size: 24px;
	margin: 0;
	color: #333333;
}

nav ul{
	margin: 0 0 0 7px;
	padding: 0px;
	font-weight: normal;
}

nav li{
	list-style: none;
	padding: 4px 0;
}

nav a{
	text-decoration: none;
	font-size: 14px;
	background-color: #ffffff !important;
	border:none !important;
	outline: none;
}

nav h2.nav_bottom_links {
	padding-top: 15px;
}

nav h2.nav_bottom_links a,
nav h2.nav_bottom_links span{
	font-size: inherit;
	color: inherit;
	display: block;
	padding-bottom: 12px;
	cursor: pointer;
}




.banner{
	background-color: rgba(255, 255, 255, 0.4);
	color: #ffffff;
	text-align: center;
	font-size: 25px;
	padding: 150px 0 29px 0;
	margin-top: 150px;
	margin-bottom: 20px;
	background-position: right bottom;
    background-size: cover;
    width: 100%;
    max-width: 1200px;
}



.page_banner{
	/*padding: 100px 0 90px 0;*/
	padding:40px 0 30px 0;
	padding: 40px 0;
}
div.page_banner h1 {
	margin: 0 auto;
	padding: 0;
}

#home_header_spacer {
	margin-top: 150px;
}

.home_banner{
	position: relative;
    font-size: 24px;
    width: 100%;
    min-height: 275px;
    padding: 35px 0;
}

.home_banner_holder{
	background-color: #ffffff;
	color: #000000;
	text-align: left;
	padding: 20px;
	overflow: hidden; 
	margin-bottom: 20px;
}

.home_banner h1{
	font-size: 50px;
	line-height: 54px;
	margin: 0px;
	font-weight: normal; 
}
div.home_banner_holder div.donut_chart ~ h1,
div.home_banner_holder div.donut_chart ~ p { 
	max-width: 700px; 
}

.home_banner_disclaimer {
	font-size: 11px;  
}

.home_banner strong{
	font-size: 30px;
}

.home_highlights{
	float: right;
	width: 23%;
	max-width:320px;
	margin-top:-495px;
}

.home_highlight {
	background-color: #E8E8E9;
	margin-bottom: 23px;
	overflow-x: hidden;
	overflow-y: hidden;
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.home_highlight_inner {
	background-color: rgba(232, 232, 233, 0.7);
	padding: 20px;
	height:102px;
}

.home_highlight p{
	margin: 0px;
	font-size: 16px;
}

.home_highlight a{
	color: #636463;
}

.login_banner{
	/*background-image:url(../images/login.jpg);*/
	opacity: 0.9;
	height: /*100%*/ auto;
	margin-bottom: 20px;
	display: flex;
}

.login_banner .welcome{
	background-color: rgba(0, 123, 173, 0.6);
	width: 260px;
	height: 220px;
	padding: 40px;
	text-align: left;
	margin: 0 0 0 70px;
	font-size: 20px;
	font-weight: lighter;
	font-size: 26px;
}

.login_banner .welcome b{
	font-size: 36px;
}

.login_banner .login_form{
	background-color: rgba(0, 123, 173, 0.3);
	width: 260px;
	height: 136px;
	padding: 40px;
	text-align: left;
	margin: 300px 0 200px 0;
	font-size: 20px;
	font-weight: lighter;
	font-size: 26px;
}
.login_banner .login_form input[type=text]{
	width: 107.6%;
	padding: 10px;
	margin-left: -10px;
	border: none;
	font-size: 16px;
	color: #333333;
    height: 49px;
}
.login_banner .login_form input[type=submit]{
	width: 107.5%;
	padding: 10px;
	margin-left: -10px;
	border: none;
	font-size: 16px;
	color: #ffffff;
	background-color:  rgba(0, 123, 173, 1);
	text-transform: none;
	font-size: 18px;
	font-weight: lighter;
}
.login_banner .login_form a,
.login_banner .login_form span.global_popup{
	font-size: 14px;
	float: right;
	color: #ffffff;
	margin: 5px -4px 0 0;
	text-decoration: underline;
}

.donut_chart{
	float: right;
	font-size: 18px;
}

.chart_hole_header{
	font-size: 20px;
}

.chart_title{
	font-size: 26px;
}

.login_input_notice {
	font-size: 16px; 
	text-align: center; 
	margin: -2px 0px 2px 0px; 
	font-weight: 
	bold; cursor: default;
}

.message{
	background-color: #e5e5e5;
	color: #4d4d4c;
	width: 100%;
	font-size: 20px;
	margin: 0px 0 20px 0;
	/* 2018.8.28
	padding: 30px 50px;
	*/ 
	padding: 18px 50px;
	margin-bottom: 0px; 
	min-height: 145px;
}
.message b {
	font-size: 22px !important; 
	line-height: 26px; 
	padding: 0;
}
.message p {
	/* font-weight: lighter; */ 
	margin-top: 6px;  
	padding-top: 0; 
}

.message .slick-dots{
	bottom:10px;
	margin-left:-50px;
}

.slick-dotted.slick-slider{
	margin-bottom: 0px;
}

.message .slick-slide > a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.message .slick-slide > p,
.message .slick-slide > a > p {
	margin-left: 110px; 
}

.message a{
	text-decoration: underline;
	color: #4d4d4c;
}

.message img{
	float: left !important;
	width: 90px;
	margin: 0 20px 0 0 !important;
}
.slick-dots li button:before{
    font-size: 15px;
    line-height: 15px;
}

.slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    bottom: 20px;
    color: #4d4d4c;
    border: 0;
    background: none;
    z-index: 1;
    height: auto;
}

.slick-prev:hover,
.slick-next:hover{
	color: #4d4d4c;
}

.slick-prev:after {
	content: "\f104";
    font: 40px/1 'FontAwesome';
    color: #4d4d4c;
}

.slick-next {
    right: 20px;
    text-align: right;
}

.slick-next:after {
	content: "\f105";
    font: 40px/1 'FontAwesome';
    color: #4d4d4c;
}

.slick-prev:before,
.slick-next:before{
	display: none;
}

.slick-slide, .slick-slide *{ outline: none !important; }


.quick_links_title{
	background-color: #8a8b8a;
	color: #ffffff;
	width: auto;
	display: inline-block;
	padding:10px 20px 0 20px;
	font-size: 20px;
}

.slick-track{
	margin: 0 auto; 
}

/*
.slick-next {
    right: 15px;
}
.slick-prev {
    left: 15px;
}
*/

.gray_title{
	background-color: #b4b5b4;
	padding: 30px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}

.column_holder{
	display: flex; /* or inline-flex */
	justify-content: space-between;
	align-items: stretch;
	background-color: #f7f7f7;
	padding: 10px;
}

.column{
	width: 14%;
	padding: 5px 0;
}

.column_header{
	color: #ffffff;
	font-weight: bold;
	height: 40px;
	padding: 5px;
}

.column_content{
	padding:5%;
	line-height: 26px;
}


.quick_links{
	color: #ffffff;
	text-decoration: none;
	width: 95%;
	margin: 0 auto;
}

.quick_links .slick-slide{
	padding: 5px 10px;
	text-align: center;
}

.quick_links a {
	text-decoration: none;
	color: #FFFFFF;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: color 0 ease-in;
	transition: none;
}
.quick_links a:hover {
	text-decoration: none;
	color: #FFFFFF;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: color 0 ease-in;
	transition: none;
}
.quick_links img{
	height: 50px;
	margin: 0 auto 0px auto;
}



.block {
    width: 27%;
    height: 190px;
    margin-bottom: 20px;
    margin-right: 2%;
   /* margin-right: 8px;*/
    color: #ffffff !important;
    overflow: hidden;
    padding: 2% 2.5%;
    /*padding: 30px;*/
    border: none;
    position: relative;
    float: left;
    -ms-overflow-style: none;
    overflow: hidden;
}
.blocks_holder .block:nth-child(3n){margin-right:0;}
.block:hover{
	cursor: pointer;
}
.block b{
	font-size: 24px;
	margin: 0px;
}
.block p{
	font-size: 18px;
	/*font-weight: lighter;*/
	/*margin: 10px 0 0 0;*/
		margin: 0px;
	/*max-width: 260px;*/
}

.full_width_block{
	width: 95%;
	height: auto;
}
.full_width_block p{
	max-width: none;
}

.toggle{
	position: absolute;
	width: 37px;
	height: 30px;
	bottom:15px;
	right:20px;
	background-repeat: no-repeat;
	text-align: right;
	font-weight: bold;
	font-size: 36px;
}

.contribution{
	position: absolute;
	height: 90px;
	bottom:0px;
	left:8%;
}
.contribution p{
	font-weight: bold;
}

.block_amount{
	background-color: rgba(255,255,255,0.4);
	color: #ffffff;
	font-weight: bold;
	width: auto;
	padding: 5px 12px 5px 8px;
	margin-top: 8px;
	font-size: 18px;
	display: inline-block;
}
.more_icon{
	width: 22px;
	margin-bottom: -5px;
}

.small_blocks_holder{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.small_block {
    width: 18.4%;
    float: left;
    margin: 0px 2% 20px 0%;
    overflow: auto;
    text-align: center;
    color: #333333;
    text-decoration: none;
    overflow: hidden;
    border: 0px;
}
.small_block:last-child{

}
.small_blocks_holder .small_block:nth-child(5n){margin-right: 0;}

.small_block_faux_border {
	margin: 2%;
	height:170px;
	padding: 20px 0px 20px 0px;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
}

.blocks_holder_mobile .small_block_faux_border{
	margin: 0 4px 4px 4px;
	position: relative;
}

.small_block .icon{
	margin: 5px 0;
	max-height: 40px;
	transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}
.small_block .new{
	float: left;
	position: absolute;
	padding: 2px 4px 2px 4px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px 0 0 0;
	font-size: 14px;
	z-index: 900;
}
.small_block .divider{
	height: 2px;
	width: 70%;
	line-height: 0px;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
	transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}
.small_block p{
	width: 80%;
	margin: 20px auto 10px auto;
	font-size: 18px;
	font-weight: lighter;
}
.small_block .sub_block_amount{
	bottom: 0px;
	color: #ffffff;
	position: absolute;
	width: 97%;
	transition:  0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}

.small_block .learn_more{
	display: none;
	font-size: 11px;
	width: 90%;
	margin:0 auto;
}
.small_block .learn_more u{
	line-height: 30px;
	font-weight: bold;
}


.small_block:hover{
	cursor: pointer;
}
.small_block:hover .icon{
	margin-top:0px;
	margin-bottom: 0px;
}
.small_block:hover p{
	margin-top: 3px;
}
.small_block:hover .divider{
	display:none;
}
.small_block:hover .learn_more{
	display: block;
}

.small_block:hover .sub_block_amount{
	font-size: 22px;
	padding-bottom: 10px;
}


.intro{
	margin: 0px 30px 15px 30px;
	font-size: 22px;
	/* font-weight: lighter; */
	overflow: hidden;
}
div.intro::after {
	content: "";
	display: block;
	margin: 0;
	margin-bottom: 1em;
}

.intro img{
	margin: 0 0 0 10px;
	float: right;
}


/* ----------------- Intro Table Styles -------------- */
.intro table th {
	border-bottom-style: solid;
    border-bottom-width: 7px;
    border-bottom-color: #BCBDC0;
}


.intro table td {
	border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E7E7E8;
}

.intro table tr:nth-child(2) td {
	border-top-style: solid;
    border-top-width: 0px;
}


.left{
	float: left;
}

.right{
	float: right;
}


sup{
	line-height:0px; 
} 

.contribution_section{
	overflow: hidden;
	color: #ffffff !important;
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
	border: #ffffff 0px solid;
	border-spacing: 0px;
	width: 70%;
}

div.contribution_section_item,
.contribution_section_left{
	float: left;
	width: 47%;
}

div.contribution_section_item:nth-of-type(2),
.contribution_section_right{
	float: right;
	width: 47%;
	margin-left: 5%;
}

.contribution_section .section_top{
	/*opacity: 0.5;*/
	font-weight: normal;
	padding: 10px;
	border-color: #ffffff !important;
	border-width: 0px 0px 1px 0px !important;
	border-style: solid !important;
}

.contribution_section .section_bottom{
	padding: 10px;
	font-weight: bold;
	color: #ffffff;
}


.template_content_right .contribution_section{
	width: 100%;
}

.template_content_right .contribution_section_right {
	width: 48%;
	margin-left: 3%;
}

.template_content_right .contribution_section_left {
	width: 49%;
}


div.tools {
	text-align: right;
	padding: 0.5rem 0;
} 
div.tools a,
div.tools a:visited {
	color: white;
	text-decoration: none;
	padding: 2px 5px;
	margin-left: 1rem;
	display: inline-block;
	text-transform: capitalize; 
	font-weight: bold; 
	cursor: pointer;
} 
a.aToggle {
	cursor: pointer;
}
a.aToggle:after {
	content: "+";
	display: inline-block;
	position: relative;
	margin-left: 5px;
}
a.aToggle[status="collapse"]:after {
	content: "-";
}
a.aPrint {
	float: right;
	text-decoration: none;
}
a.aPrint:before {
	content: "\f02f";
	font-family: FontAwesome;
	font-size: 22px;
	margin-right: 5px; 
}


#page_accordion{ 
	clear: both;
	margin-top: 0;
}

#page_accordion h3{
	padding: 30px;
	cursor: pointer;
	outline:0;
	color: #ffffff;
	border-radius: 0px;
	margin: 2px 0 0 0;
}

#page_accordion table{
	max-width: 100%;
	/*border:2px #333333 solid;*/
	border-collapse: collapse;
	background-color: #ffffff;
	margin: 5px 0 0 0;
	font-weight: bold;
	color: #6C6D70;
} 
#page_accordion th, #page_accordion td{
	padding: 10px 16px;
	/*width: 30%;
	border:2px #939598 solid;*/
}
#page_accordion td{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #E7E7E8;
	color: #404041;
}
#page_accordion thead td,
#page_accordion th{
	border-bottom-style: solid;
	border-bottom-width: 7px;
	border-bottom-color: #BCBDC0;
	color: #FFFFFF;
	background-color: #000000;
}

div.intro table p,
#page_accordion td p,
#page_accordion th p{
	margin: 0px;
}

div.intro table { 
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: white; 
	border-collapse: collapse; 
}
div.intro table th,
div.intro table td {
	padding: 10px 16px;
	text-align: center; 
	border: 1px solid white;
	border-width: 0 2px 1px 2px;
	font-size: 22px !important; 
} 
div.intro table th {
	color: white; 
}
div.intro table td {
	font-weight: normal !important;
}

div.intro div.not(.template_content_right) table *:empty,
div.intro div.not(.template_content_right) table *.blank,
div.intro table.labels th:first-of-type {
	background-color: white !important;
}   
div.intro div.template_holder table.set tr td:nth-of-type(1), 
div.intro div.template_holder table.labels tr td:nth-of-type(1) {
	width: 200px;
	white-space: nowrap;
}


.accordion_content{
	padding:25px;
	background-color: #E8E8E9;
	/*color: #6C6D70;*/
	color:#333333;
	font-size: 22px;
	line-height: 28px;
	/* font-weight: lighter; */
}

h3.ui-accordion-header-active{
	opacity: 0.8 !important;
}

.accordion_content ul{
	margin: 0px 0 0 20px;
}

.page_toggle{
	position: relative;
	float: right;
	margin: 7px 0 0 0;
	font-size: 42px;
}



.side_fixed{
	position:fixed;
	top:120px;
	color: #ffffff;
	z-index: 4;
	width:47px;
	right:0px;
	text-align: top;
}

.side_fixed a{
	color: #ffffff;
	text-decoration: none;
    display: inline-block;
    float: left;
    text-transform: uppercase;
    padding:10px 20px;
    margin: 0 0 5px 0;
    font-weight: lighter;
    width:0px;
    float:left;
    text-align: center;
    vertical-align: middle;
}

.side_fixed div{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    text-align: center;
}
div.side_fixed a.aPrint {
	display: none; 
}
.accordion_content{
	overflow: auto;
}

.page_white_overlay{
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
	z-index: 6;
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.noscroll { 
  overflow: hidden;
}

/* */

.side_nav_popup{
	margin:0px 20%;
	border: 4px solid;
	position: fixed;
	z-index: 7;
	background-color: #ffffff;
	display: none;
	overflow:auto;
	max-height:80% !important;
	width: 650px;
}


.side_nav_popup table{
	border:0px!important;
	font-size: 14px;
	padding: 80px 10px 10px 10px;

}

.side_nav_popup table .side_nav_popup_links{
	padding: 5px 0;
	margin: 0px;
}
.side_nav_popup table td{
	padding: 10px;
	border:1px solid #cccccc;
	vertical-align: top;
}
.side_nav_popup table a{
	font-size:14px !important;
	color: #067dab !important;
}
.side_nav_popup table ul{
	padding-left: 15px;
	color:#333333;
}

.side_nav_popup table p{
	padding: 0px !important;
	margin:0px !important;
}

.side_nav_popup p{
	margin-right: 20px;
	margin-left: 20px;
}

/* */
.side_nav_popup .side_nav_popup_header{
	padding: 10px 30px 10px;
	color: #ffffff;
	font-size: 30px;
	position: fixed;
	width: 100%;
	max-width: 583px;
	-ms-overflow-style: none;
}

.side_nav_popup div{
	/*max-height: 400px;*/
	padding-left:20px;
}


.side_nav_popup div div {
    margin:5px 0px 5px -20px;
    max-height: none;
    -ms-overflow-style: none;
    height: auto;
}

.side_nav_popup .side_nav_popup_links{
	padding: 80px 20px 20px 20px;
	color: #333333;
	-ms-overflow-style: none;
}

.side_nav_popup p:first-of-type{
	margin: 80px 20px 20px 20px;
}

.side_nav_popup .side_nav_popup_links a{
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
	color: #000000;
}
.side_nav_popup a:hover{
	text-decoration: underline;
}

.popup_icon{
	width: 30px;
	margin-bottom: -3px;
}

.popup_close{
	float: right;
	width: 40px;
	margin: 0px -11px 0 20px;
	cursor: pointer;
}

footer{
	background-color: #E8E8E9;
	width: 100%;
	text-align: center;
	padding: 20px 0 0 0;
	color: #8a8b8a;
	clear: both;
	overflow: hidden;
	font-size: 12px;
}

footer p{
	text-align: left;
	width: 90%;
	margin-left: 5%
}

footer a{
	text-decoration: none;
	margin: 0 15px;
	font-size: 14px;
	color: #8a8b8a;
}
footer a:hover{
	color: #8a8b8a;
	cursor: pointer;
}


.header_popup{
	top:10%;
	/*height: 80% !important;*/
	left:10%;
}

#related_forms, #related_contacts{
	top:10%; /* -250px */
	/*max-height: 70%;*/
}

.header_popup p:first-of-type{
	margin-top: 80px !important;
}

.header_popup table p:first-of-type{
	margin-top: 20px !important;
}

.side_nav_popup_links{
	padding-top:90px;
}


.mobile_search, .mobile_search_field, .blocks_holder_mobile{
	display: none;
}



/* -------- Callout Boxes ---------- */
/*
.callout_box {
	background-color: #489440;
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.callout_box h2 {
	font-size: 25px;
}
*/



/* Accordion templates */

.intro .template_holder{
	overflow: hidden; 
}
.template_holder{
	overflow: auto; 
}
.template_holder img{
	margin: 10px;
}

.template_holder p {
	margin: 0px;
	padding: 0px;
}
div.template_holder p + p {
	padding-top: 20px;
}

.icon_section img{
	max-width: 120px !important;
	float: right !important;
	margin:0 0 10px 10px;
}

.template_content_right{
	float: right;
	width: 47%;
	padding: 1% 0 1% 2%; 
}

.contribution_template_holder .template_content_right{
	width: 53%;
}

.template_content_right table{
	width:90%;
	font-weight: bold;
	font-size: 18px;
}
.template_content_right table th{
	padding: 10px;
	color:#ffffff;
	text-align: left;
}
.template_content_right table td{
	padding: 10px;
	margin-bottom: 1px;
}
.template_content_right img{
	margin-bottom: 2%;
	height:auto;
}

div.intro div.template_holder div.template_content,
.template_content_left{
	float: left;
	width: 47%;
	padding: 1% 2% 1% 0; 
}
.template_content_left table{
	width:310px;
	font-weight: bold;
	font-size: 18px;
}
.template_content_left table th{
	padding: 10px;
	background-color: #333333;
	color:#ffffff;
	text-align: left;
}
.template_content_left table td{
	padding: 10px;
	margin-bottom: 1px;
}
.template_content_left img{
	width:95%;
	margin-bottom: 2%
}

/* Intro Block */
div.intro div.template_holder { 
}
div.intro div.template_content_left,
div.intro div.template_content_right {
}
div.intro div.template_holder div.template_content:first-of-type {
	width: 33%;
	float: left;
	padding: 0 2% 1% 0;  
}
div.intro div.template_holder div.template_content:last-of-type {
	width: 64%; 
	padding: 0 0 0 1%;  
}
div.intro div.template_content_left {
	width: 50%; 
}
div.intro div.contribution_template_holder div.template_content_left {
	width: 44%; 
}
div.intro div.template_content_right {
	padding-left: 0;
}
div.intro div.template_content_right div.contribution_section { 
	margin: 0 auto;
}
div.intro div.contribution_section div {
	font-weight: normal;
	font-size: 22px;
}
div.intro div.contribution_section div.section_top {
	font-weight: bold;
}
div.intro div.contribution_section div.section_bottom {
}
div.intro ul.checklist { 
	margin-left: 0;
	padding-left: 0;
}
div.intro ul.checklist li { 
	display: block;
	position: relative;
	list-style: none;  
	margin-left: 42px;
	padding-left: 10px; 
	margin: 0;
	padding: 1.5rem;
	padding-left: 60px; 
	clear: both; 
	color: white !important;
}
div.intro ul.checklist li:before { 
	position: absolute;
	display: inline-block;
	content: "";
	width: 32px;
	height: 32px; 
	top: 2rem;
	left: 12px; 
	background: url("../images/icon_checked.svg") no-repeat 0 0;
	background-size: 32px 32px; 
} 
div.intro ul.checklist li p { 
	position: relative; 
	margin: 0; 
	padding: 0; 
	font-size: 16.2px;
	line-height: 21px;
	font-weight: normal;
} 
div.intro ul.checklist li p + p {
	margin-top: 1rem;
} 
div.intro ul.checklist li a {
	color: white;
}
div.intro div.enrollment { 
}
div.intro div.enrollment h3 {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	padding-bottom: 0.5rem;
	text-align: center;
}
div.intro div.enrollment table {
	margin: 0;
}
div.intro div.enrollment table th,
div.intro div.enrollment table td {
	font-size: 0.9em !important; 
}
/*****************************/


.template_content_full_width{
	width: 100%;
}
.template_content_full_width img{
	width: 100%;
}
.template_content_full_width table{
	width: 100%;
	font-weight: bold;
	font-size: 18px;
}
.template_content_full_width table th{
	padding: 10px;
	background-color: #333333;
	color:#ffffff;
	text-align: left;
}
.template_content_full_width table td{
	padding: 10px;
	margin-bottom: 1px;
}




/* MCE font styles */

.eight_px_font{
	font-size: 8px;
	line-height: 10px;
}
.ten_px_font{
	font-size: 10px;
	line-height: 14px;
}
.twelve_px_font{
	font-size: 12px;
	line-height: 16px;
}
.fourteen_px_font{
	font-size: 14px;
	line-height: 18px;
}
.sixteen_px_font{
	font-size: 16px;
	line-height: 20px;
}
.eighteen_px_font{
	font-size: 18px;
	line-height: 22px;
}
.twenty_px_font{
	font-size: 20px;
	line-height: 26px;
}
.twenty_two_px_font{
	font-size: 22px;
	line-height: 26px;
}
.twenty_four_px_font{
	font-size: 24px;
	line-height: 30px;
}






@media (max-width:1370px){
	.header_popup{
		margin-left:14%; /*24%*/
	}

	
}



@media (max-width:1300px){

	.side_fixed{
		position: absolute;
        top: 170px;
		color: #ffffff;
		z-index: 4;
		width:380px; 
		right:0px;
		
		width: 440px;
		top: 150px;
		margin-right: -5px;
	}

	.side_fixed a{
		color: #ffffff;
		text-decoration: none;
	    display: inline-block;
	    float: left !important;
	    text-transform: uppercase;
	    padding:3px 10px;
	    margin: 0 5px 0 0;
	    font-weight: lighter;
	    width:auto;
	    float:right !important;
	    text-align: center;
	    vertical-align: middle;
	    height:20px !important;
	    font-size: 16px;
	}

	.side_fixed div{
		-ms-transform: none; /* IE 9 */
	    -webkit-transform: none; /* Chrome, Safari, Opera */
	    transform: none;
	    text-align: center;
	}

	div.side_fixed a.aPrint {
		display: block;
	}
	div#printBanner a.aPrint {
		display: none;
	}
}




@media (max-width:1260px){
	.header_popup{
		margin-left:22%;
	}

	.header_popup{
		margin:0 0 0 14%;
	}

	
}



@media(min-width:1400px){

	.side_nav_popup{
	    margin: 0 0 0 18%;
	}
	.header_popup{
		margin:0 0 0 18%;
	}

}


@media(min-width:1600px){

	.side_nav_popup{
	    margin: 0 0 0 15%;
	}

	.header_popup{
		margin:0 0 0 20%; /* 30% */
	}

}




@media (max-width : 1140px){
	
	.block{
		height:240px;
	}
	.full_width_block{
		height: auto;
	}
	
	.block p{
		font-size: 18px;
	}

	.block b{
		font-size: 24px;
	}

	.small_block p{
		font-size: 15px;
		font-weight: bold;
		width: 90%;
	}

	.header_popup{
		margin-left:10%;
	}

}

 
@media (max-width : 1000px){
	
	.home_banner{
		width: 100%;
		max-width: 100%;
		min-height:285px;
		clear: all;
	}

	.home_highlights{
		width: 100% ;
		max-width: 100%;
		margin: 0 auto 15px auto;
		padding-left: 1%;
	}

	.home_highlight {
		background-color: #E8E8E9;
	    margin: 0 3% 0 0;
	    height: auto !important;
	    min-height: 122px;
	    overflow: scroll;
	    background-position: right;
	    background-repeat: no-repeat;
	    float: left;
	    width: 32%;
	    margin-bottom: 20px;
	    margin-right: 2%;
	    overflow: auto;
	}

	.home_highlight_inner {
		padding: 0px;
		height: 122px;
		padding: 9% 10%; 
	}

	.side_nav_popup{
		margin:0 10%;
		width: 80%;
		font-size: 12px;
	}

	.header_popup{
		margin:0 0%;
	}

	.side_nav_popup .side_nav_popup_header{
		padding: 10px 3% 10px 1%;
		max-width: 1000px;
	    width: 75.5% !important;
	}

	.side_nav_popup table{
		width: auto !important;
	}

	.column_holder{
		flex-wrap: wrap;
	}
	.column{
		width: 33%;
		float: left;
	}	
			


}



@media (max-width : 860px){

	.contribution_section{
		width: 100%;
	}

	.block{
		height:200px;
		/*width: 33%;*/
		width: 28%;
		text-align: center;
		margin-right: 0.5%;
	}
	.full_width_block{
		height: auto;
		width: 95%;
	}
	.block b, .block p{
		margin:5px;
	}

	.small_block p{
		font-size: 13px;
		font-weight: bold;
		width: 90%;
	}
	
	/* Mobile subtiles */
	.small_block .sub_block_amount{
		bottom: 3px;
		color: #000000;
		position: absolute;
		width: 100%;
		transition:  none;
		-moz-transition: none;
		-webkit-transition: none;
	}
		
	.small_block:hover .sub_block_amount{
		font-size: 16px !important;
		transition:  none;
		-moz-transition: none;
		-webkit-transition: none;
		padding-bottom: 0px;
		color: white;
	}
	
	.small_block .mobile_sub_tile_value{
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
		width: 100%;
	    float: left;
	    text-align: center;
    	display: block;
	}
}

}





@media (max-width : 822px){

	.login_banner .login_form{
		margin:300px 0 200px -340px;
	}
	nav{
		width: 100%;
	}

	.block p{
		font-size: 16px;
	}

	.block b{
		font-size: 20px;
	}

	.small_block_faux_border {
		margin: 3%;
	}	
}




@media (max-width : 783px){


	.home_banner h1{
		font-size: 40px;
	}
	.home_banner{
		font-size: 19px;
	}
	.home_banner strong{
		font-size: 25px;
	}

	.home_banner_disclaimer {
		font-size: 10px;  
	}

	.banner{
		padding: 30px 0 20px 0;
		padding: 30px 0;
	}

	.login_banner .welcome{
		margin:0 0 0 30px;
		height: 170px;
	}
	.login_banner .login_form{
		margin-top: 270px;
	}

	.block{
	   height: auto;
       width: 100%;
       text-align: left;
       padding: 30px 0px 0px 0px;
    }

    .block p, .block b{
    	margin:5px 0 30px 20px;
    }
    
    .block p{
		max-width: 90% !important;
	}

    .blocks_holder_mobile .small_block {
			margin-bottom: 20px;
		}

    .small_block p{
    	font-size: 12px;
    }

	.blocks_holder{
		display: none;
	}

	.blocks_holder_mobile{
		display: block;
	}

	.icon{
		width: 30px;
	}
	
	div.intro div.template_holder div.template_content,
	.template_content_left, .template_content_right, .template_content_full_width{
		float: none;
		width: 100% !important;
		padding:10px 0 0 0;
		margin: 10px 0; 
	}

	.template_content_left, .template_content_right table{
		width:100%;
	}

	.template_holder img{
		margin: 10px;
	}
	.template_content_left table, .template_content_right table, .template_content_full_width table{
		font-size: 12px !important;
	} 

	.home_highlight {
	    margin: 0px;
	    background-position: right;
	    background-repeat: no-repeat;
	    float: left;
	    width: 100%;
	    min-height: 80px;
	    height: auto;
	    margin-bottom: 10px;
	}
	
	.home_highlight_inner {
		padding: 2%;
	    min-height: 70px;
	    height: auto;
	}

	.intro img{
    	max-width: 150px;
    	height:auto;
	}

	.quick_links{
		width: 90%;
	}

	.side_nav_popup{
		font-size: 13px !important;
	}

	.side_nav_popup .side_nav_popup_header{
		width: 75% !important;
	}

	.side_nav_popup table a{
		font-size: 12px !important;
	}

	.side_nav_popup a{
		font-size: 12px !important;
	}



	.contribution{
		position: relative;
		height: auto;
		bottom: 20px;
		left: 20px;
	}

	.contribution p{
		margin: 0px 0px 5px 0px;
		font-weight: 600;
	}

	.block_amount{
		width: auto;
		padding: 5px 12px 5px 8px;
		margin-top: 0px;
		display: inline-block;
	}



}

@media (max-width:768px){
	
	.side_fixed{
        top: 155px;
	}

}


@media (max-width:670px){
	
	.side_fixed{
		position: absolute;
        top: 120px;
		color: #ffffff;
		z-index: 4;
		width:320px;  
		right:0px;
		
		width: 320px;
		top: 95px;
		margin-right: 0; 
	}

	.side_fixed a{
		color: #ffffff;
		text-decoration: none;
	    display: inline-block;
	    float: left !important;
	    text-transform: uppercase;
	    padding: 3px 7px;
	    margin: 0 5px 0 0;
	    font-weight: lighter;
	    width:auto;
	    float:right !important;
	    text-align: center;
	    vertical-align: middle;
	    height:12px !important;
	    font-size: 12px;
	}

	.side_fixed div{
		-ms-transform: none; /* IE 9 */
	    -webkit-transform: none; /* Chrome, Safari, Opera */
	    transform: none;
	    text-align: center;
	}
	
	div.side_fixed a.aPrint {
		padding: 0; 
	}

	.column_holder{
		flex-wrap: wrap;
	}
	.column{
		width: 100%;
		float: left;
	}	
	

	#burger,
	header .logo{
		margin-top: 0px;
	}
	header .logo{
        height: 50px;
        margin-top: -6px;
	}

	/**/

	.side_nav_popup div{
		padding-left: 5px;
	}
	.side_nav_popup table{
		font-size: 9px;
	}
	.side_nav_popup table a{
		font-size: 9px !important;
		word-wrap: break-word;
	}
	.side_nav_popup table td{
		padding-left:2px;
		padding-right:2px;
		word-wrap: break-word;
	}
	/**/
	
	.utility{
		display: none;
	}

	.mobile_search{
		display: block;
	    padding: 4px 4px 0 0;
	    color: #8a8b8a;
	    font-size: 14px;
	    text-transform: uppercase;
	    width: 25px;
	    float: right;
	    text-align: right;
	    margin: 0 20px 0 20px;
	    cursor: pointer;
	}

	.mobile_search_field{
		display: none;
		background-color: #E8E8E9;
		padding: 10px;
		text-align: center;
		margin-top: 0px;
	    position: fixed;
	    width: 100%;
	    z-index:10000000;
	}
	.mobile_search_field input[type=text]{
		width: 200px;
		padding: 15px;
	}
	.mobile_search_field input[type=submit]{
		padding: 15px 10px 15px 10px;
		-webkit-appearance: none;
	}

	input[type=submit]{
		-webkit-appearance: none;
	}

	header{
		margin-top:-101px;
		z-index: 1000;
		height: 47px;
		position: fixed;
	}

	.banner{
		margin-top: 81px;
		padding: 20px 0;
	}


	h1{
		font-size: 26px; 
	}

	#home_header_spacer {
		margin-top: 80px;
	}

	.home_banner h1{
		font-size: 34px;
	}
	.home_banner{
		font-size: 17px;
	}
	.home_banner strong{
		font-size: 20px;
	}


	h2{
		font-size: 20px;
	}

	h3{
		font-size: 18px;
	}

	.page_toggle{
		margin-right: -35px; /* -25 */
		text-align: center;
		font-size: 28px;
	}

	.intro{
		font-size: 16px;
	}

	.intro img{
		max-width: 100px;
    	height: auto;
	}

	.message{
		font-size: 12px;
		line-height: 14px;
	}
	.message b{
		font-size: 16px !important;
	}

	.quick_links{
		height:95px;
	}
	.quick_links_title{
		font-size: 10px;
		padding:3px 7px;
		text-transform: uppercase;
		font-weight: lighter;
	}

	.quick_links .slick-slide{
		padding:0 8px;
	}

	.slick-prev {
	    left: -18px;
	}


	.quick_links img{
		margin: 0px auto 3px auto;
	}


	nav{
		/*position: fixed;*/
	    /*max-width: 400px;*/
	    z-index: 5;
	    overflow: auto;
	    /*height:100vh;*/
	    /*margin-top:-120px;*/
	    padding: 0;
	    width:100%;
	    height: auto;
	    margin-top: 0px;
	    position: absolute;
	}

	nav h3{
		padding: 12px 2%;
	}

	#menu{
		position: relative;
	    padding-bottom: 20px;
	    margin: 0 20px;
	}

	nav #close{
		margin-top: 15px;
		margin-left: 20px;
	}

	.page_banner{
		margin-top: 80px;
		
	}

	.blocks_holder_mobile .block:first-child {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.blocks_holder_mobile .block {
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.small_blocks_holder{
		margin-top: -20px;
	}

	.small_block{
		width: 100%;
		height: auto;
		border-top: 0px;
	}

	.small_block .icon{
		margin: 0 0 0 15px;
    	float: left;
	}
	.small_block .divider{
		display: none;
	}
	.small_block .new{
		right:0;
		margin:-16px 8px 0 0;
	}
	.small_block .learn_more{
		font-size: 11px;
	    width: 100%;
	    margin: 10px 0 0 70px;
	    float: left;
	    text-align: left;
    	display: block;
	}
	.small_block p {
		text-align: left;
    	font-weight: lighter;
    	font-size: 18px;
    	width: 83%;
    	padding-right:1%;
    	float: right;
    	margin: 0px !important;
	}

	.side_nav_popup{
		width: 97%;
		margin: 0% 0 0 0;
	}

	.header_popup{
		height:100%;
		top:12%;
		width: 99%;
   		margin-left: -10%;
	}

	.side_nav_popup .side_nav_popup_header {
	    font-size: 20px;
	    font-size: 16px !important;
	    width:94% !important;
	    padding: 10px 3% 10px 1% !important;
	}

	.popup_close{
		margin:0px 1px 0 20px;
	}


	.login_banner{
		margin-bottom: 0px;
		height: /*95%*/ 76%;
    	background-position: center;
	}

	.login_banner .welcome {
	    margin: 0 auto;
	    height: 90px;
	    width: 80%;
	    padding: 5% 10%;
	    font-size: 14px;
	    float: none;
	}

	.login_banner .welcome b {
	    font-size: 22px;
	}

	.login_banner .login_form {
	    margin: 160px 0 0 -100% !important;
    	/*width: auto;
   		position: absolute;*/
	    height: 90px;
	    width: 80%;
	    padding: 5% 10%;
	    font-size: 14px;
	    float: none;
	}

	footer{
    	bottom: 0;
    	/*height:20px;*/
	}

	.side_nav_popup p{
		padding:0 5px;
	}

	.popup_close{
		width: 30px;
	}

	.blocks_holder_mobile .small_blocks_holder {
		margin-bottom: 20px;
		overflow: hidden;
	}

	.blocks_holder_mobile .small_block {
		margin-bottom: 0px;
	}

	.small_block_faux_border {
		height: auto;
		margin: 0 4px 4px 4px;
	}

	.accordion_content{
		font-size: 16px;
		font-weight: normal;
		padding: 10px;
		line-height: 24px;
	}
	
	#page_accordion th, #page_accordion td{
		padding:3px;
		font-weight: normal;
		font-size: 14px;
	}

	#page_accordion h3{
		padding:20px 20px 20px 10px !important;
	}

	.main{
		height: 500px;
	}

	#related_forms, #related_contacts {
	    top: 15%;
	    width:97.5%;
	    max-height:80%;
	}
   

        .inner #search_query input[type=text] {
            width: 120px;
        }

	#search_types{
		font-size: 12px;
	}

	#search_types input[type=radio]{
		margin-right:0px;
	}

	#search_tools label{
		margin:0px 12px 0px 0px !important;
	}

	#search_content_types .inner{
		font-size: 12px;
	}
	#search_content_types .inner label{
		font-size: 12px;
	}

	.donut_chart{
		float: none;
    	margin: 0 auto;
    	width: 100%;
    	text-align: center;
   }
	div.intro table { 
		table-layout: fixed;
	}
	div.intro table tbody { 
		width: 100%;
		overflow-x: scroll;
	}
	div.intro table th,
	div.intro table td {
		padding: 6px;
		font-size: 14px !important;
	}
	div.intro div.enrollment table th,
	div.intro div.enrollment table td {
		font-size: 14px !important; 
	}	
}


@media (max-width:550px){
	
	.home_banner_disclaimer {
		font-size: 9px; 
	}
	div.contribution_section_item,
	.contribution_section_left,
	.contribution_section_right,
	.template_content_right .contribution_section_right {
		width: 100% !important;
		float: none;
		margin: 10px 0 0 0;
	}


}


@media (max-width:450px){
	
	.home_banner {
		height: auto;
	}
	
	.home_banner_disclaimer {
		font-size: 8px; 
	}

}


/*@media(max-height:568px){

	.login_banner{
		height: 76% ;
	}


}*/

@media (max-width: 370px) {
	div.side_fixed { 
		width: 320px; 
		top: 80px;
	}
	div.side_fixed a:nth-of-type(3) {
		 clear: both
	}
	div.side_fixed a {
		margin-bottom: 0.2rem;
	} 
}

/* 2020.8.5, YW: extreme case IE */
@media (max-width: 300px) {
	#burger {
		margin-left: 10px;
	}
	img.logo {
		margin-left: 0;
	}
	div.mobile_search {
		margin-left: 20px;
		float: left;
	}
}



.ui-accordion-header-active,
.ui-accordion-header.ui-state-focus {
	outline: none;
}





#search_tools{
	margin-top: 20px;
	background-color: #E8E8E9;
	width: 100%;
	text-align: left;
	color: #333333;
}

#search_tools .inner {
	margin: 0px 20px 0px 10px;
    font-size: 12px;
}
#search_query {
	display: inline-block;
	white-space: nowrap;
	margin: 20px 20px 14px 0px;
}
#search_types {
	display: inline-block;
	white-space: nowrap;
	margin: 0px 0px 20px 0px;
}
#search_tools label {
	margin: 0px 20px 0px 0px;
}
#search_tools input[type='radio'] {
	margin: 0px 5px 0px 0px;
	height: 20px;
    width: 20px;
}

#search_tools a{
	text-decoration: none;
	margin: 0 15px;
	font-size: 14px;
	color: #333333;
}
#search_tools a:hover{
	color: #8a8b8a;
	cursor: pointer;
}




#search_content_types{
	margin-top: 10px;
	width: 100%;
	text-align: left;
	color: #333333;
}

#search_content_types .inner {
	margin: 0px 20px 0px 20px;	
}

#search_content_types label {
	margin: 0px 0px 0px 20px;
}




#search_results {
	color: #939598;
	font-size: 16px;
	margin: 20px 20px 90px 20px;
}
.search_result:first-child {
	border-top: solid 3px #E7E7E8;
}
.search_result {
	color: #939598;
	text-decoration: none;
	display: block;
	border-bottom: solid 3px #E7E7E8;
	padding: 20px 0px 20px 0px;
	margin: 0px;
}
.search_result:hover {
	color: #333333;
}
.search_result_header {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}
.search_result_type {
	float: right;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px 4px;
	width: 60px;
	text-align: center;
}
 
 

div.intro p sup,
.footnotes {
	font-family: "Helvetica", arial;
 	font-size: 16px;
	line-height: 20px;
	font-style: italic; 
} 
.footnotes {
	margin: 20px 0;
}
.small_block {
    color: #333333;
}
    .small_block:hover {
        color: #fff;
    }