﻿
/*************************************** FONTS *************************************************/
/**********************************************************************************************/

/* OPEN SANS REGULAR */
@font-face {
    font-family: 'open_sansregular';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* OPEN SANS ITALIC */
@font-face {
    font-family: 'open_sansitalic';
    src: url('/fonts/OpenSans-Italic-webfont.eot');
    src: url('/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* OPEN SANS SEMIBOLD */
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* OPEN SANS SEMIBOLD ITALIC */
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* OPEN SANS BOLD */
@font-face {
    font-family: 'open_sansbold';
    src: url('/fonts/OpenSans-Bold-webfont.eot');
    src: url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* OPEN SANS BOLD ITALIC */
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('/fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* OPEN SANS EXTRA BOLD */
@font-face {
    font-family: 'open_sansextrabold';
    src: url('/fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* OPEN SANS EXTRA BOLD ITALIC */
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* MONTSERRAT HAIRLINE */
@font-face {
    font-family: 'montserrat_hairline';
    src: url('/fonts/Montserrat-Hairline-webfont.eot');
    src: url('/fonts/Montserrat-Hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Montserrat-Hairline-webfont.woff2') format('woff2'),
         url('/fonts/Montserrat-Hairline-webfont.woff') format('woff'),
         url('/fonts/Montserrat-Hairline-webfont.ttf') format('truetype'),
         url('/fonts/Montserrat-Hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* MONTSERRAT LIGHT */

@font-face {
    font-family: 'montserrat_light';
    src: url('/fonts/Montserrat-Light-webfont.eot');
    src: url('/fonts/Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Montserrat-Light-webfont.woff2') format('woff2'),
         url('/fonts/Montserrat-Light-webfont.woff') format('woff'),
         url('/fonts/Montserrat-Light-webfont.ttf') format('truetype'),
         url('/fonts/Montserrat-Light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* MONTSERRAT REGULAR */
@font-face {
    font-family: 'montserrat_regular';
    src: url('/fonts/Montserrat-Regular-webfont.eot');
    src: url('/fonts/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Montserrat-Regular-webfont.woff2') format('woff2'),
         url('/fonts/Montserrat-Regular-webfont.woff') format('woff'),
         url('/fonts/Montserrat-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* MONTSERRAT BOLD */
@font-face {
    font-family: 'montserrat_bold';
    src: url('/fonts/Montserrat-Bold-webfont.eot');
    src: url('/fonts/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Montserrat-Bold-webfont.woff2') format('woff2'),
         url('/fonts/Montserrat-Bold-webfont.woff') format('woff'),
         url('/fonts/Montserrat-Bold-webfont.ttf') format('truetype'),
         url('/fonts/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* MONTSERRAT BLACK */

@font-face {
    font-family: 'montserrat_black';
    src: url('/fonts/Montserrat-Black-webfont.eot');
    src: url('/fonts/Montserrat-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Black-webfont.woff2') format('woff2'),
         url('/fonts/Montserrat-Black-webfont.woff') format('woff'),
         url('/fonts/Montserrat-Black-webfont.ttf') format('truetype'),
         url('/fonts/Montserrat-Black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}



body, header, nav, section, aside, article, footer, div, h1, h2, h3, h4, h5, h6, p, img, a, table, td, tr, ul, ol, li, form, fieldset, legend, input  {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	font-family: Arial, Helvetica, Sans-Serif;
}

a {
	cursor: pointer;
}

body {
	background: #0158a5;
}
img {
	border: none;
}
#container {
	width: 100%;
}

div, h1, h2, h3, h4, h5, h6, p, img, a, table, td, tr, ul, ol, li, form, fieldset, legend, input {
	font-size: 13px;
}

/*-------------------------------------------------------------------------------------- TOP NAV ----------------------------------------------------------------------------*/

#topNav-outer {
	width: 100%;
	background: #0158a5 url(../../img/Master/Master_topNav_bg.gif) bottom repeat-x;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0158a5), to(#073f78)); 
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #0158a5, #073f78);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #0158a5, #073f78);
	/* IE 10 */
	background: -ms-linear-gradient(top, #0158a5, #073f78);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #0158a5, #073f78);
	display: inline-block;
	/*border-bottom: solid 2px #539fe9;*/
}

/* LANG SELECT */

#langSelect {
	float: left;
	position: absolute;
	z-index: 100;
	margin-left: 28px;
	margin-top: -3px;
	padding: 9px 0px 8px 0px;
	background: #539fe9;
	width: 68px;
	height: 38px;
	box-shadow: none;
	background: url(../../img/Master/langSelect-bg.png) 0px -2px no-repeat;
	/*display: none;*/
}

#langSelect li {
	float: left;
	width: 32px;
	line-height: 12px;
	text-align: center;
}

#langSelect li a {
	font-family: arial, Sans-Serif;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}

#langSelect .rightPipe {
	border-right: solid 1px #fff;	
}

#langSelect li a:hover {
	color: #073f78;
}

#langSelect li a.topNavSelect {
	color: #073f78;
}

/* TOP NAV LIST */

#topNavList {
	float: right;
	display: inline-block;
	padding: 5px 0px;
	margin: 0px 25px 0px 0px;
}

#topNavList li {
	float: left;
	font-size: 12px;
	line-height: 12px;
}

#topNavList li a {
	font-size: 13px;
	line-height: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	display: block;
	padding: 1px 10px 2px 10px;
}

#topNavList .rightPipe {
	border-right: solid 1px #fff;	
}

#topNavList li a:hover {
	color: #8dbfeb;
}

#topNavList li a.topNavSelect {
	color: #8dbfeb;
}



/* TOP NAV MOBILE & TABLET */



@media only screen and (max-width: 690px){
	
	#topNavList {
	display: none;
	}

#langSelect {
	float: left;
	position: relative;
	z-index: auto;
	margin-left: 15px;
	margin-top: 0px;
	padding: 9px 0px 8px 0px;
	background: #539fe9;
	width: auto;
	height: auto;
	box-shadow: none;
	background: none;
}

#topNav-outer {
	height: 22px;
}

#langSelect li {
	float: left;
	width: 48%;
	line-height: 12px;
	text-align: center;
}

#langSelect li a {
	font-size: 14px;
	padding: 0px 10px;
}


