html, body {
    color:#4a4a4a;
    font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #FFFFFF;
    margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	text-align:center;
}

.frame.colored {
    border-color:#0e4d97;
    background-color: #e0e7fc;
}
.popup_bg {
	background-color:#f8f8f8; 	
}	
.popup_co {
	color:#4a4a4a; 	
}

.primary_co {
	color:#0e4d97 !important;
}	
a.primary_co:hover {
	color: #0e4d97 !important;
}

.primary_bg {
	background-color:#0e4d97 !important;
	border-color:#0e4d97 !important;
}
.edibtn.primary_bg:hover,
a.primary_bg:hover{
	background-color:#0e4d97 !important; 
	border-color:#0e4d97 !important;
}
.primary_br {
	border-color:#0e4d97 !important;
	color:#0e4d97 !important;        
}
a.primary_br:hover,
.edibtn.primary_br:hover,
.bttn.outline:hover {
	border-color:#0e4d97 !important; 
	background-color:#edf0f7 !important;
	color:#0e4d97 !important;
}	
.bttn.outline {
    background-color: #fbfbfb;
    border: 1px solid #0e4d97;
    color: #0e4d97;
    margin: -1px 0px !important;
}
.primary_font {
	color:#ffffff; 
}

.secondary_bg {
	background-color: #0e4d97 !important;
}
.secondary_bg:hover,a.secondary_bg:hover {
	background-color: #0e4d97 !important;
}
.secondary_font {
	color:#ffffff !important;
}

.header{
	background-image: url("../images/CUA283.png");
	background-repeat:no-repeat;
	background-position:0px 10px;
	background-size:120px 40px;	
	height:60px;
	border-bottom:2px solid #a3a3a3;
	margin:0px 10px 20px 10px;
}

/* this is for the exit button in the header*/
.fa.fa-sign-out.exit{
	float:right;
	color:#a3a3a3;
	margin-top: 17px;
	margin-right:10px;
	font-size:25px;
	cursor:pointer;
}
.fa.fa-times.exit{
	float:right;
	color:#a3a3a3;
	margin-top: 17px;
	margin-right:10px;
	font-size:25px;
	cursor:pointer;
}