/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is requi#3A64AD to copy or use any documents from this website
--------------------
*/

@import "https://fonts.googleapis.com/css?family=Raleway:400,500,600";

@font-face {

    font-family: 'arial-black';
    src: local('Arial Black');

}

#pp_full_res iframe { overflow: auto !important; }

/* HTML TAG RE-DEFINITIONS */
html {font-size:1em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-height:100%; position:relative; /* Prevent font scaling in landscape */}
body{ font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: .9em; color: #415a6b; height:100%; background: #f4f5f6; line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */}
body.noscroll { position: fixed; overflow-y: auto; width: 100%; }
* {margin:0; padding:0; }

/* GENERAL LIST */
ul {}
li {font-size: 1em;}


/* GENERAL LINKS */
a {color:#3a64ad; text-decoration:none; }
a:hover {text-decoration:none; color:#30a672; }


/* OTHER USEFUL ELEMENTS & CLASSES */
hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dashed #dfe4eb; border-bottom: 1px dotted #FFFFFF; display:none; }
strong {font-weight:bold; }
iframe {border: 1px dotted #dfe4eb; width:100%; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; }
iframe.spotlightnew {border: 1px dotted #dfe4eb; width: 200px; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; height: 100px; }
img {border: none; height: auto;}
#contentarea img {width:auto; max-width:100%;}
p {margin-bottom: 10px; font-size: 1em; color: #415a6b;}
acronym {cursor: help; border-bottom: 1px dotted #dfe4eb; }
font, td {font-size: 1em; }
table.membership {margin-bottom:0px; margin-top: 10px;}
table.membership td {background: #60859f; color: white; font-weight: bold; padding: 3px 10px;}
td.membership_table {background: #eff3f5; border-top: 2px solid #60859f; float: left; font-size: 0.9em; margin: 0 0 10px; padding: 15px 10px 10px;}
td.membership_table img:not(.imgDocIcon) {width:130px !important;}
td.membership {color:#ffffff; padding:3px; }
em, small {color: #333333; }
small a {color: #3E8dfe4eb; font-size:11px; }
small a:hover {color:darkOrange; }
tr#TemplateRow1 {display: none; }
img#footer-cu-logo { /*background: url(../../templates/current/images/footer_logo.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    background-size: 190px auto;*/
    image-rendering:-webkit-optimize-contrast;
    image-rendering: crisp-edges;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    float: left;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    padding-right: 10px;
    text-indent: -9999px;
	width:190px;}
.pagetitle_image {display:none;}
.pagetitleSectionSpan {display:none;}
#byline_members { box-sizing: border-box;
    color: white;
    float: right;
    padding: 0 10px;
    position: absolute;
    right: 25px;
    top: 140px;
    width: 100%;
	display:none;}

#byline {display: none; position: absolute; top:60px; right:315px; text-align: right; font-family: georgia; font-style: italic;}
span#spanBylineEmail {display: block;}
	
.contactdetails { width: auto; float: left; color: white; }
.contactdetails a {color:white;}
.currentdate { float: right; text-align: right; width: 50%;color: white;  }

.contactdetails p {}
#submenu_latest {display:none;}
#newsArticleFacebookDiv, #newsArticleTwitterDiv, #newsArticlePrintDiv {display: inline;  margin: 0 10px 80px 0; position: relative; width: 70px; height:30px;}
.newsArticlePageDateDiv {font-family:Georgia; font-size:14px; font-style:italic; line-height: 30px; padding: 10px 0 0;}
#spanNewsPageTitle {display:none;}
#newsPage img {max-width: 100%;}
.youthnews_youthnews img {max-width: 100%;}
.newsArticleTextContentDiv {border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;}
#newsArticlePageTitleDiv {border-bottom: medium none;
    color: #333333;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;}
#newsArticleReadMoreLinkDiv {margin-top:10px;}
#fscs {float: left;padding-right: 37%; width: 66%;}
.Firstline {color: white;
    display: none;
    font-size: 21px;
    line-height: 17px;
    margin-bottom: 0;}
.Secondline {color: white;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0;
    padding-bottom: 1px;}
.Thirdline {color: white;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;}

.imgDocIcon {
    vertical-align: text-bottom; width: 18px; margin-right:5px; }

.spanDocDownloadSize {color: #bbb;}
table.estatements {}
table.estatements td {background:white;}
table.estatements td img {max-width:300px; width:100%;}

/* SITEMAP PAGE */
#searchPage table {width:100%;}
#searchPage td {font-size: 1em; padding: 5px 0;}
#searchPage td:nth-child(1) {  font-weight: bold;}
#searchPage td img {vertical-align: middle!important;
        margin-right: 10px !important;
}

#searchPage td:last-child img {
    padding-left: 5px;
    width: 18px;
}
#searchPage .input_short { border: 1px solid #999; color: #555; float: left; font-family: Arial,Verdana,Geneva,sans-serif;
font-size: 1em; height: 30px; margin-right: -1px;padding: 0 8px; width: 72%;}
#searchPage input.button_submit { font-size: 1em; background-image: url(../../templates/current/images/sitemap_search_btn.gif);  border: medium none; font-size: 0; height: 32px; line-height: 0; overflow: hidden; text-indent: -9999px; width: 32px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
#divSliderLoanCalculatorWrapper {display:none;}
.line1 {color:#666; font-size:14px;}
.line2 {color:#666; font-size: 0.9em;}
img.button {position:relative; right:-7px;}

#mainarea, #membersmainarea {}
#membersmainarea {width:100%;}
#divSliderCalcLoanTypeText {margin-bottom:10px;}
div .services_left {/*background: #dfe4eb;*/ float: left; width: 48.5%; margin-right:1em; margin-bottom: 15px;}
div .services_right {/*background: #dfe4eb;*/ float: left; width: 48.5%; margin-right:0; margin-bottom: 15px;}
div .services_left img, div .services_right img  {padding-right: 10px; width: 117px !important;}
div .services_left h2, div .services_right h2 {border-bottom: medium none;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0; }
div .services_left p, div .services_right p {font-size: 0.9em;
    line-height: 1.3em;
    margin-bottom: 0;
    padding: 10px 10px 0;}
	
div a .services_left , div a .services_right {color: #333333;}
#submenuBreadcrumbs {display:none;}
#onlineNewsletterForm { padding:10px;}
#onlineNewsletterForm input {margin:8px 0; width: 60%;}
#onlineNewsletterForm input.button_submit { font-size: 13px; margin-left: 12px; padding: 5px; width: 30%;}
#newsPage .newsArticleImageSpan {top:0; float: none;
    position: relative;
    width: 100px; }

#homePage .newsArticleImageSpan { display: block;
    float: right;
    position: relative;
    top: 0px;
    width: 120px;
    height: 120px;
    overflow: hidden; }

#homePage .newsArticleImageSpan img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
    }

.newsArticleImageLargeSpan {float: left;
    margin-bottom: 30px;
    width: 100%;}


/* HEADINGS */
h1 {font-size: 20px; line-height: 30px; font-weight: bold; padding-bottom: 5px; }
h2 {border-bottom: 1px dashed #ccc; color: #415a6b; font-size: 1.2em; line-height: 20px; margin-bottom: 10px; margin-top: 0px; padding-bottom: 5px; }
h3 {font-size: 1.2em; padding-bottom: 10px; }
h4 {font-size: 1.3em; font-weight: bold;color: #333333; padding-bottom: 7px; }
#homePage h4.h4quicklinks, h4.h4newsheadlines {background: url(../../templates/current/images/quick_links_bgr.gif) no-repeat; color: #3a64ad; /*#bea64b*/ font: bold 1.3em Arial,Verdana,Helvetica,sans-serif; padding: 15px 10px 15px 60px; background-size:59px 59px; display:none;}
h4.h4newsheadlines {font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #2280ca; padding: 1px 10px 20px 50px; background: url(../../templates/current/images/headlines_bgr.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:1175px auto; display:block; }
h4.h4quicklinks {/*background: url(../../templates/current/images/quicklinks_bgr.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:1170px auto;*/    
    color: #f4f5f6;
    display: block;
    font: 500 1.3em 'Open Sans',Verdana,Helvetica,sans-serif;
    padding: 15px 10px 15px 30px;
    background-color: #bdc8cd;}
h5 {font-size: 12px; font-weight: bold; color: #ff9900; padding-bottom: 15px; }
h6 {font-size: 10px; font-weight: bold; padding-bottom: 15px; }
.pagetitlePageSpan {color: #1d6faf;}


/* COMMONLY USED CLASSES */
.required {font-size: 11px; font-weight: bold;color: #e04343; }
.informational {color: #93a9bd;
    float: left;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: 30px;
    margin-bottom: 5px;
    width: 100%; }
.largeFont {font-size:14px; font-weight: bold; color:#3E8dfe4eb; }
.lighttext {color: #999999; }
.smallfont{color: #999999;
    font-size: 9px;
    line-height: normal;
    position: relative;
    top: 7px; }
	
#onlineform-table-13-0 .smallfont {top:0;}
small {font-size:11px; }
small a{font-size:11px; }
.SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic; }


/*BIC AND IBAN*/
#divBICName,
#divBICValue { line-height: 180%; position: relative; float: left; clear: both; font-weight: bold; font-size:1.2em; color: #c76f08; width:auto; display: inline; border:1px dotted #c76f08;  padding:3px; margin-bottom:0.5em;}
#divBICWrapper,
#divSavingsWrapper {position:relative; float: left; width:100%; }
tr#rowSavings1 {}
#tableBICIBANLoans td:nth-child(1),
#tableBICIBANSavings td:nth-child(1) {font-weight: bold;}
.tableform td, .e-tableform td {}

tr#rowSavings1 td,
tr#rowSavings3 td,
tr#rowSavings5 td,
tr#rowSavings7 td,
tr#rowSavings9 td,
tr#rowLoans1 td{ background-color:#ebe9e9 !important;}


/* FORM FIELDS */
input,select {}
input[name="DOB"]:disabled,
input[type="password"]:disabled { background-color: #c4cfdd !important; border:1px solid #adbdd0 !important;}

.input_2char.PinDigitNotRequired 

{background: rgba(0, 0, 0, 0.05) url(../../templates/current/images/pinNotRequired.png) no-repeat scroll center center / 17px auto !important;}

/* COMMOM CSS ENDS ----------------


/* LOAN CALCULATOR PAGE */
/* UnComment the 3 lines below, to swap Methods A and B */
/*
#methodTwoTable { position: relative; top: -230px; }
#methodOneTable { position: relative; top: 230px; }
*/
.informationalLoanCal { font-size: .5em color: #699; position:relative;float:left;}



/* MAIN OUTER CONTAINER LAYER */

#main {text-align: center; width:100%; background-image: url(../../templates/current/images/main_tile.jpg); background-repeat: repeat-x; background-position: 0 0; float:left;}

#homePage #main {text-align: center; width:100%; background-image: url(../../templates/current/images/main_tile.jpg), url(../../templates/current/images/spotlightWrapper_bgr.jpg); background-repeat: repeat-x, repeat-x; background-position: 0 0, 0px 203px; float:left; }



/* PAGE CONTENT LAYER */
#pageContent{ border-bottom: medium none;
    height: 100%;
    margin: auto;
    max-width: 1172px;
    padding-bottom: 0;
    position: relative;
    text-align: left;}
html>body
#pageContent{}


/*PAGE INNER CONTENT*//* THIS IS USED IN ORDER TO EXTEND THE BACKGROUND COLOUR THE HEIGHT OF THE PAGE FOR ALL BROWZERS ACCEPT IE */
#pageInnerContent { float: left;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;}
#pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden; }


/* PRELOADERS */
#OBLoaderExternal1 {display:block; height:100%; position:relative; width:auto;}
#OBLoaderWrapper1 {}
#OBLoaderDiv1 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20);  -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;}
#OBLoaderWrapper1 img { bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;}

#OBLoaderExternal2 {display:block; height:100%; position:relative; width:auto;}
#OBLoaderWrapper2 {}
#OBLoaderDiv2 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20);  -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;}
#OBLoaderWrapper2 img#OBLoader { bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;}

#OBLoaderExternal3 {display: block; float: left; height: 100%; position: relative; width: 100%;}
#OBLoaderWrapper3 {}
#OBLoaderDiv3 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20);  -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #b3b3b3; float: left; height: 100%; position: absolute; width: 100%;}
#OBLoaderWrapper3 img { bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;}






/* MASTHEAD FACILITIES*/
#facilities {
    box-sizing: border-box;
    float: right;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
    z-index: 300000;}

#facilities ul {
    margin: 0;
    padding: 1px;
}
#facilities li {
    display: block;
    float: right;
    padding-left: 2px;
    padding-right: 4px;
}
#facilities a {
    color: #000000;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 2.35em;
    /*text-align: right;*/
    text-decoration: none;
    vertical-align: bottom;
}
#facilities a:hover {
	color: #0a6dba;
    text-decoration: underline;
}
#facilities #helpmenu {
    background-image: url(../../templates/current/images/help_bgr.gif);
    float: none;
    height: 167px;
    position: absolute;
    right: 15px;
    text-align: left;
    top: 35px;
    visibility: hidden;
    z-index: 1000;
}
#facilities #helpmenu ul {
    float: left;
    margin-top: 5px;
    width: 158px;
}
#facilities #helpmenu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: list-item;
    list-style: none outside none;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width: 158px;
}
#facilities #helpmenu a {
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    padding-left: 5px;
    text-align: left;
    width: 100%;
}
#facilities #helpmenu li:hover {
    background: #31A673;
    padding-left: 0;
    padding-right: 0;
}
#facilities #helpmenu a:hover {
    border-bottom: 0 none;
    text-decoration: none;
}

#header-sitemap {
    float: right;
    width: 33%;
}

#header-search {
    float: right;
    height: 38px;
    overflow: hidden;
    position: relative;
    right: 30%;
    top: 48px;
    width: 243px;
	border-radius: 50px; -webkit-border-radius:50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; behavior: url(templates/current/PIE.htc);}

#header-search .input_search {
    background: #96a4ae none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.7);
    float: left;
    font-size: 1em;
    font-style: italic;
    margin-right: -1px;
    padding: 10px 15px;
    width: 200px;
	height:38px;
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}

#header-search .button_search { 
	background-image: url(../../templates/current/images/search_ic.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    background-color: #96a4ae;
    border: medium none;
    font-size: 0;
    height: 38px;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 40px;
	border-radius: 0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -khtml-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; behavior: url(templates/current/PIE.htc);}

#facilities .divider {
    width: 33%;
}
#header-suggestion {
    clear: left;
    float: right;
    padding-top: 0;
    width: auto;
}
#header-help {
    clear: right;
    float: right;
    padding-top: 0;
    width: auto;
}