#langSelect li a:hover {
	color: #8dbfeb;
}

#langSelect li a.topNavSelect {
	color: #8dbfeb;
}

}

/*--------------------------------------------------------------------------------- CONTENT ----------------------------------------------------------------------------*/

#mainbody-outer {
	width: 100%;
	background: #d8d8d8 url(../../img/Master/master-bg.png) 50% repeat-y;
	background: #e3e3e3 url(../../img/Master/master-bg.png) 50% repeat-y;
	background: #e8e8e8;
	background: #f1f1f1;
}

#mainbody-inner {
	background: #fff;
	position: relative;
}

header, nav {
	display: inline-block;
}

section {
	display: inline-block;
	width: 100%;
}

/* LOGO AREA */

#header {
 width: 100%;
}

#UNFCU_logo {
	display: inline-block;
}

#UNFCU_logo img {
		width: 160px;
		margin: 40px 35px 35px 35px;
	}


#footer-inner, #mainbody-inner, #topNav {
		width: 1000px;
		margin: 0 auto;
	}

/* STANDARD, COMPRESS */
@media only screen and (max-width: 1000px){

#footer-inner, #mainbody-inner, #topNav {
		width: 100%;
		margin: 0 auto;
	}

 }

 /* LOGO MOBILE AND TABLET */

@media only screen and (max-width: 690px){

	#UNFCU_logo img {
		width: 150px;
		margin: 40px 35px 10px 25px;
	}

}



/*----------------------------------------------------------------	SEARCH -----------------------------------------------------------------------------------------*/


/* LOGO AREA EXTENDED, STANDARD, COMPRESSED COMBINED */

	#search {
		background: #073f78;
		width: 185px;
		position: absolute;
		right: 27px;
		top: 0px;
		padding: 3px 10px 5px 10px;
	}

	#search input {
		width: 150px;
		font-size: 12px;
		float: left;
		border: none;
		border-radius: 2px;
		padding: 2px 5px 2px 5px;
		*padding: 0px 5px;
	}
	#search-button {
		width: 35px;
		height: 22px;
		background: url(../../img/Master/search.png) 3px -3px no-repeat;
		cursor: pointer;
		position: absolute;
		right: 0px;
	}