/* MASTHEAD */
#masthead {
	background: url(../../templates/current/images/masthead_bgr.png) no-repeat;
    float: left;
	background-position:left 27px;
    height: 224px;
	margin-bottom: 15px;
    padding-bottom: 0px;
    position: relative;
    width: 100%; 
	/*background:url(../../templates/current/images/masthead_bgr.jpg);}*/}

body#membersAreaPage #masthead, #officeAreaPage #masthead, #directorsAreaPage #masthead  {height: 200px; margin-bottom: 0px;}
#masthead .logo #img_masthead {
	float: left;
    padding: 2.6em 3em 2em 0;
    width: 460px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -ms-crisp-edges;
    image-rendering: crisp-edges;
}
#masthead .logo #img_mastheadMobile {display:none;}
/*#membersAreaPage #masthead .logo, #officeAreaPage #masthead .logo, #directorsAreaPage #masthead .logo {padding:1.4em 0 0 0;}*/
#masthead #announcements { color: #fff; font-size: 1.1em;font-weight: bold; right: 340px; position: absolute; top: 80px; display:none; /* filter: alpha(opacity=0); -moz-opacity:0%; */ }
#masthead #announcements a {color: #fff; font-family:Georgia; font-style:italic;}
#masthead #announcements a:hover {text-decoration:underline; color:#0099FF; }
#masthead .area_title { display: none;
    /*background-image: url(../../templates/current/images/padlock.png);
    background-position: center 25px;
    background-repeat: no-repeat;
    color: #3A64AD ;
    float: none;
    font-size: 1em;
    font-weight: bold;
    margin: 2.75% 2% 0 auto;
    padding: 70px 0 0;
    text-align: center;
	width: 140px;
	background-size: 44px auto;*/}
	
#membersAreaPage #masthead .area_title, #officeAreaPage #masthead .area_title, #directorsAreaPage #masthead .area_title { float: right;}


/* BYLINE (TEL/FAX/DATE BAR) */
/* #byline {display:none; } */



/* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */
#layoutarea { /*margin: 0 auto; position: relative;text-align: left;*/
	background:white;
    float: left;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
    width: 100%;
	padding-top:15px;}

#homePage #layoutarea {background:none; padding-top:0;}

#pageInContDir #layoutarea, #directorsAreaPage #layoutarea, #membersAreaPage #layoutarea {background: white none repeat scroll 0 0;
    float: left;
    margin: -45px auto 0;
    padding-bottom: 0;
    position: relative;
    text-align: left;
	width:100%;}
	
	
	
/* MAIN NAVIGATION MENU */
#mainmenuMobile {display:none;}
#mainmenu {  float: left; margin: 0 auto 20px; position: absolute; width: 100%; z-index: 10; top:-88px; border-top: 7px solid #52b1fa; background-color: #415a6b; }
#mainmenu > a {display: none;}
#mainmenu li {position: relative; list-style:none; background:#415a6b;}
#mainmenu li a { color: #fff;display: block;}
#mainmenu li a:active {/*background-color: #3a64ad !important;*/}
#mainmenu span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}

/* first level */

#mainmenu > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/ margin: 0 auto;}
#mainmenu > ul > li {width: 14.2%; height: 100%;float: left; margin-left: 0.1%;}
#mainmenu > ul > li:first-child {margin-left: 0;}
#mainmenu > ul > li > a {font-family: Trebuchet MS;
    font-size: 1em;
    font-weight: bold;
    height: 100%;
    line-height: 1em;
	padding-bottom: 1.04em;
    padding-top: 1.2em;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    border-bottom: 7px solid #415a6b;}
#mainmenu > ul > li:not( :last-child ) > a {/*border-right: 1px solid rgba(255, 255, 255, .2);*/}
#mainmenu > ul > li:hover > a {max-width:60%; margin-left: auto; margin-right: auto; border-bottom: 7px solid #52b1fa;}
#mainmenu > ul:not( :hover ) > li.active > a {background-color: #333333; color: #333333;}

/* second level */

#mainmenu li ul {display: none; position: absolute; top: 100%;}
#mainmenu li ul li {background-color: #415a6b; width:auto;}
#mainmenu li:hover ul {display: block;left: 0;right: 0;}
#mainmenu li:not( :first-child ):hover ul {left: -1px;}
#mainmenu li ul a {font-size: 1em; font-family: 'Trebuchet MS', sans-serif; line-height: 1.25em; padding: 0.5em; text-align: left;}
#mainmenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #57788f;}
#mainmenu .popoutmenu {/*margin-left: 1px;*/ margin-right: -1px; width: auto !important;}

#mainmenuMobile {  float: left; margin: 0 auto 20px; position: relative; width: 100%; z-index: 10000;}
#mainmenuMobile > a {display: none;}
#mainmenuMobile li {position: relative; list-style:none;}
#mainmenuMobile li a {display: block;}
#mainmenuMobile li a:active {background-color: #52b1fa !important;}
#mainmenuMobile span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}

/* first level */

#mainmenuMobile > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/}
#mainmenuMobile > ul > li {width: 16.66%; height: 100%;float: left; background-color: #415a6b;}
#mainmenuMobile > ul > li > a {font-family: 'Trebuchet MS'; color: #fff; font-size: 1.1em; height: 100%; line-height: 1em; padding-bottom: 0.7em; padding-top: 0.7em; text-align: center;}
#mainmenuMobile > ul > li:not( :last-child ) > a {border-right: 1px solid #3399ff;}
#mainmenuMobile > ul > li:hover > a {background-color: #52b1fa; color: #fff;}
#mainmenuMobile > ul:not( :hover ) > li.active > a {background-color: #52b1fa; color: #ffffff;}

/* second level */

#mainmenuMobile li ul {display: none; position: absolute; top: 100%;}
#mainmenuMobile li ul li {background-color: #57788f;}
#mainmenuMobile li:hover ul {display: block;left: 0;right: 0; background-color: #57788f;}
#mainmenuMobile li:not( :first-child ):hover ul {left: -1px;}
#mainmenuMobile li ul a {font-size: 0.95em; font-family: 'Trebuchet MS', sans-serif; line-height: 1.25em; color: #ffffff; padding: 0.5em;}
#mainmenuMobile li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #52b1fa;}


/* FORM FIELDS */
input, select {
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
input:focus, select:focus {outline: none;
    box-shadow:0 0 3px #60859f;
    -moz-box-shadow:0 0 3px #60859f;
    -webkit-box-shadow:0 0 3px #60859f;}

input.button_submit {
    background: none repeat scroll 0 0 #3cc78f;
    border: medium none;
    color: white;
    font-size: 1.1em;
    font-weight: 500;
    height: auto;
	font-family:'Open Sans',sans-serif;;
    padding: 10px;
    width:150px;
	/*text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
	cursor:pointer;
}
input.button_submit:hover {background: #61d1a4;}

input.button_cancel {
    background: none repeat scroll 0 0 #e07070;
    border: medium none;
    color: white;
    font-size: 1.1em;
    font-weight: 500;
    height: auto;
	font-family:'Open Sans',sans-serif;;
    margin-right: 10px;
    padding: 10px;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
	cursor:pointer;
    width:150px;
}

input.button_cancel:hover {background: #e89696;}

input#File1 { border: 1px solid #dfe4eb;
    float: left;
    width: 100%;/*-webkit-box-sizing: border-box;-moz-opacity:0 ; filter:alpha(opacity: 0); *filter:alpha(opacity: 0); _filter:alpha(opacity: 0); opacity: 0;*/ }
input[type="file"].input_long::-webkit-file-upload-button {float: right; position: relative; } /*Needed to align browse button left in input=file*/
.input_normal { width:80%;border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);     line-height: 1.3em; }
.input_long {width: 23em; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);     line-height: 1.3em; }
.input_short {width: 8em; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
line-height: 1.3em;}
.input_shorter {width: 60px; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
line-height: 1.3em;}
.input_multiline {width: 80%; height: 100px; border: 1px #60859f solid;font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
line-height: 1.3em;} 
.input_multiLarge {width: 280px; height: 160px; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;}
.input_nosize {width:80%; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
line-height: 1.3em;}
.input_2char {width: 2em; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); text-align: center; line-height: 1.3em;}
.input_3char {width: 1.6em; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
line-height: 1.3em;}
.input_4char {width: 2.3em; border: 1px #60859f solid; font-size: 1em; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color: #333333; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
line-height: 1.3em;}

.input_invisible {border: 0px solid; color: #333333; font: 'Open Sans', Verdana, Helvetica, sans-serif; font-size: 11px; background-color: transparent; vertical-align: middle; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;}
.input_editor_title {font-size:16px; color: #333333; font-family: 'Open Sans', Verdana, Geneva, sans-serif; border: 1px #999 solid; width: 300px; padding:3px 4px; display:none; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;}
.input_editor_subtitle {font-size:12px; color: #333333; font-family: 'Open Sans', Verdana, Geneva, sans-serif; border: 1px #999 solid; width: 300px; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;}
.input_webteller {width: 120px; border: 1px #999 solid; font-size: 13px; font-family: 'Open Sans', Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #333333; text-align: right; padding:0px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); line-height: 1.3em;}


/* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/
input#amount {color: #3A64AD;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
    text-align: right;
    margin-left: 75px;
    width: calc(100% - 153px);}
input#term {color: #3A64AD;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
    text-align: right;
    margin-left: 75px;
    width: calc(100% - 153px);}
select#intrateDDL {background: 0 0 #fff;
    border: 1px solid #999;
    color: #3A64AD;
    font-weight: bold;
    height: 30px;
    margin: 10px 0 40px 30px;
    width: 20em;}
select#intrateDDL option{color: #4A546F; font-size: 12px; font-weight: normal; padding: 3px 0 0 3px;}
input#apr {border-bottom: 1px dashed #ccc; color: #3A64AD; font-size: 1.5em; width: 98.5%; padding: 0px 3px 10px; font-weight: bold; float:left; margin-bottom: 0px;}
#contentarea ul#sliderValuesList, #memberscontentarea ul#sliderValuesList {color: #7D869E; font-size: 1em; padding-left: 0; line-height:20px; margin-bottom:20px; width:100%; float:left;}
#contentarea ul#sliderValuesList li, #memberscontentarea ul#sliderValuesList li {border-bottom: 1px dashed #ccc;
    font-size: 1em;
    list-style: none outside none;
    padding: 10px 0; float: left; width:100%;}
input#paymentSliderWeekly, 
input#paymentSlider2Weeks, 
input#paymentSlider4Weeks, 
input#paymentSliderMonthly, 
input#paymentSliderTotal4Weeks, 
input#paymentSliderTotalMonthly
{display:block; font-size: 1.35em; font-weight: bold; padding: 0; margin-top: 2px;}
input#paymentSliderTotalWeekly,
input#paymentSliderTotal2Weeks, 
input#paymentSliderTotal4Weeks
input#paymentSliderTotalMonthly,
input#paymentSliderTotal4Weeks, 
input#paymentSliderTotalMonthly { display:block; font-size: 1.35em; font-weight: bold;}
input#paymentSliderTotalInterestWeekly,
input#paymentSliderTotalInterest2Weeks,
input#paymentSliderTotalInterest4Weeks,
input#paymentSliderTotalInterestMonthly
{display:block; font-size: 1.35em; font-weight: bold;}
span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 33%;}
span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest {float: right; width: 33%; overflow:hidden;}
#divSliderCalcLoanTypeText { float: left;font-size: 1em; font-weight: bold; margin-top: 12px;}
#sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px;}

/*ESTATEMENTS*/

.dropmenu_top {background: #dfe4eb none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
    padding: 10px;
    width: 100%;}
.dropmenu_top .input_short {margin:0 5px;}
.required_green {font-weight:bold;}
.pdf_download { border-top: 1px dashed #ccc; font-size: 12px; margin-top: 30px; padding-top: 10px; width: 100%;}
.pdf_image {float:left; margin-top:20px;}
.pdf_image img {width:130px;}
#request-estatement-button {width: 197px;}




/* TABLES */
.services_loans table {float:left; margin-bottom: 10px;}
table td {background: transparent;}
table.resources td {padding: 3px 2px;} 
table.services {width:100%;}
table.services td {width:25%;}
.tabletitle {background: #60859f; clear: both; color: white; font-size: 1em; font-weight: bold; padding: 5px; margin-top: 10px;}
#membersAreaPage .tabletitle {background: #60859f;}
.tabletitle input {padding:5px;}

.tableform, .e-tableform { border-collapse: collapse; margin-bottom: 20px; margin-top:2px; float:none; }
#membersAreaPage .tableform, .e-tableform {border-top: 2px solid #60859f;}
.e-tableform img {display:none;}
.tableform li, .tableform a, .tableform p, .e-tableform li, .e-tableform a, .e-tableform p { font-size: 12px; }
.tableform thead, .e-tableform thead {color: #415a6b;
    font-size: 1.1em;
    background: #eff3f5; }
.tableform thead td, .e-tableform thead td {
    color: #415a6b;
    font-size: 1.1em;
    background: #eff3f5; 
    border-top: 2px solid #60859f; }
#membersAreaPage .tableform thead td, #membersAreaPage .e-tableform thead td { border-top: 2px solid #60859f; }
.tableform tbody td, .e-tableform tbody td {font-size: 0.8em; line-height: 1.3em; }
.tableform tfoot, .e-tableform tfoot { color: #828277; font-size: 10px; }
.tableform tfoot td, .e-tableform tfoot td { background-color:#E5E5DA; font-size: 10px; }
.tableform .dayColour, .e-tableform .dayColour{ background-color:#E2E2D7; }
.tableform td, .e-tableform td { padding: 10px; background-color:#eff3f5; }
.tableform table td, .e-tableform table td { border: none; padding: 0px; }
.tableform a {text-decoration: none;
    color: #52b1fa;
    font-weight: 600;}
.tablegrid { /*background-color:#dfe4eb;*/ margin-top: 0px; border-collapse: separate; border-spacing: 0px; !important margin-bottom: 20px; padding: 5px;}
#membersAreaPage .tablegrid {border-top: none;}
.tablegrid a { }
.tablegrid thead { color: #fff; font-weight: bold; }
.tablegrid thead td { background-color:#3A64AD; font-family: Arial, Verdana, Geneva, sans-serif; }
.tablegrid td { box-sizing: border-box;font-size: 1em; padding: 5px;}
td.transactionsPrintFooter {padding:10px;}
td.transactionsPrintFooter p {font-size: 11px; margin-bottom: 0; padding-top: 5px;}
td.transactionsPrintFooter img {width:97px;}
#membersAreaPage .tablegrid thead td { background-color: #3A64AD;}
#membersAreaPage .tablegrid thead td a {color:#fff;}
.tabledetailed { border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; margin-bottom: 4px; }
.tabledetailed thead { color: #999999; font-weight: bold; }
.tabledetailed thead td, .tabledetailed thead td {background-color:#b2c8d6; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; }
.tabledetailed td { padding: 1px; border-right: 1px dotted #b5d0e8; border-bottom: 1px dotted #b5d0e8; font-size: 11px; vertical-align: top; }
.tabledetailed strong { font-size: 11px; }
.table_calendar {}
.tablerow_main tr { background-color:#000000; }
.tablerow_alt td { background-color:#FFFFEE; }
.tablerow_over td { background-color:#FFFFCC; }
.tablerow_working td { background-color:#DDFFFF; }

/* DIRECTORS AREA*/
#directorscontentarea {} 
#dircontentareaoutercontainer {}
#dircontentareainnercontainer {}
#dircontentareainnercontainer .pagetitle_members {}
#dircontentareainnercontainer .pagecontent_members .tableform { }
#pageInContDir #contentarea {float: right; margin-top: 10px;position: relative;width: 780px;}
#realFooterDirectors {} 



/* DIRECTORS AREA*/
#directorscontentarea { float: right;
    margin-bottom: 20px;
    margin-right: 2%;
    margin-top: 10px;
    position: relative;
    width: 68%;} 
#dircontentareaoutercontainer {}
#dircontentareainnercontainer {}
#dircontentareainnercontainer .pagetitle_members {}
#dircontentareainnercontainer .pagecontent_members .tableform { }
#pageInContDir #contentarea {float: right; margin-top: 10px;position: relative;width: 780px;}
#realFooterDirectors {} 
/* DIRECTOR AREA */
.directors_content {float: left; width: 65% !important;}
.directors_content h3 { }
.directors_content p { }

.directors_fullwidthcontent {float: left; width: 100%;}
.directors_sidebar {float: right; width: 30%; border-left: 1px dotted #DDDDDD; text-align:center;}

/* DIRECTOR AREA */
.directors_content {float: left; width: 65% !important; }
.directors_fullwidthcontent {float: left; width: 100%; }
.directors_sidebar {float: right; width: 30%; border-left: none; text-align:center; }
#directorsAreaPage font,td strong{ color:#415a6b !important;}



/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea { background-color: #ffffff;
    float: right;
    margin-right: 2%;
    margin-top: 10px;
    position: relative;
    width: 69%;}
#contentarea .pagetitle, #memberscontentarea .pagetitle_members, #directorscontentarea .pagetitle_members {float: left;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 15px;
    padding: 0;
    text-align: left;
    width: 100%;}
#contentarea .pagecontent { padding: 0px 0 40px; text-align:left; float:left; width:100%;}
#securePage #contentarea .pagecontent {width:100%;}
#contentarea ul {padding-left: 25px; margin-bottom: 10px; }
#contentarea ol {padding-left: 25px; margin-bottom: 10px; }
#contentarea li {display:list-item; padding:2px 0; }
#contentarea a {text-decoration: none; color: #52b1fa; font-weight: 600;}
#contentarea .pagetitle_members {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#4c82ae; padding-bottom: 5px; }
#contentarea .pagecontent_members, #memberscontentarea .pagecontent_members { margin-bottom: 0px; /*min-height:300px;*/ }
#contentarea .pagecontent_members h3{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 15px; }
#contentarea .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; }
#contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left; }
#contentarea .information_layer td {font-size: 9px; border: none; }


/* TEXT CONTENT & NAVIGATION CONTAINER OFFICE AREA */
#contentareaoffice { position: relative; float: left; width: 710px; /*min-height: 300px;*/ padding-top: 5px; margin-top: 2px; margin-right: 0px; padding-right: 10px; background-color: #FFFFFF; }
#contentareaoffice .pagetitle { height: 25px; text-align:left; margin-top: 10px; padding: 0px; color: #386c9d; font-size: 16px; font-weight: bold; }
#contentareaoffice .pagecontent { padding: 0px; text-align:left; }
#contentareaoffice ul {padding-left: 28px; margin-bottom: 10px; }
#contentareaoffice ol {padding-left: 35px; margin-bottom: 10px; color: #28385C; }
#contentareaoffice li {display:list-item; padding:2px 0; }
#contentareaoffice a {text-decoration: none; }
#contentareaoffice .pagetitle_members {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#4c82ae; padding-bottom: 5px; }
#contentareaoffice .pagecontent_members { position: relative; margin-bottom: 15px; /*min-height:300px;*/ }
#contentareaoffice .pagecontent_members h3{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 15px; }
#contentareaoffice .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; }
#contentareaoffice .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left; }
#contentareaoffice .information_layer td {font-size: 9px; border: none; }


/*MEMBERS CONTENT & NAVIGATION CONTAINER */
#memberscontentarea, #directorscontentarea {float: right;
    margin-right: 2%;
    margin-top: 10px;
    position: relative;
    width: 68%;
	margin-bottom: 20px;} !important /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/


/* DIRECTOR AREA */
.directors_content {float: left; width: 65%; }
.directors_fullwidthcontent {float: left; width: 100%; }
.directors_sidebar {float: right; width: 30%; border-left: none; text-align:center; }



/* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */
#flashcontainer_custom { margin-left: auto; margin-right: auto; clear: both; width: 610px; text-align: center; /*height: 225px;*/ }
#flash_area { float: left;}
#flash_area_custom { float: right; background-image:url(images/custom_flash.jpg); background-repeat: no-repeat; }


/* FLASH / ANNOUNCEMENTS CONTAINERS */
#divHomepageImagesMobileWrapper {display:none;}
#divHomepageImagesWrapper {}
#flashcontainer {float: left;
    margin-bottom: 20px;
    position: relative;
	margin-right:2%;
	width:75%;}
ul#homepagejQueryImages {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 17px 20px;
    position: absolute;
    width: 100%;
}

ul#homepagejQueryImages li {
    background: #bdc8cd none repeat scroll 0 0;
    border-radius: 10px;
    float: right;
    height: 16px !important;
    list-style: outside none none;
    margin-right: 5px;
    max-width: 16px !important;
    min-height: 16px !important;
    min-width: 16px;
    text-align: center;
    width: 16px !important;
}
ul#homepagejQueryImages li img {
    display: none;
}


#homepageImageTextDiv263 {position:absolute; color: black; top:0; left:0; display:none;}
#homepageImageTextDiv263 h1 {font-size:2em; color: #3A64AD;}
#homepageImageTextDiv263 h2 {}

#mini_flashcontainer { display: none; }
#announcements_content {display: none; margin-top: 10px; padding: 5px; background-color: #EEEEEE; border: 1px solid #DDDDDD; height: 50px; overflow: visible; width: 265px; filter: alpha(opacity=0); -moz-opacity:0%; float:right; }
#announcements_content_dynamic h1 {display: none; }
#announcements_content_dynamic h2 {border-bottom: medium none;
    color: #fff;
    float: left;
    font-family: Arial;
    font-size: 2.7em;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding-bottom: 20px;
    padding-left: 90px;
    text-align: left;
    text-transform: uppercase;
	/*background: url(../../templates/current/images/h2_tile.gif) top left repeat-x;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/}

#announcements_content_dynamic p { color: #fff;
    /*padding-left: 65px;
    text-align: right;
    text-transform: uppercase;*/
    width: 70%;}
#announcements_content_dynamic a {
	text-indent: -9999px;
	float: left;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width:100%;
	height:197px;
	position: absolute;
	top:0;
	left:0;}

#announcements_login { background-color: #f9f6c8;
    box-sizing: border-box;
    float: left;
    font-size: 1em;
    font-style: italic;
    margin-bottom: 20px;
    overflow: visible;
    padding: 10px;
    width: 100%;}
#announcements_login a {padding-left:23px; font-size: 11px; font-weight: normal; color:#F90; text-decoration: none; }
#announcements_login a:hover {text-decoration: underline; }

#announcements_login_warning { background-color: rgba(112,155,184,0.05);
    color: #e04343;
    box-sizing: border-box;
    float: left;
    font-size: 1em;
	font-weight:bold;
    margin-bottom: 20px;
    overflow: visible;
    padding: 10px;
    width: 100%; }

#announcements_members {width: 300px; margin-bottom: 11px; padding-top:10px; background-color:#FFF; overflow: visible; filter: alpha(opacity=0); -moz-opacity:0%; }
#announcements_members a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#F90; text-decoration: none; }

#altAnnouncement { position: relative; top: 70px; padding:3px; font-size:11px; background-color:#f0f5f7; border: 1px solid #edf4f6; border-radius: 7px; -webkit-border-radius:7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; behavior: url(templates/current/PIE.htc); display:none;}





#divHTMLAnnouncements1Wrapper { background: #3b5997 url(../../templates/current/images/joinus_bgr.png) no-repeat scroll right 0px / 160px auto;
    box-sizing: border-box;
    float: left;
    height: 210px;
    margin-left: 1%;
    margin-top: 30px;
    width: 50%;
	position:relative;
    border: 3px solid #3b5997;}
	

#joinus {
    background: url(../../templates/current/images/joinus_icon.png) no-repeat 0 0 / 80px auto;
    bottom: 0;
    color: white;
    height: 130px;
    left: 20px;
    margin: auto;
    position: absolute;
    top: 0;
	width:40%;}

.announcements_content_left {
    width: 47%;
    float: left;
}
.announcements_content_left img {
    width: 100%; 
    height: auto; 
    padding-top: 15%;
    padding-left: 11%;}

.announcements_content_right {
    width: 50%;
    float: left;
}
.announcements_content_right p#clickHere {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    padding-top: 32.5%;
    padding-left: 12.5%;
}
#announcements_content_dynamic a {
                text-indent: -9999px;
                float: left;
                display: block;
                font-size: 0;
                line-height: 0;
                overflow: hidden;
                width:100%;
                height:206px;
                position: absolute;
                top:0;
                left:0;
}


#announcements2_content_dynamic h1 {
    color: white;
    font-family: Arial;
    padding-bottom: 0;
    text-transform: uppercase;
}

#announcements2_content_dynamic img {max-width:250px; width:100%;}



#announcements2_content_dynamic a {
    color: white;
    font-size: 13px;
    line-height: 16px;
}

#announcements_content_dynamic {color: white;
    font-size: 13px;
    line-height: 18px;
	text-align:right;}

.panel { 
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background-color: rgba(255,255,255,0.2);}


#divHTMLAnnouncements2Wrapper {background: rgb(102,163,42);
background: -moz-linear-gradient(-45deg,  rgba(102,163,42,1) 0%, rgba(111,176,46,1) 25%, rgba(102,163,42,1) 49%, rgba(111,176,46,1) 70%, rgba(102,163,42,1) 99%);
background: -webkit-linear-gradient(-45deg,  rgba(102,163,42,1) 0%, rgba(111,176,46,1) 25%, rgba(102,163,42,1) 49%, rgba(111,176,46,1) 70%, rgba(102,163,42,1) 99%);
background: linear-gradient(135deg,  rgba(102,163,42,1) 0%, rgba(111,176,46,1) 25%, rgba(102,163,42,1) 49%, rgba(111,176,46,1) 70%, rgba(102,163,42,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a32a', endColorstr='#66a32a',GradientType=1 );  

    box-sizing: border-box;
    float: right;
    height: 81px;
    margin-bottom: 20px;
    padding: 7px 10px;
    width: 23%;
	position:relative;}
	
#announcements2_content_dynamic {
	background:url(../../templates/current/images/loanCal_bgr.png) no-repeat scroll right 0px / 55px auto;
    height: 70px;
}

#LoanCalc {width: 100%; float:left;}
#announcements2_content_dynamic h1 {display:none;}

#announcements2_content_dynamic h2 {border: medium none;
    color: white;
    font-size: 1.4em;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    line-height: 2em;
    margin: 0 0 0 5px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
	padding-bottom:0;}

#announcements2_content_dynamic p {color: #ffffff; margin: 0 0 0 5px;}

#announcements2_content_dynamic a {
                text-indent: -9999px;
                float: left;
                display: block;
                font-size: 0;
                line-height: 0;
                overflow: hidden;
                width:100%;
                height:81px;
                position: absolute;
                top:0;
                left:0;
}

/* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/
#layoutDivide {}
#sidebar #layoutDivide { margin-right: 0; width: 100%;}

/* SUBMENU (CONTENT PAGES ONLY) */
#submenu {
    float: left;
    margin: 0 0 3px 1%;
    padding-bottom: 2.3%;
    position: relative;
    width: 25%;}
#submenu .title_subsections {/*background: rgba(0, 0, 0, 0) url(../../templates/current/images/submenu_bgr.gif) no-repeat scroll 0 0 / 1170px auto;*/
    color: #f4f5f6;
    display: block;
    font: 500 1.3em 'Open Sans',Verdana,Helvetica,sans-serif;
    padding: 15px 10px 15px 30px;
    background-color: #bdc8cd;}
	
#submenu ul { margin-top: 1px;
    /*padding-left: 50px;*/}
	
#submenu li {line-height: 1.8em;
    list-style-type: none;
    margin-bottom: 1px;
    width: 100%;
    background: #f4f5f6;
    padding-left: 20px;
    box-sizing: border-box;
    color: #1061a1;}
#submenu li:hover {}
#submenu a { background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint.png) no-repeat scroll 7px center / 17px auto;
    box-sizing: border-box;
    color: #1061a1;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
	line-height:normal;
    padding: 8px 10px 8px 38px;
    width: 100%;}