/*---------------------------------------------------------CONTENT PIVOT -------------------------------------------------*/
	
#contentPivot-Select-inner select {
		width: 100%;
		margin: 3px 0px 10px 0px;
	}

	select#DropDownList2 {
		margin-bottom: 15px;
	}

	#contentPivot-Select-outer {
		display: none;
	}

	.contentPivot-show {
		display: block;
	} 

	.contentPivot-buttons {
		display: inline-block;
		width: 100%;
	}

	#contentPivot-Select-inner input {
		padding: 2px 10px;
		float: left;
	}

	#ViewEntireSite {
		float: right;
		text-decoration: underline;
		font-weight: bold;
		padding-top: 2px;
		cursor: pointer;
	}

#ContentPivot-Close {
		position: absolute;
		height: 36px;
		width: 36px;
		background: url(../../img/Master/pivot-close.png) 0px 0px no-repeat;
		top: -17px;
		right: -17px;
		top: 2px;
		right:5px;
		cursor: pointer;
}


#contentPivot-button {
		/*font-size: .8em;*/
		font-size: 12px;
		text-decoration: underline;
		color: #555;
		font-weight: bold;
		cursor: pointer;
		position: absolute;
		right: 27px;
		top: 30px;
		width: 205px;
		text-align: center;
	}

#contentPivot-button:hover, #contentPivot-button:hover div {
	text-decoration: none;
	color: #777 !important;
}

	#contentPivot-Select-outer {
		position: fixed;
		width: 100%;
		z-index: 5000;
		height: 100%;
		top: 0px;
		left: 0px;
	}

	#contentPivot-Select-inner {
		position: relative;
		margin: 0px auto;
		width: 30%;
		padding: 30px;
		background: #fff;
		border: solid 4px #ccc;
		top: 100px;
		z-index: 5001;
		box-shadow: 0px 0px 15px #111;

	}

	#contentPivot:hover {
		color: #004b8d;
	}
	
	#gradiate {
		position: absolute;
		left: 0px;
		width: 100%;
		background: black;
		height: 100%;
		opacity:0.5;
		filter:alpha(opacity=50); /* For IE8 and earlier */
	}



@media only screen and (min-width: 481px) and (max-width: 700px){
	#contentPivot-Select-inner {
		width: 50%;
	}

	#contentPivot-Select-inner {
		top: 22px;
	}
}

/* CONTENT PIVOT MOBILE */
@media only screen and (max-width: 480px){

	#contentPivot-button {
		position: relative;
		right: auto;
		top: auto;
	}

	#contentPivot-Select-outer {
		position: relative;
		width: 100%;
		z-index: 5000;
		height: 100%;
		top: auto;
		left: auto;
	}

	#contentPivot-Select-inner {
		position: relative;
		margin: auto;
		width: 30%;
		padding: 30px;
		background: none;
		border: none;
		top: auto;
		z-index: auto;
		box-shadow: none;

	}

	#contentPivot:hover {
		color: #004b8d;
	}
	
	#gradiate {
		display: none;
	}

	#contentPivot-Select-inner select {
		height: 25px;
	width: 100%;
	font-size: 15px;
	font-family: Verdana, Lucida Sans;	
	}

	#contentPivot-outer {
		display: none;
		background: #d5d5d5;
		width: 100%;
		box-shadow: 1px 1px 3px #555;
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#c6c6c6));
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(top, #efefef, #c6c6c6); 
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #efefef, #c6c6c6);  
		/* IE 10 */
		background: -ms-linear-gradient(top, #efefef, #c6c6c6);  
		/* Opera 11.10+ */
		background: -o-linear-gradient(top, #efefef, #c6c6c6);
	}

	#contentPivot-Select-inner {
		position: relative;
		margin: 0px auto;
		width: 80%;
		padding: 0px 0px 20px 0px;
	}

	#contentPivot-button {
		/*font-size: .8em;*/
		font-size: 13px;
		text-align: center;
		color: #333;
		font-weight: bold;
		cursor: pointer;
		padding: 8px 0px 8px 0px;
		width: auto;
	}

	#contentPivot:hover {
		text-decoration: underline;
	}
	
	#ContentPivot-Close {
		display: none;
	}

}


 /*--------------------------------------------- DISCLOSURE OVERLAY ----------------------------------------------*/