#submenu a:hover {color: #1d6faf; background: #f1f2f4 url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 17px auto;}

/* SIDEBAR (CONTENT PAGES ONLY) */
#sidebar {margin-top: 0px; margin-bottom: 0px; width: 25%; margin-left:1%;}
#sidebar .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #396c9e; padding-bottom: 10px; }
#sidebar ul {/*padding-left: 25px;*/}
#sidebar li {line-height: 2em;}
#sidebar a {color: #2280ca; }
#sidebar a:hover {}


/* SUBMENU (YOUTHZONE SIDE MENU) */
#submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #dfe4eb; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat; }
#submenu_youth .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #F99404; }
#submenu_youth li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; }
#submenu_youth a {color: #333333; }
#submenu_youth a:hover {text-decoration:underline; color:#0099FF; }


/* NAVIGATION SELECTED ITEMS */
#mainmenu li.section_selected {}
#mainmenu li.section_selected:hover {background-color: #57788f; color: #ffffff; }
#mainmenu li.section_selected a {}
#mainmenu li.section_selected:first-child a {max-width:60%; margin-left: auto; margin-right: auto; border-bottom: 7px solid #52b1fa; }
#mainmenu .section_selected ul li:hover { background:#57788f; }
#mainmenu .section_selected a {color:#fff; }
#mainmenu .page_selected a{font-weight: bold; background-color: #57788f; }
#mainmenu .page_selected a:hover {font-weight: bold; background-color: #57788f; cursor:default;}
#submenu .subitem_selected a {color: #1d6faf; font-weight: 600; background: #f1f2f4 url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 17px auto;}
#submenu .subitem_selected {}

div#submenuCalculator {display: none; }


/* MEMBER AREA */
#membermenu {}
#membermenu > a {display: none;}
#membermenu li {position: relative; list-style:none; background:#415a6b; margin-bottom: 1px;}
#membermenu li a { color: #fff;display: block;}
#membermenu li a:active {}
#membermenu span:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}

/* first level */

#membermenu > ul {/*height: 2.75em; /* 60 background-color: #e15a1f;*/}
#membermenu > ul > li { height: 100%;}
#membermenu > ul > li > a {font-size: 1em; height: 100%; line-height: 1em; padding-bottom: 0.7em; padding-top: 0.7em; text-align: left; padding-left:10px;}
#membermenu > ul > li:not( :last-child ) > a {border-right: none;}
#membermenu > ul > li:hover > a {background-color: #52b1fa; color: #fff;}
#membermenu > ul:not( :hover ) > li.active > a {background-color: #52b1fa; color: #ffffff;}

/* second level */

#membermenu li ul {display: none; position: absolute; top: 100%;}
#membermenu li ul li {background: grey;}
#membermenu li:hover ul {display: block;left: 0;right: 0;}
#membermenu li:not( :first-child ):hover ul {left: -1px;}
#membermenu li ul a {font-size: 0.95em; line-height: 1.25em; padding: 0.5em;}
#membermenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #000;}


/* SUBMENU (USER AREA/ DIRECTORS AREA/ YOUTH AREA/ VOLUNTEERS AREA*/
#submenu_members { background: none repeat scroll 0 0 rgba(112,155,184,0.07); float: left; margin-bottom: 10px; margin-left: 0; width: 25%; margin-left: 2%;}
#submenu_members ul {padding-left: 0px; margin-bottom: 0px;}
#submenu_members li {list-style-type: none; padding: 7px 10px; }
#submenu_members a { color: #2280ca;
    display: block;
    font-family: Trebuchet MS;
    font-weight: bold;
    text-decoration: none;}
#submenu_members .title_subsections {background: #2280ca; border-bottom: background; color: #fff; font-weight: bold; padding: 5px;}




/* SUBMENU (DIRECTORS AREA) */
#directorsAreaPage #submenu_members {position:absolute; left:-182px; top:200px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; }

/* SUBMENU (USER AREA) */
#userAreaPage #submenu_members {position:absolute; left:-183px; top:175px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; }


/* SUBMENU (USERS AREA) */
#submenu_users {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; }
#submenu_users li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; }
#submenu_users a {color: #333333; }


/* SUBMENU (DIRECTORS AREA) */
#submenu_directors { clear: left; float: left; margin-bottom: 10px; margin-left: 0; width: 25%; margin-left: 2%; border-top: 2px solid white; background-color: #dfe4eb; }
#submenu_directors li {list-style-type: none; padding: 4px; border-bottom: 1px solid white; }
#submenu_directors a {color: #333333; }
#submenu_directors .title_subsections {font-weight:bold; padding:5px; border-bottom:1px solid;}


/* SUBMENU (YOUTHZONE AREA) */
#submenu_volunteers{float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; }
#submenu_volunteers li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; }
#submenu_volunteers a {color: #333333; }


/* OFFICE AREA NAVIGATION */
#adminmenu, #membermenu {display: block;
    float: left;
    margin: 10px 2% 20px;
    position: relative;
    width: 25%;
    z-index: 10000; }
#adminmenu ul { width: 100%; background-color:#415a6b; }
#adminmenu li {list-style-type: none; }
#adminmenu li a {margin-left: 3px; color: #fff; }
#adminmenu li strong {color: #fff; line-height: 37px; padding: 5px 8px; }
#adminmenu ul li ul {display: none; }
#adminmenu ul li ul li {background-color: #dfe4eb; border-bottom: 1px solid #fff; list-style-type: none;  }
#adminmenu ul li ul li:hover {background: #dce1eb;}
#adminmenu ul li ul li a {color: #3A64AD; display:block; padding: 6px 3px 6px 6px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#adminmenu .expanded {display: inline-block; }


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#divQuickLinksWrapper {}
#modulelinks { float: left;
    height: 100%;
    width: 23%;}
#modulelinks img {display: none; }
#modulelinks ul {box-sizing: border-box;
    float: left;
    width: 100%;
	border-top:12px solid #bdc8cd;
	margin-bottom:13px;}
#modulelinks li { background: #f4f5f6;
    line-height: 1.8em;
    list-style-type: none;
    margin-bottom: 1px;
    width: 100%;}
#modulelinks li:hover {background: #f1f2f4;}
#modulelinks a { background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint.png) no-repeat scroll 7px center / 17px auto;
    box-sizing: border-box;
    color: #1d6faf;/*color: #1061a1;*/
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    padding: 8px 10px 8px 38px;
    width: 100%;}
#modulelinks a:hover {background: url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 17px auto;}
#modulelinks_contentpage { float: left; height: 100%; padding-bottom: 10px; width: 100%; margin-top: 0px; }
#modulelinks_contentpage img { }
#modulelinks_contentpage ul { margin-top: 1px; /*padding-left: 50px;*/ }
#modulelinks_contentpage li {
    line-height: 1.8em;
    list-style-type: none;
    margin-bottom: 1px;
    width: 100%;
    background: #f4f5f6;
    padding-left: 20px;
    box-sizing: border-box;
    color: #1061a1;}
#modulelinks_contentpage li:hover {}
#modulelinks_contentpage a {background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint.png) no-repeat scroll 7px center / 17px auto;
    box-sizing: border-box;
    color: #1d6faf;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    font-weight: 400;
	line-height:normal;
    padding: 8px 10px 8px 38px;
    width: 100%;}
#modulelinks_contentpage a:hover {color: #1d6faf; background: #f1f2f4 url(../../templates/current/images/bulletpointB.png) no-repeat scroll 7px center / 17px auto;}


/* NEWS HEADLINES */
#divNewsHeadlinesWrapper { background: white none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    margin-top: 30px;
    padding: 10px 15px 10px 10px;
    width: 49%;
    height: 210px;
    font-family: 'Open Sans', sans-serif;
    color: #2280ca;}
#newsheadlines {float: left; position: relative; top: 0; margin-top: 0; width:100%;}
#newsheadlines h3 {color: #2280ca; font-size: 1.4em; font-weight: normal; line-height: 30px; padding-bottom: 5px; padding-top:5px;  border-bottom:none;}
#newsheadlines p {line-height: 20px; color: #2280ca;} 
#newsheadlines a {text-decoration: none;}
#newsheadlines a:hover { }
#newsheadlines_contentpage { float: left; margin-top: 20px; position: relative; top: 0; width: 100%; height: 240px; margin-bottom: 20px;}
#newsheadlines_contentpage h3 {font-size: 1.1em; padding-bottom: 5px; padding-top:10px;  border-bottom:none;}
#newsheadlines_contentpage a {text-decoration: none;}
#newsheadlines_contentpage a:hover {}
#homePage #news_content {box-sizing: border-box;
    min-height: 125px;
    padding: 0 0 10px 50px;
    position: relative;
    width: 100%; }
#news_content {padding:10px 0 10px 60px;}
#homePage #news_content p {font-family: Trebuchet MS; font-size: 1em; margin-bottom:0; width:70%;}
#news_content p {font-family: Trebuchet MS; font-size: 1em; margin-bottom:0; width:100%; color: #2280ca;}
#newsheadlines .newslinks a {color: #009933; font-weight: bold; }
#newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold; }
#newsheadlines #news_content img { /*margin-top:-30px;*/}
#newsheadlines_contentpage #news_content{}
#newsheadlines_contentpage #news_content img {display:none;}
.divNewsArticleDate {color: #2280ca; font-style:italic; font-family:'Open Sans', sans-serif; line-height: 20px; }

/* NEWS HEADLINES STATIC */
.newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px; }
.newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px;  }
.newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: none;text-transform: uppercase; padding-right:20px; font-size: 9px; }
.newsArticleLink p { color: #20368c; }
.newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: none; }


/*QUICK LINKS*/
#quick_links { position:absolute; top: 327px; left: 258px; width: 243px; height: 140px; margin-top: 60px; background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; }
#quick_links li {margin-left: 15px; padding-left: 15px;list-style-type: none; padding-top: 5px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px; }
#quick_links a { text-decoration: underline ; }
#quick_links a:hover {text-decoration: underline; color: #063; }


/* LOGIN / YOUTHZONE / LIVE CHAT LAYER / CUSTOM BUTTON ---- * ABSOLUTE POSITIONING*/
#loginarea {
    top: 45px;
    position: absolute;
    right: 0px;
    width: 256px;
}
#loginarea img {margin: 0 0px 8px; width:256px; }
#loginarea_contentpage { float: right;
    margin-right: 10px;
    margin-top: 65px;
    padding-bottom: 5px;
    text-align: center;
    width: 308px;
}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */
#loginarea_contentpage img {margin: 0 5px 10px; }
#loginarea a:hover {border: 0px; }


/* HOMEPAGE SPOTLIGHTS
#spotlight1 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight2 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight3 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight7 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight8 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight9 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
.spotlight_title { position: relative; top: -10px; height: 30px; width: 233px; padding-top:18px; padding-left: 2px; padding-right:0px; line-height: 15px; border-bottom: 3px solid #c1cfdd; } /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
/*.spotlight_title h4 { color: #336699; text-align: left; }*/
/*.spotlight_container { position: relative; top: -5px; min-height: 100px; padding-left: 1px; padding-right: 0px; padding-top: 0px; }
.spotlight_text { position: absolute; width:68%; height: auto; top:0px; left:0px; padding-bottom: 5px; font-size: 10px; background: #FFF; }
.spotlight_image_upload { position: relative; float:right; top: 0px; width:auto; height: auto; margin-bottom:10px; background:#FFF; border: 1px solid #b0c2d4; }
.spotlight_link { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 14px; text-align: right; padding:3px; background-color: #8fca15; }
.spotlight_link a { color: #fff; font-weight: bold; }*/


/* HOMEPAGE SPOTLIGHTS */
#divSpotlightsWrapper {width:100%; padding-bottom: 10px; background: url(../../templates/current/images/hr.gif) no-repeat; padding-top:5px; float:left;}
#spotlight1 {
	background: rgb(61,182,166);
	background: -moz-radial-gradient(center, ellipse cover, rgba(70,207,188,1) 0%, rgba(61,182,166,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(70,207,188,1) 0%,rgba(61,182,166,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(70,207,188,1) 0%, rgba(61,182,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46cfbc', endColorstr='#3db6a6',GradientType=1 );  
	box-sizing: border-box;
    float: left;
    position: relative;
    text-align: center;
    width: 24.6%;
}
#spotlight2 {
	background: rgb(206,71,170);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(232,79,191,1) 0%, rgba(206,71,170,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(232,79,191,1) 0%, rgba(206,71,170,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(232,79,191,1) 0%, rgba(206,71,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84fbf', endColorstr='#ce47aa',GradientType=1 );                    

    float: left;
    margin: 0 .5% 0 .5%;
    position: relative;
    width: 24.6%;
	text-align:center;
	box-sizing:border-box;}
	
#spotlight3 {
    background: rgb(215,71,129);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(240,79,143,1) 0%, rgba(215,71,129,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,79,143,1) 0%, rgba(215,71,129,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(240,79,143,1) 0%, rgba(215,71,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04f8f', endColorstr='#d74781',GradientType=1 );   

    float: left;
    margin: 0 .5% 0 0;
    position: relative;
    width: 24.6%;
	text-align:center;
	box-sizing:border-box;}
	
#spotlight4 {
	background: rgb(36,164,206);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(41,186,229,1) 0%, rgba(36,164,206,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(41,186,229,1) 0%, rgba(36,164,206,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(41,186,229,1) 0%, rgba(36,164,206,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29bae5', endColorstr='#24a4ce',GradientType=1 );           

    float: left;
    position: relative;
    width: 24.6%;
	text-align:center;
	box-sizing:border-box;}
	
#spotlight5 {position: relative; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; display:none }
#spotlight6 {position: relative; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; display:none;}
.spotlight_title {
    box-sizing: border-box;
    line-height: 15px;
    padding: 10px 10px 0;
    width: 100%;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/

	
.spotlight_title h4 {background:none; padding: 20px 0 0; font-size:1.3em; font-weight: normal; color: #ffffff;}
.spotlight_container { position: relative; min-height: 100px; padding:15px; box-sizing:border-box; }
.spotlight_text { 
	box-sizing: border-box;
    font-size: 10px;
    height: 13em;
    left: 0;
    width: 100%;}
	
.spotlight_text p {font-size: 1.4em; line-height: 1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; }

.spotlight_text ul {list-style: inside none disc;}
.spotlight_text li {font-size: 1.2em; padding-left: 10px;}


.spotlight_image_upload {
    height: auto;
    position: relative;
    top: 0;
	margin-top:12px;
    width: auto;}
	
.spotlight_image_upload img {width:100%;}
	
.spotlight_link {border-top: 0 solid #8fca15;
    bottom: 15px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    text-align: left;
    width: 100%;}
	

	
.spotlight_link:hover {}
	
.spotlight_link a {
    background: rgb(34,128,202) none repeat scroll 0 0;
    /*border: 1px solid white;*/
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: none;
    font-size: 1.1em;
    font-weight: normal;
    margin: auto;
    padding: 10px;
    text-align: center;
    width: 42%;}
	
.spotlight_link a:hover {background: rgb(37,140,219);}


/* CONTENT SPOTLIGHTS*/
#contSpotContainer{position: relative; float: right;width: 580px;height: 100px; top: auto; }
#spotLight4{float: left; width: 181px; height: 95px; background-image: url(images/onlineLoan_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; }
#spotLight5{float: left; width: 181px; height: 95px; background-image: url(images/mabs_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; }
#spotLight6{float: right; width: 181px; height: 95px; background-image: url(images/news_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; }


/* COOKIE CONSENT MEMO BOX */
.CookieConsentMemo { background: #3399ff; bottom: 0; box-sizing: border-box; float: left; font-family: Arial; font-size: 12px; left: 0; padding: 30px 15px 15px; position: fixed; text-align: left; width: 100%; z-index: 999999999; }
#cookieConsentForm .button_submit { border: medium none; cursor: pointer; float: right; text-align: right; background-color: #36A66C; background-repeat: no-repeat; background-position: center right; color: #fff; font-size: 1.4em; font-weight: normal; }
#cookieConsentForm .button_submit:hover { background-color: #3f9c7f; }
#rdCookieConsent0 { margin: 5px 0; }
#cookieConsentForm { color: #555555; float: right; font-family: Arial; font-size: 12px; width: 100px; line-height: normal; }
#lyrCookieConsent h2 { font-size: 16px; text-shadow: -1px 0 1px white; }
#lyrCookieConsent p { color: #1c1257; font-size: 1.3em; line-height: 1.3em; width: 100%; }


/* FOOTER */
#pagefooterOuterIndex {background: url(../../templates/current/images/outer_footer.gif) repeat-x left bottom;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}
#pagefooterIndex {background: #62727f none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    height: 100px;
    margin: 0 auto;
    max-width: 1172px;
    padding: 12px 0;
    position: relative;
    width: 100%;}
	
#pagefooterOuterPublic {background: url(../../templates/current/images/outer_footer.gif) repeat-x left bottom;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}
#pagefooterPublic {background: #62727f none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    height: 100px;
    margin: 0 auto;
    max-width: 1172px;
    padding: 12px 0;
    position: relative;
    width: 100%;}
	
#pagefooterOuterOther {background: url(../../templates/current/images/outer_footer.gif) repeat-x left bottom;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}	


#pagefooterOther {background: #62727f none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    height: 100px;
    margin: 0 auto;
    max-width: 1172px;
    padding: 12px 0;
    position: relative;
    width: 100%;}

#pagefooterOther p {padding: 15px 20px 0 220px;}
#pagefooterOther a, #pagefooterIndex a, #pagefooterPublic a { color: #fff; text-decoration: underline;}
#pagefooterOther a:hover, #pagefooterIndex a:hover, #pagefooterPublic a:hover {color: #52b1fa;}
html>body #pagefooter { background-color: #FFF; }
.ProgressLogo {position: absolute; right: 0em; top: 1.75em; float:right;}
#footerDetails{color: #fff;
    float: left;
    font-size: 0.9em;
    padding-bottom: 12px;
    text-align: left;
    text-decoration: none;
    width: 100%;}
#footerDetails p {color: #fff;}
#footerDetails ul {float: left;
    left: 20px;
    position: relative;
    top: 5px;}
#footerDetails li {display: inline; list-style: outside none none; margin-right: 10px; float:left;}
#footerDetails li:first-child {font-weight:bold;}
#fsrnTextOff{}
#pagefooterAlternative{ top: 40px;
    left: 221px;
    position: absolute;
    width: 60%; }
#fsrnTextAlternative{box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 11px;
    text-align: left;
    width: 90%;}
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
#divCustomFooterLinks {background: #394F64;
    float: left;
    padding: 20px 0;
    text-align: center;
    width: 100%;}
#divCustomFooterLinks a {text-decoration:none; text-transform: uppercase; font-size: 0.8em; white-space: nowrap;}

#divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink8 {float: left;
    width: 15.4%;}
#divCustomFooterLink1 {float: left; width: 10%; text-align: left;}
#divCustomFooterLink7 {float: left; width: 13%; text-align: right;}


/*Social Networking Icons Footer*/
#SocialNetFooter{ display: none; position: relative; float: left;  width: 170px; top: 0px; left: 0px; }

#SocialNet {height: 44px;
    position: relative;
    right: 98px;
    top: 46px;
    width: 44px;
    z-index: 20000;}

#membersAreaPage #SocialNet, #directorsAreaPage #SocialNet{width:99%; display:none;}
/*#SocialNet { z-index:20000; border: 1px solid red; position: absolute; top: 160px; height:35px; width: 180px; right: 550px;}
*/
#SocialNetTxt { position: relative; float: left; color:#333333; font-size: 11px; width: 70px; display:none; }
#SocialNetIcons { float: left; }
#SocialNetIcons img { list-style-image:none; /*border: 1px solid #FF0;*/ }
#SocialNetIcons a { display: block; }

#SocialNetIcons #socNetHeaderDiv1 {
    left: 50px;
    position: absolute;
}


#SocialNetIcons #socNetHeaderDiv2 {
    left: 100px;
    position: absolute;
}

#SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img {
    list-style-image: none;
    margin: 0 3px 0 2px;
    position: absolute;
    transition: opacity 0.1s ease-in-out 0s;
	width:42px;
}

#SocialNetIcons a img.socNetHeaderImgTop0:hover, #SocialNetIcons a img.socNetHeaderImgTop1:hover, #SocialNetIcons a img.socNetHeaderImgTop2:hover {
    opacity: 0;
    z-index: 1000;
}

/*SITEMAP CONTAINER AND NAVIGATION */
#siteMap { position: relative; width: 100%; padding: 30px 0; clear: both; text-align:center; font-size: 9px; background-color: #394F64; float:left; display:none; }
#siteMapMenu { position: relative; width:1172px; height: 100%; margin: 0 auto; white-space: nowrap; padding-bottom: 1px; display: block; text-align:center; font-weight: bold; }
#siteMapMenu li {display: block;
    float: left;
    padding: 2px 34px 0;
    text-align: left;
    white-space: nowrap;}
#siteMapMenu ul li a{ color: #fff;
    font-size: 12px;
    text-transform: uppercase; }
#siteMapMenu ul li ul a{ font-size: 9px; font-weight: bold; color: #1F4C78; display:none; }


/*LOGIN AREA ROUNDED CORNERS CROSS BROWZER COMPATABLE - CHANGES NOT NECESSAERY---------------------------------------------------------------------*/
.announcementsContainer{width: 100%; padding-top:0px; float:left; }
.curvedBox {width:100%; margin-top: 0px; }
.curvedBox .r1, .curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {background-color: #F0F0F0;display:block;overflow:hidden;height:1px;font-size:1px; }
.curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {border-width:0 1px;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0; }
.curvedBox .r1 {margin:0 6px; display:none; }
.curvedBox .r2 {margin:0 3px; display:none; }
.curvedBox .r3 {margin:0 2px; display:none; }
.curvedBox .r4 {margin:0 1px;height:2px; display:none; }
.curvedBox .content{background:#F0F0F0; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0 ;padding:5px; }


/* GRAPHIC ICONS BELOW LOGIN AREA ----------------------------------------------------------------------------------------------------------------*/
.Lost_bkgd {background-image: url(../../images/essentials/lost_pin_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; margin-top: 10px; font-size: 10px; display:none; }
.Lost_bkgd a {font-size: 10px; }
.register { background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg); width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; }
.register a {font-size: 10px; }
.security {background-image: url(../../images/essentials/security_mem_log_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none;}
.security a {font-size: 10px; }
.problems {background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; }
.problems a {font-size: 10px; }
.browser {background-image: url(../../images/essentials/browzer_info_bkgd.jpg);width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 250px; padding-top: 8px; font-size: 10px; font-size: 10px; display:none; }
.browzer a {font-size: 10px; }
.memLogLinksCont{/*background-image: url(../../images/essentials/mem_login_graphic.jpg);*/ width:100%; background-position: left; background-repeat: no-repeat; }
.memLogLinksCont a { }


/*LOGIN AREAS -OFFICE /DIRECTORS /REPRESENTATIVES /VOLUNTEERS WEBTELLER */
#pageInContOff, #pageInContDir, #pageInContUser, #pageInContRep, #pageInContVol, #pageInContWeb { position: relative; width:950px; height:100%;background-color: #FFF; }
/*#pageInContOff:after, #pageInContDir :after, #pageInContUser :after, #pageInContRep :after, #pageInContVol :after, #pageInContWeb :after {clear:both;content:".";display:block;height:0pt; visibility:hidden; }*/
#pagefooterOff, #pagefooterDir, #pagefooterUser, #pagefooterRep, #pagefooterVol, #pagefooterWeb { position: relative; width: 950px; height: 26px; padding-top: 10px; border-top: 1px solid #F0f0f0; margin:auto; text-align:center; font-size:10px; background-color:#fff; }
#pagefooterOff a, #pagefooterDir a, #pagefooterUser a, #pagefooterRep a, #pagefooterVol a, #pagefooterWeb a { color: #69C; font-size:10px; }
.officeLogCont, .userLogCont, .repLogCont, .volLogCont, .webLogCont{position: relative; width: 100%; height: 230px; padding-top: 10px; padding-bottom: 0px; background-color:#edf3f7; border-bottom: 1px solid #d3e2ec; border-top: 1px solid #d3e2ec; }
.officeTxtAlertCont, .dirTxtAlertCont, .userTxtAlertCont, .repTxtAlertCont, .volTxtAlertCont, .webTxtAlertCont { float: right; width: 0%; height: 100%; font-size: 11px; }
.officeLogContInner, .dirLogContInner, .directLogCont, .userLogContInner, .repLogContInner, .volLogContInner, .webLogContInner { position: relative; width: 100%; height: 100%; font-size: .9em; }
.userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right; }
.passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right; position:relative; top:10px; }
.emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right; }
.enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right; }
.userInputShort{ float:right; width: 59%; padding: 3px; }
.passwordInputShort{ float: right; width: 59%; padding: 3px; }
.emailInput{float: right; width: 59%; padding: 3px; }
.enterCodeInputShort{float: right; width: 59%; height: 30px; padding: 3px; padding-bottom: 5px; }
.captchaGraphic{ float: right; width:59%; height: 80px; padding-top: 10px;  }
.logButtin{float: right; width: 59%; text-align: left; padding: 3px; margin-top:20px; }




/* LOST YOUR PIN */
.lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 5px; padding-bottom: 10px; background-color:#F0F0F0; }
.lostPinTxtAlertCont{float: right; width: 0%; height: 100%; }
.lostPinContInner{ position: relative; width: 100%; height: 100%; }
.lostPinTxt{ padding-left: 10px; padding-bottom: 5px; }


/* HORIZONTAL RULE */
#horzRule { width: 94%; height: 5px; padding-bottom: 0px; background-color:#EEE; border-top: dotted 1px #dfe4eb; border-bottom: dotted 1px #dfe4eb; }


/* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) */
span.skype_pnh_container { display: none !important; }
span.skype_pnh_print_container { display: none !important; }