.overlay-outer {
		position: fixed;
		width: 100%;
		z-index: 500000;
		height: 100%;
		top: 0px;
		left: 0px;
		display: none;
	}

.overlay-bg {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		background: #000;
		opacity:0.7;
		filter:alpha(opacity=70); /* For IE8 and earlier */
		height: 100%;
		z-index: -1000;
	}

.overlay-inner {
	position: relative;
	width: 665px;
	margin: 0px auto 0% auto;
	top: 10%;
	background: #fff;
}

.overlay-content {
	padding: 20px 45px 20px 20px;
	box-shadow: 0px 0px 15px #111;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.assumption-disclosure {
	display: none;
}

.overlay-content div, .overlay-content p {
	padding-bottom: 10px;
}

.overlay-content div p {
	padding-bottom: 0px;
}

.overlay-content a {
	font-weight: bold;
	text-decoration: underline;
}

.overlay-content ul {
	padding-bottom: 10px;
}

.overlay-content li {
	padding-left: 0px;
	list-style-type: disc;
	margin-left: 20px;
}

.overlay-close {
	background: url(../../img/Master/pivot-close.png) right 0px no-repeat;
	position: absolute;
	height: 45px;
	width: 45px;
	top: 5px;
	right: 20px;
}

.overlay-close:hover {
	cursor: pointer;
}


/* STANDARD */

@media only screen and (max-width: 1000px){
.overlay-inner {
	width: 72%;
}


.overlay-content {
	padding: 20px 8% 20px 5%;

}

.overlay-close-container {
		width: 72%;
		padding: 20px 8% 20px 5%;
}
}

/* MOBILE */

@media only screen and (max-width: 450px){	
.overlay-content p {
	padding-bottom: 10px;
	font-size: 15px !important;
}

.overlay-inner {
	width: 82%;
}

.overlay-content {
	padding: 20px 12% 20px 5%;
}

.overlay-close-container {
		padding: 20px 12% 20px 5%;
}
}


/*---------------------------------------------------------- MAIN NAV -----------------------------------------------------*/

nav {
	background: #fff url(../../img/Master/Master_Nav_bg.gif) bottom repeat-x;
	height: auto;
	width: 100%;
	position: relative;
	display: inline-block;
	z-index: 1000;
}

.mainNav-link {
		color: #333;
		font-size: 15px;
		display: block;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*
	}

#mobileNav-outer {
	display: inline-block;
	width: 100%;
}

#mobileNav {
		text-indent: -9999px;
		margin-right: 20px;
		width: 41px;
		height: 40px;
		cursor: pointer;
		float: right;
	}

.mobileNavInActive {
	background: url(../../img/Master/masternav.png) 10px 12px no-repeat;
}

.mobileNavActive {
	background: #0158a5 url(../../img/Master/masternav.png) -22px 12px no-repeat;
}

.mobileNavHover {
	background-color: #073f78;
	}
	
.mainNav-link {
		padding: 6px 20px 4px 20px;
		height: 24px;
		float: left;
	}

#mainNavList {
		margin-left: 15px;
	}


.mainNavli {
		float: left;
	}

.mainNavlihover {
		background: #004b8d !important;
		color: #fff;
	}

.mainNavHoverColor {
		color: #fff;
		background: #004b8d !important;
	}

#mobileNav {
		display: none;
	}

.mainNavSelect {
		background: #073f78;
		background: #0158a5;
		background: #01529a;
		color: #fff;
		}
.mainNavSelectHover {
		background: #004b8d;
		}

.mainNav-Special {
display: none;
}



@media only screen and (min-width: 691px) and (max-width: 850px){
	.mainNav-link {
		padding: 6px 9px 3px 9px;
		height: 24px;
		font-size: 14px;
		text-transform:inherit;
		float: left;
		line-height: 16px;
	}

	#dropdown-Benefits, #dropdown-Offers, #dropdown-Education, #dropdown-About {
		text-align: left;
	}

	#mainNavList {
		margin-left: 25px;
	}

}

/* EXTENDED */

@media only screen and (min-width: 1001px) {
	#footer-inner, #mainbody-inner, #topNav {
		width: 1000px;
		margin: 0 auto;
	}
}



/* MOBILE AND TABLET */