/* HOMEPAGE JQUERY SLIDES ANIMATION */
ul#homepagejQueryImages {}
ul#homepagejQueryImages li {}
ul#homepagejQueryImages #homepageImageTextDiv {display:none;}
ol#pagination { padding: 10px 0 15px; position: relative; text-align: center; }
ol#pagination li { display: inline-block; width: 2em; height: 16px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 0;
text-align: left; text-indent: -8000px; list-style: none; cursor: pointer; margin: 0 2px; position: relative; top: 0px; left: 0px; }
ol#pagination li:hover { background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -41px; }
ol#pagination li.current { color: #f00; font-weight: bold; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -41px; }
ol#pagination li.prev { position: absolute; top: -110px; }
ol#pagination li.next { position: absolute; top: -110px; }
ol#pagination li.prev { position: absolute; left: 20px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -64px; }
ol#pagination li.next { position: absolute; left: 595px; background: url(../../images/essentials/slides-pagination.png) no-repeat 0 -48px; }




#homepageImageTextDiv { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    box-sizing: border-box;
    font-size: 2.4vmin;
    padding: 3.5%;
    position: absolute;
    top: 0;
    width: 31%;
	display:none;}

#homepageImageTextDiv h1 {font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-style: italic;
    font-weight: normal;
    line-height: normal;
    padding-bottom: 0;}

#homepageImageTextDiv h2 {border-bottom: medium none;
    color: white;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 200%;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 2px;}
	
#homepageImageTextDiv h3 {float:left;}

#homepageImageTextDiv h3 li {font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 80%;
    font-weight: normal;
    line-height: normal;
    list-style-position: inside;
    list-style-type: disc;
    margin-left: 1px;
    padding: 2% 0;}
	
	
#homepageImageTextDiv .banner_btn {border: 1px solid white;
    display: block;
    float: left;
    margin-top: 15px;
    text-align: center;
    width: 100%;}

#homepageImageTextDiv .banner_btn a {padding:10px; box-sizing: border-box;}


/* PRIVACY POLICY */
#divPrivacyTermsLinksWrapper {background: #1B1F22; bottom: 0; float: left; height: 70px; width: 100%;}
#divTermsFooterLink, #divPrivacyFooterLink {
    padding-top: 2.5%;
    float: left;    
    /*padding: 20px 0;
    position: absolute;
    right: 0;
    width: 160px;*/}
#divPrivacyFooterLink {
    width: 45%;
    text-align: right; /*right: 150px; width: 150px;*/}
#divTermsFooterLink {
    width: 42%;
    padding-left: 7%;
    text-align: left;
}
#divTermsFooterLink a, #divPrivacyFooterLink a {font-size:12px; text-decoration:none; color: #fff;}
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #d7d7d7;}


/* v4.4 LOGIN */
.mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 {background: none repeat scroll 0 0 rgba(112,155,184,0.05); float: left; height: 100%; padding: 0; width: 100%;}
.mainContainer, .mainContRand3, .mainContSec2{ height: auto; width:100%; float:left; padding:20px; box-sizing:border-box; }
.alert {}
.infoCont {}
.memContText {padding: 0 0 10px;}
.memberNumberTxt {float:left; text-align: right; font-weight:bold; margin-right: 20px; margin-top: 3px;}
.securityPasswordTxt {float:left; font-weight:bold;}
.secPassBut {padding-top: 20px;}
.rand3PinTxt{float: left; margin-left: 10px; margin-right: 25px; margin-top: 3px;}
.dobInputTxtRand3 {float: left; margin-right: 18px; margin-top: 3px;}
.dobForm3 {}
.dobForm3 .input_4char, .dobForm3 .input_2char {padding: 4px 4px;}
.input_2char { }
.noMemberNumber {margin: 10px 0 5px;}
.noMemberNumber a, .noMemberNumber2 a {font-size:11px;}
#AlertPanelMemNo {font-family: 'Open Sans',Arial,sans-serif; font-size: 0.85em; line-height: 16px; margin-top: 0; padding: 5px; text-align: left; color:#52b1fa; margin-bottom: 10px; margin-top: 28.5px; position: absolute; right: 15px; width: 35%; border: 1px solid #52b1fa;}


/* v3.4 LOGIN */
.mainContPin2 {padding: 20px 10px 10px 10px; text-align: right; height: 100%;}
.memContainer2, .pinContainer2, .dobContainer2, .secContainer2, .secPassField2{}
.memNumField2, .pinNumField2, .dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 40%; height: 20px;}
.memNumberTxt2, .pinNumberTxt2, .dobPassTxt2  {float: left; padding-bottom: 7px;  width: 58%; height: 20px; }
.logPassBut2 {float: right; }
.secPassTxt2 {float:left;font-weight:bold; padding-left: 320px;}
.memberNumberTxt2 {float: left; line-height: 23px; margin-top: 7px;}
.dobInputTxtRand3_2 {float: left; line-height: 23px; margin-top: 8px;}

#dobContRand3,
.pinContRand3 {padding:0 0 8px;}
.memNumForm2 {}
.dobForm3_2 {padding:5px 0;}
.noMemberNumber2 {float: left; padding: 0px 0 10px 0; width: 100%;}
.pinNumFormRand3 {}
.pinPassButRand3 {}
#AlertPanelPIN {
    background: none repeat scroll 0 0;
    color: #52b1fa; 
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 0.85em;
    line-height: 16px;
    margin-top: 0;
    padding: 5px;
    position: absolute;
    right: 15px;
    text-align: left;
    width: 35%;
    border: 1px solid #52b1fa;
}
#AlertPanelPIN a {color:rgb(255, 0, 0); text-decoration:underline;}

/* LOGIN  */
.memContainer {width: 60%;}
.dobContRand3 {width: 60%;}
.memberNumberTxt {float:left; width: 35%; text-align: left; font-weight:bold; margin-right: 18px; margin-top: 3px;}
.memNumForm input {width: 57%;}
.dobInputTxtRand3 {float: left; width: 35%; text-align: left; margin-right: 18px; margin-top: 3px;}
.dobForm3 .input_short {width:36.5%;}
.dobForm3 .input_2char, .dobForm3 .input_4char {width:9.5%;}

.memberNumberTxt2 {float: left; width: 20%; text-align: left; font-weight: bold; line-height: 23px; margin-top: 7px;}
.dobInputTxtRand3_2 {float: left; width: 20%; text-align: left; font-weight: bold; line-height: 23px; margin-top: 8px;}
.insertRandomPin3 { float: left;  width: 20%; text-align: left; line-height: 23px;}

/*RADIO BUTTONS AND CHECKBOXES*/

input[type="checkbox"], input[type="radio"] 
{margin-right:5px; height:15px; width:15px; vertical-align: sub;}

input, textarea 
{ /*-webkit-appearance: none;*/ -webkit-border-radius: 0; /* Force Safari to render buttons as in any other browser*/}

input[type="submit"], input[type="reset"], input[type="button"] {-webkit-appearance: none;}

input[type="checkbox"] {-webkit-appearance: checkbox;}


/* ONLINE BANKING WELCOME & ERROR PAGE*/
#onlineBankingDiv { position: relative; float: none; width: 200px;}
#ErrorMessageContainer { position: relative; padding: 10px; background-color: #fcd4d2; color: #a02a2a; margin-bottom: 20px; box-sizing:border-box; width:100%; float:left;}
#onlineBankingErrorMessages {float: left;
    font-size: 13px;
    font-weight: bold;
    padding-left: 55px;
    position: relative;
	top:10px;
    width: auto;}
#ErrorMessageImage { background-image: url(images/error-img.png);
    background-position: left center;
    background-repeat: no-repeat;
    height: 42px;
    margin-right: 10px;
    width: 42px;
	background-size:40px auto;}
	
#Header { position: relative; float: right; width: 80%; height: 43px; }
#Header h1 { color: #396d9f; font-size: 22px; padding-top: 10px; margin: 0px; border: 0px; line-height: 30px; }
#container { position: relative;}
#container p { padding-bottom: 10px; }


#RowOne { height: 194px;}
#RowTwo {}

/* BOX ATTRIBUTES */
#RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { font-size: 20px; font-weight: bold; color: #ffffff; height: 26px; margin-top: 7px; padding: 0; text-align: left; vertical-align: middle;} 
#RowOneBoxOne p, #RowOneBoxTwo p, #RowTwoBoxOne p, #RowTwoBoxTwo p { color: #ffffff; padding: 0 0 5px 0; font-size: 13px; font-weight: normal; margin-bottom: 0;} 
#RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li { color: #ffffff; font-size: 13px; line-height: 18px;  margin-left: 18px; padding: 0 10px 0 0; }
#RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a  { position: absolute; bottom: 10px; text-decoration: none; background: rgb(34,128,202) none repeat scroll 0 0;
    /* border: 1px solid white; */
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: normal;
    padding: 10px;}
#RowOneBoxTwo span.SmallGreenText { color: #ffffff; font-size: 20px; font-weight: bold; padding: 0; text-align: left; vertical-align: middle; float:left;}

/* BOX GRAPHICS*/
#RowOneBoxOne {/*background-image: url(images/online_banking_bkgd.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 640px auto;*/
    background-image: url(images/register.png), radial-gradient(ellipse at center, rgba(240,79,143,1) 0%, rgba(215,71,129,1) 100%);
    background-repeat: no-repeat;
    background-position: right bottom, 100% 100%;
    background-size: 80px auto, cover;
    float: left;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%; }
#RowOneBoxTwo {/*background-image: url(images/e_statement_bkgd.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 640px auto;*/
    background-image: url(images/estatements.png), radial-gradient(ellipse at center, rgba(70,207,188,1) 0%, rgba(61,182,166,1) 100%);
    background-repeat: no-repeat;
    background-position: right bottom, 100% 100%;
    background-size: 80px auto, cover;
    float: right;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%; }
#RowTwoBoxOne {/*background-image: url(images/online_loan_bkgd.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 640px auto;*/
    background-image: url(images/loans.png), radial-gradient(ellipse at center, rgba(41,186,229,1) 0%, rgba(36,164,206,1) 100%);
    background-repeat: no-repeat;
    background-position: right bottom, 100% 100%;
    background-size: 80px auto, cover;
    float: left;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%; }
#RowTwoBoxTwo { /*background-image: url(images/loan_calc.png), radial-gradient(ellipse at center, rgba(232,79,191,1) 0%, rgba(206,71,170,1) 100%);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 90px auto;*/
    background-image: url(images/loan_calc.png), radial-gradient(ellipse at center, rgba(232,79,191,1) 0%, rgba(206,71,170,1) 100%);
    background-repeat: no-repeat;
    background-position: right bottom, 100% 100%;
    background-size: 80px auto, cover;
    float: right;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%; }


/* LOGIN CONFIRMATION FORM */

#bankingPinConfirm { min-height: 200px; background-color: rgba(112,155,184,0.05); /*background-image: url(images/bg-bankingPinConfirm.jpg)*/; background-repeat: no-repeat; padding-left: 10px;  padding-right: 10px; background-position: right center; background-size:1000px;}
#bankingPinConfirm h1 {color: #1d6faf; font-size: 16px; font-weight: bold; height: 26px; padding: 10px 0 5px; text-align: left; vertical-align: middle;}
#bankingPinConfirm {  }
#bankingPinConfirm #LoginForm {}
#bankingPinConfirm .insertRandomPin3{ position: relative; width: 14.6%; top:0px; float: left;}
#bankingPinConfirm .pinPassButRand3 {margin-top:10px; padding:0;}
.pinNumFormRand3 .informational {margin-left: 15%;}

/*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/
#pageInContOff{ position: relative; width:782px; height:100%; padding-top: 5px;  background-color: #FFF;border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInContOff:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterOff { position: relative; width: 782px; height: 20px; top: -15px;  margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);}
#pagefooterOff a { color: #69C; font-size:10px;}

.officeLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 25px; background-color:#eef3f7;}
.officeTxtAlertCont{ float: right; width: 0%; height: 100%;}
.officeLogContInner{ position: relative; width: 100%;  height: 100%;}


/*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/
#directorsAreaPage .input_editor_title { float:left; font-size:13px; color: #313745; font-family: Verdana, Geneva, sans-serif; border: 1px solid #ccc; width: 300px; padding:3px 6px 3px 3px; display:block; margin: 2px 5px; line-height: 1.3em;}
#directorsAreaPage font, td strong {color:#313745 !important; font-weight:bold; font-size:13px; font-family: Verdana, Geneva, sans-serif; line-height:200%;}
#directorsAreaPage #contentarea .directors_content {position: relative; float: left; width: 68%;}
#directorsAreaPage #contentarea .directors_sidebar { position: relative; float: right;}
#pageInContDir{ position: relative; height:100%; padding-bottom: 5px; width:100%; background:none; /*padding-bottom: 10px;*/}
/*#pageInContDir :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}*/
#pagefooterDir {clear: both; color: #FFFFFF; height: 50px; margin: 0 auto 5px; padding-left: 0; padding-top: 20px; position: relative; text-align: center; width: 959px; z-index: 1000;background:url(../../templates/current/images/footer_bgr.jpg) no-repeat;}
#pagefooterDir a { font-size:11px; color: white;}

.directLogCont{position: relative; height:100%;  background-color: #FFF; /*padding-bottom: 10px;*/}
.dirTxtAlertCont{ float: right; width: 0%; height: 100%;}
.dirLogContInner{ background-color: #dfe4eb;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    width: 100%;}

.dirLogContInner .input_short {font-size:12px;}

#directorsAreaPage .tableform tbody td {color: #3670ab;}
#directorsAreaPage .tableform tbody td {width:auto !important;}

#directorsAreaPage .required {color: #e07070;}
#directorsAreaPage input.button_submit {margin-top: 5px;}

}


/* --------------------------------------------------------------------------------------------- */




/* MEDIA QUERIES */


@media only screen and ( max-width: 64em ) /* 1152 */ {
#announcements_content_dynamic h2 {font-size:2.6em; /*padding-left:0;*/}
/*#announcements2_content_dynamic h2 {
    font-size: 1.05em;
    line-height: 2.8em;}
#joinus {background:none;}
#announcements_content_dynamic p {padding-left:0; text-align:left;}
#divCustomFooterLink1, #divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink7, #divCustomFooterLink8 {padding:0 16px;}
#SocialNet {right:28px;}
#modulelinks a {padding: 4px 10px 4px 38px;}
#homePage #main {background: url(../../templates/current/images/main_tile.jpg) repeat-x;}
#pageContent {padding:0 5px; box-sizing:border-box;}*/
}

@media only screen and ( max-width: 64em ) /* 1024 */ {
#pageContent {padding:0 0px;}
/*SEARCH BAR - MASTHEAD */
#header-search {float: none;margin: 0 auto; position: static; right: 0; text-align: center; margin-bottom:25px; }
#header-search .input_search {padding: 3px 10px 6px 15px; width: calc(100% - 40px);}
#header-search .button_search {}

/*MAIN NAVIGATION - TOP MENU*/
#mainmenu {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%; display:block; display:none;}
#mainmenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #3A64AD; position: relative;}
#mainmenu > a:before,#mainmenu > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#mainmenu li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;}

#mainmenu > a:after {top: 60%;}
#mainmenu:not( :target ) > a:first-of-type,#mainmenu:target > a:last-of-type {display: block;}

/* first level */

#mainmenu > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;}
#mainmenu:target > ul {display: block;}
#mainmenu > ul > li {width: 100%;float: none;}
#mainmenu > ul > li > a {height: auto;text-align: left;	padding: .7em; /* 20 (24) */}
#mainmenu > ul > li > ul > li > a:hover {background: #a3a3a3;}
#mainmenu > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #3399ff;}

/* second level */

#mainmenu li ul {position: static;/* padding: 1.25em;  20 */padding-top: 0;}


/*MAIN NAVIGATION - TOP MENU*/
#mainmenuMobile {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%; display:block;}
#mainmenuMobile > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #415a6b; position: relative;}
#mainmenuMobile > a:before,#mainmenuMobile > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#mainmenuMobile li ul a { font-size: 0.95em; line-height: 1em; padding: 1em;}

#mainmenuMobile > a:after {top: 60%;}
#mainmenuMobile:not( :target ) > a:first-of-type,#mainmenuMobile:target > a:last-of-type {display: block;}

/* first level */

#mainmenuMobile > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;}
#mainmenuMobile:target > ul {display: block;}
#mainmenuMobile > ul > li {width: 100%;float: none;}
#mainmenuMobile > ul > li > a {height: auto;text-align: left;	padding: .7em; /* 20 (24) */}
#mainmenuMobile > ul > li > ul > li > a:hover {}
#mainmenuMobile > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #fff;}

/* second level */

#mainmenuMobile li ul {position: static;/* padding: 1.25em;  20 */padding-top: 0;}


/*MEMBERAREA NAVIGATION - TOP MENU*/
#membermenu {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%;}
#membermenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #415a6b; position: relative;}
#membermenu > a:before,#membermenu > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#membermenu li ul a { font-size: 0.95em; line-height: 1.25em; padding: 1em;}

#membermenu > a:after {top: 60%;}
#membermenu:not( :target ) > a:first-of-type,#membermenu:target > a:last-of-type {display: block;}

/* first level */

#membermenu > ul {height: auto; display: none; /*position: absolute;*/ left: 0;right: 0;}
#membermenu:target > ul {display: block;}
#membermenu > ul > li {width: 100%;float: none;}
#membermenu > ul > li > a {height: auto;text-align: left;	padding: .7em; /* 20 (24) */}
#membermenu > ul > li > ul > li > a:hover {background: #a3a3a3;}
#membermenu > ul > li:not( :last-child ) > a {border-right: none;}

/* second level */

#membermenu li ul {position: static;/* padding: 1.25em;  20 */padding-top: 0;}


#divHTMLAnnouncements1Wrapper { width: 100%; margin-left:0; height:180px;}
#announcements_content_dynamic a {height:180px;}
#divHTMLAnnouncements2Wrapper { width: 100%;}
#fscs { padding-top: 2%; width:100%; box-sizing:content-box;  padding-bottom: 2%;  padding-right: 0;}
#announcements_content_dynamic h2 {font-size:2.7em; margin-top:10px; padding-bottom: 5px; width:100%;}
#announcements_content_dynamic p {padding-left: 90px; text-align: left;}


html {font-size: 100%; /* 12 */}
#layoutarea { float:none; background:none;}
#memberscontentarea { float: right;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: 100%;!important  } 
#divSpotlightsWrapper {width:100%; padding-top:0;}
body, #main {background:none;}
#pageContent {}
ol#pagination { padding: 10px 0 0px;}
#loginarea { float: left;
    padding-bottom: 5px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
	margin-bottom:10px;}
#loginarea_contentpage { float: none; padding-bottom: 5px; text-align: center; width: 100%;}
#facilities .divider { width: 33.25%; background: #e8edf0;}
#header-sitemap { float: none; width: auto; background: #e8edf0;}
#loginarea img {margin-bottom: 8px;
    margin-right: 5px;
    width: 260px;}
#submenu_members { width: 100%; margin-left: 0px;}
#sidebar, homePage #modulelinks{ padding: 0 0 10px; width: 49%;}
#sidebar, #submenu {width:30%; float:left; padding-bottom: 10px; margin-left:15px;}
#submenu {margin-bottom:0px;}
#modulelinks {width:100%;}
#modulelinks ul {margin-bottom:20px;}
homePage #newsheadlines {margin-top:0; width:49%;}
contentPage #newsheadlines {margin-top:0; width:49%;}
#membersAreaPage #masthead .area_title {width: 100%; display:none;}
#footerDetails {margin-bottom:10px; text-align: left;}
#pagefooterOuterPublic, #pagefooterOuterIndex, #pagefooterOuterOther {margin-top:20px; background:none!important;}
#masthead {height:100%; padding-bottom:0px; background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(220,226,238,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(220,226,238,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(220,226,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce2ee',GradientType=0 );
}


#pageInContDir #layoutarea, #directorsAreaPage #layoutarea, #membersAreaPage #layoutarea { margin: 0px auto 0;}	
#onlineNewsletterForm input.button_submit {width: 100px;}	
	
body#membersAreaPage #masthead, body#officeAreaPage #masthead, body#directorsAreaPage #masthead {margin-bottom:20px; height:150px;}
#byline_members  {top:190px;}
#byline { top:35px; text-align: center; width:100%; right:0; left:0;}
span#spanBylineEmail {display: inline; }
.contactdetails {float: none;}

#membersAreaPage #masthead .logo, #officeAreaPage #masthead .logo, #directorsAreaPage #masthead .logo  {float: left;  padding: 0;}
#masthead .logo #img_masthead {float: none; margin: 2em auto 1em; padding: 0em 0em 0em 0; text-align: center; padding-right:0; width:350px; }
#submenu ul {}

#newsheadlines img {display:none;}
#masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none; }
#facilities #helpmenu {display:none;}
#facilities a:hover { border-bottom: none; background: #415a6b; color: white;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}

input.button_submit {border: medium none; color: white; height: auto; padding: 8px 10px; font-size: 1.1em; font-weight:bold; /* border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/}
input.button_submit:hover {}
input.button_cancel {border: medium none; color: white; height: auto; padding: 8px 10px; margin-right:10px; font-size: 1.1em; font-weight:bold; /*border-radius:5px; border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);*/}
input.button_cancel:hover {}
#header-search {margin-top:0; width: 300px;}
#header-search input {height: 45px;}
#flashcontainer { height: auto; width: 100%; position:relative; float:left;}
#flashcontainer li img {max-width:100%;}
#news_content { padding: 10px 0 10px 60px; box-sizing: border-box;}
table.services tr {}
table.services td {border-bottom: 10px solid white; display: block; float: left; width: 100%;}
table.services td td {display:inline;}
table.services img{display:block; float:left;}
.input_normal, .input_long, .input_short, .input_shorter, .input_multiline, .input_multiLarge, .input_nosize, .input_2char, .input_3char, .input_4char, .input_invisible, .input_editor_title, .input_editor_subtitle {}
html {font-size: 100%; /* 12 */}
#layoutarea { padding: 0 10px; box-sizing:border-box;}

body#homePage #submenu, #sidebar, body#homePage #divQuickLinksWrapper{
    margin-left: 0;
    padding: 0;
    width: 100%;
	margin-top:-220px;}
	
#submenu, #sidebar, #divQuickLinksWrapper{
    margin-left: 0;
    padding: 0;
    width: 100%;
	margin-top:0px;
	margin-bottom:20px;}
	
#sidebar {margin-bottom:0;}
#modulelinks_contentpage {padding-bottom:0px;}	
#sidebar {margin-top:0;}
#divNewsHeadlinesWrapper {height: 100%; min-height: 170px; width: 100%; padding:0;}
#newsheadlines {height:auto;}
#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:100%; padding-right:0; box-sizing:border-box; padding-bottom:10px;}
#spotlight1, #spotlight2, #spotlight3, #spotlight4 {margin:20px 0 0;}
.spotlight_title {width:50%; float:right; padding-top:30px;}

.spotlight_text { float: right;
    height: auto;
    padding-bottom: 30px;
    width: 100%;}
#pagefooterIndex, #pagefooterPublic, #pagefooterOther {}
#footerDetails {width:100%;}
#footerDetails ul {}
#contentarea {width:100%;  float:none;}

#newsheadlines img {display:none;}
#masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none;}
#facilities {/*background: #3A64AD;*/ width:100%;}
#facilities #helpmenu {display:none;}
#facilities a:hover { border-bottom: none; background: #415a6b; color:white; text-decoration:none;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}

#header-search input {height: 45px;}
#flashcontainer { height: auto; width: 100%; position:relative; float:left; margin-left:0;}
#flashcontainer li img {max-width:100%;}
#news_content {}
table.services tr {background:#ccc;}
table.services td {background: none repeat scroll 0 0 #ccc; border-bottom: 10px solid white; display: block; float: left; width: 100%;}
table.services td td {display:inline;}
table.services img{display:block; float:left;}
/*#header-search { text-align: center; width: 100%;}*/

#SocialNet {
    float: right;
    position: absolute;
    right: 10px;
    top: 315px;
}

#RowOneBoxOne, #RowTwoBoxOne {
	float:left;
    height: 145px;
    width: 46%;
	border-top:1px solid #eee}

#RowOneBoxTwo, #RowTwoBoxTwo {
	float:right;
    height: 145px;
    width: 46%;
	border-top:1px solid #eee;}

#directorscontentarea {
    float: right;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: 100%;
}


#adminmenu {width:100%; margin: 5px 0 20px 0px;}

#membersAreaPage #masthead .area_title, #officeAreaPage #masthead .area_title, #directorsAreaPage #masthead .area_title {display:none;}

.ProgressLogo {display:none;}

.spotlight_image_upload {
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    padding: 10px 10px 10px 20px;
    width: 47%;
}
.spotlight_container {
    box-sizing: border-box;
    float: right;
    width: 50%;
	padding: 15px 15px 0;}

.spotlight_link {float: left;
    position: relative;}

.Secondline {font-size: 24px; line-height: 28px;}
#masthead .logo {float: left;
    margin: 0 auto;
    padding: 2.5em 0 1em;
    text-align: center;
    width: 100%;}


h4.h4quicklinks, h4.h4newsheadlines, #submenu .title_subsections { font-size: 1.6em;}


#submenu a, #modulelinks_contentpage a, #modulelinks a {font-size:1.2em;}
#news_content {}
#announcements_content_dynamic a {}
#divHTMLAnnouncements1Wrapper {}
#announcements_content_dynamic a {}

#homePage #main {background-image:none;}
.spotlight_link a {float: none;width: 70%; }

#divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink8 {}
#divCustomFooterLink1 {text-align: center;}
#divCustomFooterLink7 {text-align: center;}

#pagefooterAlternative {top:40px; left:230px;}
#facilities a {text-align: center; line-height:3.35em;}
#joinus {height: 80px; width: 60%;}

#divPrivacyTermsLinksWrapper { height: 60px;}
#homePage #news_content p {width:95%;}
img#footer-cu-logo {margin-left:10px;}
#announcements2_content_dynamic img {max-width: 310px; float:right;}
#announcements2_content_dynamic {
    float: left;
    width: 100%;
	background-size:56px;
}
#LoanCalc { padding-top: 20px;}
#announcements2_content_dynamic h2 {bottom: 0;
    float: left;
    font-size: 2em;
    height: 30px;
    line-height: normal;
    /*position: absolute;
    top: 0;*/
    width: 50%;}
#announcements2_content_dynamic p {margin: 5px 0 0 5px;}
#announcements2_content_dynamic a {height:120px;}
#divHTMLAnnouncements2Wrapper {height:auto;}
.announcements_content_left img {
    padding-top: 2%;}
.announcements_content_right p#clickHere {padding-top: 23%;}
.panel {display: none;}
#newsheadlines_contentpage { height: 100%; margin-bottom: 0; min-height: 190px;}
#pagefooterOther p {}
table.estatements td {text-align:center;}


}

@media only screen and ( max-width: 60em ) /* 960 */ {
.memContainer {width: 100%;}
.dobContRand3 {width: 100%;}
.memNumForm input {
    width: 52%;
}
.dobForm3 .input_2char, .dobForm3 .input_4char {width:7.5%;}
#AlertPanelPIN {
    margin-top: 0;
    padding: 5px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 15px;
    position:relative;
    right: 0px;
    text-align: left;
    width: auto;}
    
    
#AlertPanelMemNo {
    margin-top: 0;
    padding: 5px;
    text-align: left;
    margin-top: 0px;
    position:relative;
    right: 0px;
    text-align: left;
    width: auto;
}

}