@media only screen and (max-width: 690px){


	nav {
		background: #fff url(../../img/Master/Master_Nav_bg.gif) 0px 21px repeat-x;
	}

	#mainNavList {
		background: #004b8d;
		padding: 0px;
		padding: 0px 0px 20px 0px;
	}

	.mainNavList {
		display: none;
	}

	#mainNavList li a {
		color: #fff;
		display: block;
		padding: 15px 0px 15px 25px;
		background: #0e4c8c;
		font-size: 1.2em;
		font-family: Verdana, Arial, Sans-Serif;
	}

	#mainNavList li a:hover {
		background: #073f78;
	}


	.mainNav-link {
		padding: auto;
		height: auto;
		float:none;
	}

	#mainNavList {
		margin-left: 0px;
	}


	.mainNavli {
		float: none;
	}

#mobileNav {
		display: block;
	}

.mainNavHoverColor {
		color: #fff;
		background: #073f78 !important;
	}

	.mainNav-Special {
display: block;
}

}

/*------------------------------------------------------------ DROP DOWN NAVIGATION---------------------------------------------*/

.dropdown-nav {
	width: 100%;
	background: #004b8d;
	position: absolute;
	top: 33px;
	left: 0px;
	display: none;
	_width: 1000px;
}

.dropdown-nav-visible {
	display: block;
}

.dropdown-nav-outer {
	padding: 10px 35px 25px 35px;
}

.dropdown-nav-inner {
	display: inline-block;
	width: 100%;
}

.dropdown-Column {
	float: left;
	width: 27%;
}

.dropdown-section {
	padding-bottom: 10px;
	}

.dropdown-sectionTitle {
	font-size: 14px;
	font-family: arial;
	display: block;
	font-weight: bold;
	color: #8dbfeb;
	padding: 3px 30px 3px 5px;
	/*text-decoration: underline;*/
	}



.dropdown-section li a {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 3px 10px 3px 5px;
}

.dropdown-sectionTitle-singular {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 3px 10px 3px 10px;
	}

.dropdown-section li a:hover, a.dropdown-sectionTitle:hover {
	background: #073f78;
	}

.dropdown-Column-SO, .dropdown-Column-MB {
	float: left;
	width: 33%;
}

.dropdown-SO-info {
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 3px 30px 3px 5px;
}


/* DROP DOWN COMPRESSED */

@media only screen and (min-width: 691px) and (max-width: 767px){
	#dropdown-Benefits, #dropdown-Offers, #dropdown-Education, #dropdown-About {
		text-align: left;
	}
	.dropdown-Column {
	float: left;
	width: 33%;
	}
}

/* MOBILE AND TABLET */

@media only screen and (max-width: 690px){

	.dropdown-nav {
		display: block;
		left: -99999px;
	}

}

.mainNavShow {
		display: block;
}



/*---------------------------------------------  BREADCRUMB NAVIGATION --------------------------------------*/

#breadcrumb {
	background: #073f78;
	background: #0158a5;
	display: inline-block;
	width: 100%;
	background: #01529a;
	}	
	
.breadcrumb p {
	color: #fff;
	font-size: 12px;
	padding: 4px 7px 4px 0px;
	padding: 4px 7px 6px 0px\9;
	float: left;
	}
	
.breadcrumb p a {
	color: #fff;
	font-size: 12px;
	}

.breadcrumb p a:hover {
	color: #8dbfeb;
	} 

.breadcrumb {
	padding-left: 35px;
	}	


/* MOBILE AND TABLET */

@media only screen and (max-width: 690px){
.breadcrumb {
	padding-left: 25px;
	}	
.breadcrumb p a {
	color: #fff;
	font-size: 14px;
	}

}


/*-------------------------------------------------------------FOOTER--------------------------------------------------------------*/

#footer-outer {
	width: 100%;
	padding-bottom: 20px;
	background: #0158a5 url(../../img/Master/Master_footer_bg.jpg) top repeat-x;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#073f78), to(#0158a5));
  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #073f78, #0158a5);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #073f78, #0158a5);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #073f78, #0158a5);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #073f78, #0158a5);
	border-top: solid 3px #8dbfeb;
}

footer {
	margin: 0px 35px 0px 35px;
}