@media only screen and ( max-width: 50em ) /* 800 */ {
	
	
td.membership_table {  font-size: 0.9em;}

.Firstline {
    float: left;
    padding-right: 7px;
    width: auto;
	margin-top:2%;
}

#facilities {padding:0; background:none;}
#announcements_content_dynamic h2 {margin-top:1.5%;}
.announcements_content_left img {
    padding-top: 6%;}
.announcements_content_right p#clickHere {
    padding-top: 26%;}
.spotlight_title {width:50%; float:right; padding-top:20px;}
#footerDetails li {width:100%; text-align:center;}
#fsrnTextAlternative {float: none;
    margin: 0 auto;
    text-align: center;}
#pagefooterAlternative {left: 0;
    padding-bottom: 15px;
    position: relative;
    top: 0;
    width: 100%;}
#pagefooterIndex, #pagefooterPublic, #pagefooterOther {float:left; height:auto; padding: 15px 0 0;}
img#footer-cu-logo { border: medium none;
    float: none;
    margin: 0px auto 10px;
    padding-right: 0;
	width:200px;}
#footerDetails ul {left:0; float:none;}
#pagefooterOther p {
    font-size: 0.9em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 83px;
    width: 230px;
	display:none;}
	
#footerDetails {margin-bottom:0;}
#divCustomFooterLink1, #divCustomFooterLink2, #divCustomFooterLink3, #divCustomFooterLink4, #divCustomFooterLink5, #divCustomFooterLink6, #divCustomFooterLink7, #divCustomFooterLink8 {width:100%; padding:5px 0; float:none;}
}

@media only screen and ( max-width: 48em ) /* 768 */ {

#fsrnTextOff {width:100%; float:left;}
#pagefooterIndex, #pagefooterPublic, #pagefooterOther {}
#divHTMLAnnouncements2Wrapper { margin-bottom: 0px;}
}


@media only screen and ( max-width: 45em ) /* 720 */ {
	

#fscs { padding-right:20%; width: 80%;}
.Firstline {
    float: none;
    padding-right: 0px;
    width: auto;
	line-height:18px;
}
.spotlight_title {width:50%; float:right; padding-top:10px;}
#announcements_content_dynamic p {font-size:.96em;}
.announcements_content_left img {
    padding-top: 9%;}
.announcements_content_right p#clickHere {
    padding-top: 28%;}
.memberNumberTxt2, .dobInputTxtRand3_2, .insertRandomPin3 {width: 25%;}

}

@media only screen and ( max-width: 40em ) /* 640 */ {
	
#pagefooterOther p { margin-left: 0px;}

div .services_left {width: 100%; }
div .services_right {width: 100%;}
#SocialNet {}
#membersAreaPage #SocialNet {top:120px;}
#divPrivacyTermsLinksWrapper {background:none; position:relative; height:auto;}
#divTermsFooterLink, #divPrivacyFooterLink {
    background: none repeat scroll 0 0 #1B1F22;
    float: left;
    padding: 0;
    position: relative;
    text-align: center;
    width: 50%;
}
#divTermsFooterLink a, #divPrivacyFooterLink a {color: white; font-size: .9em; text-decoration:none; padding:12px 0; display:block;} 
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover {background:#3A64AD; color:white;}
#divPrivacyFooterLink  {right:0;}
#pagefooterOther img#footer-cu-logo {border-right: medium none; float: none; text-align: center;}
#pagefooterOther #footerDetails {width: 100%; border-right:none; text-align: center;}
#footerDetails li {}
#joinus {width:40%; height:120px;}

#announcements_content_dynamic h2 { margin-top: 1.5%;}
#announcements_content_dynamic p { font-size: 1em;}

#announcements2_content_dynamic {background-size:56px;}
#announcements2_content_dynamic h2 {font-size: 1.5em; height: 25px; margin: 0; padding-top: 5px;}
#announcements2_content_dynamic img {max-width:290px;}
#announcements2_content_dynamic a {height:112px;}
}

@media only screen and ( max-width: 37.5em ) /* 600 */ {
	
/*SEARCH BAR - MASTHEAD */
input#term {box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 1.1em;
}
input#amount {box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 1.15em;
}


#footerDetails {width: 100%; border-right:none; text-align: center;}
#pagefooterAlternative {}
#footerDetails ul {position:relative; top:0; left: auto;}
#footerDetails li {display:block;}
#pagefooterAlternative {float:none; position:static; padding-left:0}
#fsrnTextAlternative { box-sizing: border-box;
    color: rgba(255, 255, 255, 1);
    float: none;
    font-size: 11px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;}


#announcements_content_dynamic a {}

#announcements2_content_dynamic h2 {font-size: 1.3em; height: 25px;}


}

@media only screen and ( max-width: 35.5em ) /* 568 */ {
	




#submenu, #sidebar, #divQuickLinksWrapper {width:100%; margin-top:0; margin-left:0;}
#divHTMLAnnouncements1Wrapper {width: 100%; margin-left:0;}
#divHTMLAnnouncements2Wrapper { width: 100%; margin-left:0;}
body#homePage #submenu, #sidebar, body#homePage #divQuickLinksWrapper {
    margin-left: 0;
    margin-top: 0px;
    padding: 0;
    width: 100%;
}



.Firstline {
    float: left;
    padding-right: 7px;
    width: auto;
	margin-top:2%;
}
.Secondline {font-size:22px; margin-top:1.5%;}

#fscs {width:65%;}

#RowOneBoxOne, #RowTwoBoxOne {
	float:left;
    height: 155px;
    width: 100%;
	margin-bottom:30px;
	box-sizing: border-box;}

#RowOneBoxTwo, #RowTwoBoxTwo {
	float:left;
    height: 155px;
    width: 100%;
	margin-bottom:30px;
	box-sizing: border-box;}
.announcements_content_left {
    width: 50%;}
.announcements_content_right {
    width: 50%;}
.announcements_content_left img {
    box-sizing: border-box;
    padding-top: 1%;
    padding-left: 5%;}
.announcements_content_right p#clickHere {padding-top: 17%; padding-left: 5%; font-size: 2.1em;}
.memberNumberTxt2, .dobInputTxtRand3_2, .insertRandomPin3 {width: 30%;}

	
}

@media only screen and ( max-width: 33.4375em ) /* 535 */ {
#SocialNet { top: 355px;}
#masthead .logo #img_masthead {display:none;}
#masthead .logo #img_mastheadMobile { display: block; margin: 2em auto 1em; width:320px;}
	
#announcements2_content_dynamic {background-size:55px;}
#announcements2_content_dynamic h2 {font-size: 1.2em; height: 25px;}
#announcements2_content_dynamic img {max-width:230px;}
}

@media only screen and ( max-width: 32.5em ) /* 520 */ {
	
select#intrateDDL {margin-left:0px; width:97%;}

#searchPage td {display: block; }
#searchPage td:nth-child(2) {display: none;}
#searchPage td:nth-child(3) {padding-left: 50px;}
td.emptycell {display:none !important;}
#searchPage td:nth-child(1) {}


.informationalLoanCal {font-size:12px;}


#divCustomFooterLinks {width: 100%; border-right:none;}


.directors_sidebar {float:left; width:100%;}
.directors_content {width:100%; margin-bottom:20px;}
.logButtin {margin-top:30px;}



input#apr {text-align: center;}
span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome, span#spanMonthTotalHome, span#spanWeekTotalHome, span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanMonthTotal, span#spanWeekTotal, span#span2WeeksTotal, span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest{
    text-align: center;
    width: 100%;
	font-size: 15px;
	padding-top:10px;
}


input#paymentSliderWeeklyHome, input#paymentSlider2WeeksHome, input#paymentSlider4WeeksHome, input#paymentSliderMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotalWeeklyHome, input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly, input#paymentSliderTotalWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotal2Weeks, input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterestMonthly  {
    text-align: center;
    width: 100%;
	padding:5px 0;
}

	
#bankingPinConfirm {background-image:none; background-color: #eee; padding-bottom:20px;}
#bankingPinConfirm h1 {font-size:20px;}


#fscs {margin-top: 0; padding-top: 0; width: 80%;}

#announcements_content_dynamic h2 {}
#divHTMLAnnouncements1Wrapper {
    background-image: none;
    box-sizing: border-box;
    height: auto;
    padding: 20px;
}
#announcements_content_dynamic a {height:120px;}
#joinus {height: auto;
    min-height: 80px;
    position: relative;
    width: 100%;
	left:0;}
	
#announcements2_content_dynamic a {height:92px;}

.dobForm3 .input_short {width: 36%;}
}

@media only screen and ( max-width: 30em ) /* 480 */ {
	
/*SEARCH BAR - MASTHEAD */
/*#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 90px; padding: 0 8px; width: 50%;}
#header-search .button_search {right:90px; position: absolute;}*/
#fscs {box-sizing: content-box; padding-right: 30%; width: 70%;}

#announcements2_content_dynamic {}
#LoanCalc {padding-top: 12px;}
#announcements2_content_dynamic h2 {float: none;
    width: 100%;
    padding-top: 0;
    font-size: 1.2em;
    height: 25px;
    position: relative;}
#announcements2_content_dynamic img {/*max-width:260px; margin-top: 10px;*/}
.announcements_content_left {
    width: 100%;
    float: none;
    display: block;}
.announcements_content_right {
    width: 100%;
    float: none;
    display: block;}
.announcements_content_left img {
    box-sizing: border-box;
    padding-top: 1%;
    padding-left: 5%;}
.announcements_content_right p#clickHere {padding-top: 5%; padding-left: 5%; font-size: 2.1em;}
table.estatements td {background:white; display:block; width:100%; text-align:center;}
.memberNumberTxt, .dobInputTxtRand3 {width: 100%;}
.memberNumberTxt2, .dobInputTxtRand3_2, .insertRandomPin3 {width: 100%;}
.memNumForm input {width: 100%; box-sizing: border-box;}
.dobForm3 .input_short {width: 69%;}
.dobForm3 .input_2char, .dobForm3 .input_4char {width:14.1%;}
.pinNumFormRand3 .informational {margin-left: 0;}


}

@media only screen and ( max-width: 26.6875em ) /* 427 */ {
#announcements2_content_dynamic a {height:137px;}
#announcements_content_dynamic a {height:132px;}
#newsheadlines_contentpage {min-height: 190px;}
#onlineBankingErrorMessages {top:0;}


}



@media only screen and ( max-width: 25em ) /* 400 */ {
	
/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 50px; padding: 0 8px; width: 60%;}
#header-search .button_search {right:50px; position: absolute;}*/
#membersAreaPage .tablegrid td { font-size: 0.7em; padding: 2%;}


#divNewsHeadlinesWrapper {min-height:200px;}

#bankingPinConfirm .insertRandomPin3 {
    margin-bottom: 10px;
    width: 100%;}
#bankingPinConfirm h1 {font-size:15px;}
.informational {letter-spacing:normal;}


#onlineNewsletterForm input.button_submit { margin-left: 0px; width:65%;}

#news_content { min-height: 150px;}
.spotlight_image_upload {box-sizing: border-box; float: none; padding: 0px; width: 100%;}
.spotlight_image_upload img {width:100%;}
.spotlight_text {min-height:100%;}
#announcements_content_dynamic a {}
.spotlight_container {min-height:100%; width:100%;}
.spotlight_title {width:100%; float:none;}
#divHTMLAnnouncements1Wrapper {
    background-image: none;
}
#announcements_content_dynamic h2 {width:auto;}
#announcements_content_dynamic a {height:167px;}
#joinus {width:100%;}
.mainContainer, .mainContRand3, .mainContSec2 {padding:10px;}


}


@media only screen and ( max-width: 22.5em ) /* 360 */ {
	
/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 30px; padding: 0 8px; width: 66.5%;}
#header-search .button_search {right:30px; position: absolute;}*/

ul#homepagejQueryImages {}


.tableform li, .tableform a, .tableform p, .e-tableform li, .e-tableform a, .e-tableform p {font-size:12px;}
.tableform tbody td, .e-tableform tbody td {font-size:12px;}
#membersAreaPage .tabletitle {font-size:13px;}
#membersAreaPage p, .directors_content p {font-size:12px;}
#fscs { padding-right: 38%; width: 62%;}
.Secondline { font-size: 20px; line-height: normal;}
#divHTMLAnnouncements2Wrapper {}
#announcements_content_dynamic h2 {}

#loginarea img, #header-search {}
.spotlight_link a {padding:7px 10px; font-size:14px;}
#announcements2_content_dynamic {background-position: right 0;}
#announcements2_content_dynamic h2 {box-sizing: border-box;
    font-size: 1.3em;
    line-height: 30px;
    margin: auto;
    width: 100%;}
#announcements2_content_dynamic p {margin: 5px 0 0 0;}
#announcements2_content_dynamic img {max-width:320px;}
#announcements2_content_dynamic a {height:157px;}
input.button_submit, input.button_cancel {
    width: 100%;
}
input.button_cancel {margin-bottom: 5px;}
.memNumForm2 input.button_submit {
    width: 150px;
}
}


@media only screen and ( max-width: 20em ) /* 320 */ {

/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 10px; padding: 0 8px; width: 75%;}
#header-search .button_search {right:10px; position: absolute;}*/
.input_short {width: 6.5em;}
#spotlight1, #spotlight2, #spotlight3, #spotlight4 {}
.Secondline { font-size: 19px; line-height: normal;}
#announcements_content_dynamic a {height:165px;}
#divNewsHeadlinesWrapper {min-height:230px;}
#announcements2_content_dynamic a {height:144px;}
#masthead .logo #img_mastheadMobile {width:300px;}
.mainContainer, .mainContRand3, .mainContSec2 { padding: 10px 5px;}
.insertRandomPin3 {margin-right:0;}
body#membersAreaPage #masthead { height: 140px;}
}