#footer-navigation {
	/*font-size: .9em;*/
	display: inline-block;
	width: 100%;
}

#footer-navigation ul {
	width: 20%;
	float: left;
	margin: 15px 25px 0px 0px;
}

.footerNavTitle {
	text-transform: uppercase;
	font-weight: bold;
	color: #8dbfeb;;
}

#footer-navigation ul li{
	padding: 0px 0px 5px 0px;
}

.footerNavLink a{
	color: #fff;
}

.footerNavLink a:hover{
	color: #fff;
	text-decoration: underline;
}

#footer-disclaimer {
	margin: 40px 0px 25px 0px;
}

#footer-disclaimer p {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	/*font-size: .8em;*/
	color: #fff;
}

#EHO_logo {
	text-indent: -9999px;
	background: url(../../img/master/NCUA_logo-hires.png) 0px 0px no-repeat;
	background-size: 120px 35px;
	background: url(../../img/master/NCUA_logo.png) 0px 0px no-repeat\9;
	width: 121px;
	height: 36px;
	margin: 0px 0px 10px 0px;
	cursor: pointer;
}



/* TABLET */

@media only screen and (min-width: 481px) and (max-width: 600px){

	#footer-navigation ul {
	width: 100%;
	margin-top: 15px;
	float: none;
	}

	#footer-navigation .footer-float {
	float: left;
	width: 45%;
	}
}

/* MOBILE */

@media only screen and (max-width: 480px){	

	#search {
		background: #f1f1f1;
		width: 70% !important;
		position: absolute;
		left: 25px;
		right: auto;
		bottom: -50px;
		top: auto;
		display: inline-block;
		border-radius: 8px;
		border-top: solid 1px #999;
		border-left: solid 1px #999;
	}
	
	#search input {
		width: 85%;
		/*margin: 5px 5px 0px 0px;
		*margin: 2px 5px 0px 0px;*/
		background: none;
		margin: 0px;
		float: left;
		border: none;
		font-size: 15px;
		border-radius: 8px;
		vertical-align: middle;
		position: relative;
		padding: 2px 5% 2px 0px;
		text-align: left;
		}

	#search-button {
		width: 15%;
		height: 29px;
		background: url(../../img/Master/search.png) 50% -26px no-repeat;
		cursor: pointer;
		right: 0px;
		margin-top: 0px;
		position: absolute;
		}

	footer {
		margin: 55px 30px 0px 30px;
	}

}

/* MOBILE FOOTER */

@media only screen and (min-width: 301px) and (max-width: 480px){
	#footer-navigation ul {
	width: 100%;
	float: none;
	}

	#footer-navigation .footer-float {
	float: left;
	padding: 0px 15px 0px 0px;
	width: 42%;
	margin: 0px;
	}
}

@media only screen and (max-width: 300px){
	#footer-navigation ul {
	width: 100%;
	}
}

@media only screen and (max-width: 600px){
#footer-navigation ul li{
	font-size: 15px;
}

#footer-navigation ul li a{
	font-size: 15px;
}

#footer-disclaimer p {
	font-size: 14px;
}
}


/*------------------------------------------------ HI RES IMAGES ---------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

.mobileNavInActive {
	background-image: url(../../img/Master/masternav-hires.png);
	background-size: 55px 17px;
}

.mobileNavActive {
	background-image: #0158a5 url(../../img/Master/masternav-hires.png);
	background-size: 55px 17px;
}

#search-button {
		background-image: url(../../img/Master/search-hires.png);
		background-size: 37px 50px;
	}


}


/*----------------------------------------------------------------------------SEARCH PAGE -------------------------------------------------------------------------*/
.searchResults br {
	display: none;
}

.g a {
	font-weight: bold;
	font-size: 15px !important;
	text-decoration: underline !important;
}

.j {
	font-size: 13px !important;
	line-height: 17px;
}

.t {
	white-space: normal !important;

}

.t td {
	white-space: normal !important;
		padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

@media only screen and (max-width: 600px){
.ektronSearch {
	padding: 0px 20px !important;
	
}

.g a {
	font-weight: bold;
	font-size: 18px !important;
	text-decoration: underline !important;
	line-height: 24px !important;
}

.j font {
	font-size: 15px !important;
	line-height: 20px !important;
}

}
