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

#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%; /* Prevent font scaling in landscape */}
body {   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #29628f;
    background-color: #fff;
    background-repeat: repeat;
    background-image: url(images/bkgd_gradient.gif);
    background-position: top;
    line-height:140%; /* 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 {text-decoration:none; }
a:hover {text-decoration:none; }


/* OTHER USEFUL ELEMENTS & CLASSES */
hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dashed #edededededed; border-bottom: 1px dotted #FFFFFF; }
#officeAreaPage hr {display:none;}
strong {font-weight:bold; }
iframe {border: 1px dotted #edededC99; width:100%; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#2e32332e3233; }
iframe.spotlightnew {border: 1px dotted #edededC99; width: 200px; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#2e32332e3233; height: 100px; }
img {border: none; max-width: 100%; height: auto; }
p {margin-bottom: 10px; font-size: 1em;}
acronym {cursor: help; border-bottom: 1px dotted #edededededed; }
font, td {font-size: 1em; }
table.membership {margin-bottom:0px; margin-top: 10px;}
table.membership td {background: #30905e; color: white; font-weight: bold; padding: 3px 10px;}
td.membership_table {background: #ededed; border-top: 2px solid #30905e; float: left; font-size: 0.9em; margin: 0 0 10px; padding: 15px 10px 5px;}
td.membership_table img:not(.imgDocIconPDF) {width:150px;}
td.membership {color:#ffffff; padding:3px; }
em, small {color: #0E508F; }
small a {color: #3E8ededed; font-size:11px; }
small a:hover {color:darkOrange; }
tr#TemplateRow1 {display: none; }
img#footer-cu-logo {display: none; }
.pagetitle_image {display:none;}
#submenu_latest {display:none;}
#submenuBreadcrumbs {display:none;}
#imgDocIconPDF {width:16px; margin-right:5px; vertical-align:middle;}


/* CONTENT PAGE - SPECIFIC CSS*/
.image_container{width:100%; margin-bottom:9px;}





/* SITEMAP PAGE */
#searchPage table {width:100%;}
#searchPage td {font-size: 1em; padding: 5px 0;}
#searchPage td:nth-child(1) { font-weight: bold;}
#searchPage td {vertical-align: middle!important;}
#searchPage .tablegrid td {width: 0.5px; padding-left: 5px;}
#searchPage td:last-child img {width: 16px; padding-left:5px;}
#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);  background-repeat: no-repeat; background-color: #19c561; border: medium none; border-radius: 0; 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);}
.pagetitleSectionSpan, .pagetitleSectionSpanNews {display: none;}

#mainarea, #membersmainarea {}
#membersmainarea {width:100%;}
#divSliderCalcLoanTypeText {margin-bottom:10px;}
div.services_left {
    float: left; width: 48.5%; margin-right:1em; margin-bottom: 15px;}
div.services_right {
	background-color:#234090;
    float: left; width: 48.5%; margin-right:0; margin-bottom: 15px;}
/*div .services_left img, div .services_right img  {padding-right: 10px;}
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: 0px 10px;
}
	
div a .services_left , div a .services_right {color: #2e3233;}
*/
.loans_loans div .services_left, .loans_loans div .services_right {background: #ffffff;}
.loans_loans div .services_left p, .loans_loans div .services_right p {    
    float: right;
    width: 59%;
    padding: 0;
}
.loans_loans div .services_left img, .loans_loans div .services_right img {
    width: 35%;
    float: left;}
.loans_loans div .services_left h2, .loans_loans div .services_right h2 {margin-top: 5px !important; margin-bottom: 5px !important; float: right; width: 59%;} 


#newsArticleFacebookDiv, #newsArticleTwitterDiv, #newsArticlePrintDiv {display: inline;
    height: 30px;
    margin: 0 10px 80px 0;
    position: relative;
    width: 70px;
}
.newsArticlePageDateDiv {
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    line-height: 30px;
    padding: 10px 0 0;
}


#newsArticlePageTitleDiv {
    border-bottom: medium none;
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.required {color: #ca1118;}


/* HEADINGS */
h1 {font-size: 16px; font-weight: bold; padding-bottom: 5px; color: #69C; }
h2 {border-bottom: 1px dashed #ccc; color: #2e3233; font-size: 1.2em; line-height: 20px; margin-bottom: 15px; margin-top: 0; padding-bottom: 5px; }
h3 {font-size: 1.2em; padding-bottom: 10px; }
h4 {font-size: 1.3em; font-weight: bold;color: #69C; padding-bottom: 7px; }
#contentPage h2 {margin-top: 20px;}
#contentPage h3 {font-size: 15px;
    padding-bottom: 15px;
    color: #961e4e;}
h4.h4quicklinks, h4.h4newsheadlines, .title_subsections {    
    font-family: 'Times New Roman', serif;
    color: #31598f;
    font-size: 1.8em;
    font-weight: 600; 
    padding: 12px;  /*text-shadow: 0 1px 0 rgba(255, 255, 255, 1);*/ }
h4.h4quicklinks {
    background: url(../../templates/current/images/quick_lnks_ic.png) no-repeat 98% 45% / 50px auto, url(../../templates/current/images/h_bgr.png) repeat-x; 
}
h4.h4newsheadlines {background: url(../../templates/current/images/news_ic.png) no-repeat 97% 45% / 25px auto, url(../../templates/current/images/h_bgr.png) repeat-x;}
.title_subsections {text-shadow:none; text-transform:none;}
#modulelinks_contentpage h4.h4quicklinks {background: url(../../templates/current/images/quick_lnks_ic.png) no-repeat 98% 45% / 50px auto, url(../../templates/current/images/h_bgr.png) repeat-x; font-size: 1.5em;}
#newsheadlines_contentpage h4.h4newsheadlines {background: url(../../templates/current/images/news_ic.png) no-repeat 97% 45% / 25px auto, url(../../templates/current/images/h_bgr.png) repeat-x; font-size: 1.5em;}
h5 {font-size: 12px; font-weight: bold; color: #ff9900; padding-bottom: 15px; }
h6 {font-size: 10px; font-weight: bold; padding-bottom: 15px; }


/* COMMONLY USED CLASSES */
.requi#30905e {font-size: 11px; font-weight: bold;color: #CC0000; }
.informational {color: #93a9bd; float: left; font-size: 11px; letter-spacing: .5px; width: 100%; }
.largeFont {font-size:14px; font-weight: bold; color:#3E8ededed; }
.lighttext {color: #999999; }
.smallfont{font-size: 10px; color: #999999; }
small {font-size:11px; }
small a{font-size:11px; }
.SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic; }
td.rowseparator { background: none !important;}
/*div .services_left img, div .services_right img {
    padding-right: 10px;
    width: 117px;
}*/
#news_content h3 {
    color: #961e4e;
    font-size: 13px;
    font-family: arial, Verdana, Geneva, sans-serif;}

/* --------- MemberArea Error Box -----------*/

#ErrorMessageContainer {
    background-color: #fcd4d2;
    box-sizing: border-box;
    color: #a02a2a;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
    width: 100%;
}

#onlineBankingErrorMessages {
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding-left: 55px;
    position: relative;
    width: auto;
}


#ErrorMessageImage {
    background-image: url(images/error-img.png);
    background-position: left center;
    background-repeat: no-repeat;
    height: 31px;
    margin-right: 10px;
    width: 43px;
}


/* ------------ eStatements -----*/


.dropmenu_top {
    background: #ededed 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: 10px;
}

.pdf_image img {
	width:150px;}

#request-estatement-button {width:200px;}
/* 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; margin-left: 10px; margin-right: 10px;}

#divSliderCalcLoanTypeText {margin-left: 10px; margin-right: 10px;}

/*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; float:left; width:100%;}
#onlineBankingErrorMessages {float: left;
    font-size: 13px;
    font-weight: bold;
    padding-left: 55px;
    position: relative;
    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: 30px; padding-left: 10px; padding-right: 10px;}


/*ONLINE BANKING*/
/*ROW LAYOUT------------------*/
#RowOne ,
#RowTwo ,
#RowThree { width: 100%;}

/* BOX ATTRIBUTES */
#RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { font-size: 20px; font-weight: bold; height: 26px; margin-top: 7px; padding: 0; text-align: left; vertical-align: middle;} 
#RowOneBoxOne p, #RowOneBoxTwo p, #RowTwoBoxOne p, #RowTwoBoxTwo p { padding: 0 0 5px 0; font-size: 13px; font-weight: normal; margin-bottom: 0;} 
#RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li {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: 5px; font-size: 12px; text-decoration: none; font-weight: bold; color: #3A64AD;}
#RowOneBoxTwo span.SmallGreenText { color: #0D6196; font-size: 20px; font-weight: bold; padding: 0; text-align: left; vertical-align: middle; color: #5aaa0c; font-style: italic; float:left;}



/* BOX GRAPHICS */
#RowOneBoxOne {background-image: url(images/online_banking_bkgd.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%;
    margin-bottom: 10px; }
#RowOneBoxTwo {background-image: url(images/e_statement_bkgd.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%;
    margin-bottom: 10px; }
#RowTwoBoxOne {background-image: url(images/online_loan_bkgd.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%;
    margin-bottom: 10px; }
#RowTwoBoxTwo { background-image: url(images/loan_calc_bkgd.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    height: 145px;
    padding: 10px;
    position: relative;
    width: 46%;
    margin-bottom: 10px; }

#OBWelcomeSpotlight1, 
#OBWelcomeSpotlight2, 
#OBWelcomeSpotlight3,
#OBWelcomeSpotlight4,
#OBWelcomeSpotlight5,
#OBWelcomeSpotlight6 { position: relative; top: -80px; left: -3px; width: 304px; height: 150px; z-index: -10; }


/* LOGIN CONFIRMATION FORM */
#bankingPinConfirm { margin-top: 5px; width: 500px; height: 200px; background: #f0f4f7 url(images/bg-bankingPinConfirm.jpg) bottom right; background-repeat: no-repeat; padding-left: 10px; background-size: cover;}
#bankingPinConfirm h1 { margin-bottom: 10px; color: #003366}
#bankingPinConfirm { }




/* MAIN OUTER CONTAINER LAYER */
#main {max-width: 1020px; width:100%; margin: 0 auto;}


/* PAGE CONTENT LAYER */
#pageContent{ border-bottom: medium none;
    height: 100%;
    margin: 0 auto;
    max-width: 1020px;
    width: 100%;
    padding-bottom: 0;
    position: relative;
}
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 {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    background-color: #ffffff;}
#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 {left: 45%; position: absolute; top: 33%; 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 {left: 45%; position: absolute; top: 33%; 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 #000000; float: left; height: 100%; position: absolute; width: 100%;}
#OBLoaderWrapper3 img {left: 42%; position: absolute; top: 35%; z-index: 100;}






/* MASTHEAD FACILITIES*/
#facilities { background: transparent;
    float: left;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 100;
	zoom: 1; 
	filter: alpha(opacity=100); 
	opacity: 1;
	/*border-bottom:1px solid #5fc992;*/}

#facilities ul {
    margin: 0;
    padding: 1px;
}
#facilities li {
    display: block;
    float: right;
    padding-left: 2px;
    padding-right: 4px;
}
#facilities a {
    font-size: 10px;
    color: #31598f;
    text-decoration: none;
    display: block;
    vertical-align: bottom;
    padding-right: 7px;
    width: 40px;
}
#SocialNet a {width:29px;}
#volunteersAreaPage #SocialNet{display: none;}

#volunteerscontentarea .pagetitle_members{margin-top:2em; float:right; width:67%; margin-right:0.7em;}
#volunteerscontentarea .pagecontent_members {width:70%; float: right;}
.directors_sidebar {margin-right:1em;}

#facilities #header-suggestion a {}

#facilities a:hover {
    text-decoration: none;
    color: #875F89;
}
#facilities #helpmenu {
    background-image: url(../../templates/current/images/help_bgr.png);
    float: none;
    height: 167px;
    position: absolute;
    right: 0px;
    text-align: left;
    top: 20px;
    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: none repeat scroll 0 0 #9f78a1;
    padding-left: 0;
    padding-right: 0;
}
#facilities #helpmenu a:hover {
    border-bottom: 0 none;
    text-decoration: none;
}

#header-sitemap {
    float: right;
}

#header-search {
	/*float: right;
    margin-top: 120px;
    position: relative;
    width: 300px;*/
    position: absolute;
    width: 255px;
    top: 35px;
    right: 25px;
    background-color: #275491;
	}
#divSearchFormInput {
    padding: 6px;     
    width: 75%;
    height: 36px;
    box-sizing: border-box;}

#header-search .input_search {
    border: medium none;
    color: #8d9ca7;
    float: left;
    font-size: 1em;
    height: 25px;
    padding: 0 8px;
    width: 100%;
	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_btn.png"); 
    background-color: #275491;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px auto;
    border: medium none; font-size: 0; line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 25%;
	height:25px;
    float: right;
    box-sizing: border-box;
    margin: -30px 0 0 -5px;
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}

#facilities .divider {
    padding-left: 12px;
    padding-right: 12px;
    /*margin-left: 4px;*/
    background: url(../../templates/current/images/divider.gif);
    background-position: left 5px;
    background-repeat: no-repeat;
}
#header-suggestion {
    clear: left;
    float: right;
    padding-top: 0;
    width: auto;
}
#header-help {
    clear: right;
    float: right;
    padding-top: 0;
    width: auto;
}



/* MASTHEAD */
#masthead {
    position: relative;
    width: 100%;
	height:123px;
	background: url('../../templates/current/images/masthead_bg.png') no-repeat;
}

#masthead .logo #img_masthead { float: left; padding: 1.5em 3em 1.5em 1.5em; width: 230px; box-sizing: content-box;}
#masthead .logo #img_mastheadMobile {display:none;}
#masthead #announcements {     
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    top: 90px;
    right: 30px;
    width: 650px;
    height: 30px;
    overflow: hidden;
    text-align: right/*display:none; filter: alpha(opacity=0); -moz-opacity:0%; */ }
#masthead #announcements a {color: #961e4e; font-family: 'Times New Roman', serif; font-style:italic;}
#masthead #announcements a:hover {text-decoration:underline; color:#0099FF; }
#masthead .area_title { background-image: url(../../templates/current/images/padlock.png);
    background-position: center 25px;
    background-repeat: no-repeat;
    color: #1783d7;
    float: none;
    font-size: 1em;
    font-weight: bold;
    margin: 0 auto;
    padding: 70px 0 0;
    text-align: center;
	width: 200px;
	display:none;}
	
#membersAreaPage #masthead .area_title { float: right;}
#membersAreaPage #masthead {/*height:100%;*/}

/* BYLINE (TEL/FAX/DATE BAR) */
#byline {position: absolute;
    top: 34px;
    left: 285px;
    z-index: 2000;
    width: 237px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 14px;
    overflow: hidden;
    color: #31598f;
    border-left: 1px solid #31598f;
    padding-left: 20px;
}
#byline p {padding-top: 4px;}
#byline a {color: #31598f;} 

#membersAreaPage #byline {
    position: initial;
    width: 100%;
    padding-left: 10px;
    height: 38px;
    padding-top: 8px;
    overflow: hidden;
    color: #fff;
    background: url(../../templates/current/images/menu_bgr.jpg) repeat-x;
    border-left: 13px solid #ffffff;
    border-right: 14px solid #ffffff;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    font-style: normal;
	display: none;
}
#membersAreaPage #byline a {color: #eeeeee;}


/* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */
#layoutarea { /*margin: 0 auto; position: relative;text-align: left;*/
    margin: 0 auto;
    position: relative;
    text-align: left; 
	width: 100%;
	background:white;
	/*border-radius: 15px 15px 0 0px; -webkit-border-radius:15px 15px 0 0px; -khtml-border-radius: 15px 15px 0 0px; -moz-border-radius: 15px 15px 0 0px; behavior: url(templates/current/PIE.htc);*/}

#pageInContDir #layoutarea, #directorsAreaPage #layoutarea, #membersAreaPage #layoutarea {
    background: white none repeat scroll 0 0;
    float: left;
    margin: 0px auto 0;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

/* MAIN NAVIGATION MENU */
#mainmenuMobile {display:none;}
#mainmenu {float: left; margin: 0 auto 16px; position: relative; width: 100%; z-index: 10; background: url(../../templates/current/images/menu_bgr.jpg) repeat-x; border-left: 13px solid #ffffff; border-right: 14px solid #ffffff; box-sizing: border-box;}
#mainmenu > a {display: none;}
#mainmenu li {position: relative; list-style:none;}
#mainmenu li a { color: #fff;display: block;}
#mainmenu li a:active {/*background-color: #333 !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; width: 100%;}
#mainmenu > ul > li {width: 12.4%; height: 100%;float: left;}
#mainmenu > ul > li > a {font-size: 0.85em; height: 100%; line-height: 1em; font-weight: normal; padding-bottom: 1em; padding-top: 1em; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
#mainmenu > ul > li:not( :last-child ) > a {/*border-right: 1px solid #747c7e;*/}
#mainmenu > ul > li:hover > a {/*background-color: #747c7e; color: #fff;*/}
#mainmenu > ul:not( :hover ) > li.active > a {/*background-color: #333333; color: #333333;*/}
#mainmenu > ul > li:first-child {border-radius: 15px 0 0 0; -webkit-border-radius: 15px 0 0 0; -khtml-border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; behavior: url(templates/current/PIE.htc); overflow:hidden;}
#mainmenu > ul > li:last-child {border-radius: 0 15px 0 0; -webkit-border-radius: 0 15px 0 0; -khtml-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; behavior: url(templates/current/PIE.htc); overflow:hidden;}

/* second level */

#mainmenu li ul {display: none; position: absolute; top: 100%;}
#mainmenu li ul li {    
    text-align: left;
    white-space: normal;
    height: auto;
    display: list-item;
    list-style: none;
    border-bottom: 1px dotted #a786a3;
    font-weight: normal;
    width: auto;
    background: #875F89;}
#mainmenu li:hover ul {display: block; left: 0; right: 0; background-color: #9f78a1;}
#mainmenu li:not( :first-child ):hover ul {left: -1px;}
#mainmenu li ul a {
    color: #FFFFFF;
    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
    display: block;
    font-family: Tahoma;
    font-size: 11px;
    height: auto;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    padding: 7px 0 7px 7px;
    text-align: left;
    text-decoration: none;
    background: none;
    width: auto;
    border-bottom: none;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    margin: 0;
    text-transform: none;}
#mainmenu li ul li:hover, #nav li ul:not( :hover ) li.active a {background-color: #9f78a1;}
#mainmenu .popoutmenu {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; background: #31598f;}
#mainmenuMobile li a { color: #fff;display: block;}
#mainmenuMobile li a:active {background-color: #3b6bab !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;}
#mainmenuMobile > ul > li > a {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: #4177be; color: #fff;}
#mainmenuMobile > ul:not( :hover ) > li.active > a {background-color: #4177be; color: #fff;}

/* second level */

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


/* FORM FIELDS */
input,select {}

input.button_submit {
    background: #72aa00;
    border: medium none;
    color: white;
    font-size: 1.25em;
    font-weight: bold;
    height: auto;
    letter-spacing: 0.5px;
    padding: 8px 20px;
	border-radius: 6px; -webkit-border-radius:6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; behavior: url(templates/current/PIE.htc);
	letter-spacing: 0.5px;
	cursor:pointer;
}

input.button_submit:hover {background: #77b300;}

input.button_cancel {
    background: none repeat scroll 0 0 #f16f5c;
    border: medium none;
    color: white;
    font-size: 1.25em;
    font-weight: bold;
    height: auto;
    margin-right: 10px;
    padding: 8px 20px;
	cursor:pointer;
	border-radius: 6px; -webkit-border-radius:6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; behavior: url(templates/current/PIE.htc);
	letter-spacing: 0.5px;
}

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


input#File1 { border: 1px solid #ededed;
    float: left;
    margin-right: 20px;
    margin-top: 3px;/*-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 #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e3233; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_long {width: 23em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e32332e3233; padding:3px 4px;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_short {width: 7.5em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e32332e3233; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_shorter {width: 60px; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e32332e3233; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_multiline {width: 80%; height: 100px; border: 1px #999 solid;font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e3233;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); padding:3px 4px; } 
.input_multiLarge {width: 280px; height: 160px; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e3233; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_nosize {border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e3233; padding:3px 4px; width:90%; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_2char {width: 1.2em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e3233; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
.input_3char {width: 1.6em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e3233; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); }
.input_4char {width: 2.3em; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #2e3233; padding:3px 4px; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}

.input_invisible {border: 0px solid; color: #2e3233; font: Arial, 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); }
.input_editor_title {font-size:16px; color: #2e3233; font-family: Arial, 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);}
.input_editor_subtitle {font-size:12px; color: #2e3233; font-family: Arial, 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);}
.input_webteller {width: 120px; border: 1px #999 solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #2e3233; 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);}

.mainContainerbkgd .input_short {border: 1px dotted #77b2d2;}


/* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/
input#amount {color: #274d7f;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 88%;}
input#term {color: #274d7f;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 88%;}
select#intrateDDL {background: 0 0 #fff;
    border: 1px solid #999;
    color: #274d7f;
    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: #30905e; 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;}



/* FLASH / ANNOUNCEMENTS CONTAINERS */
#divHomepageImagesMobileWrapper {display:none;}
#divHomepageImagesWrapper {}
#flashcontainer {width: 100%; position:relative; float:left; margin-bottom:20px;}
ul#homepagejQueryImages {
    height: auto;
    right: 15px;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    width: auto;
}

ul#homepagejQueryImages li {
    background: none repeat scroll 0 0 white;
    float: left;
    height: 16px !important;
    list-style: outside none none;
    margin-right: 5px;
    text-align: center;
    width: 16px !important;
	min-height:16px;
	border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; behavior: 		url(templates/current/PIE.htc);
}
ul#homepagejQueryImages li img {
    display: none;
}




/* TABLES */
table.table {margin: 0; padding: 0;}
table {float:left; margin-bottom: 10px;}
table.resources td {padding: 3px 2px;} 
table.services {width:100%;}
table.services td {width:25%;}
.tabletitle {
    clear: both;
    color: #FFF;;
    font-size: 1em;
    font-weight: bold;
    margin-top: 10px;
    position: relative;
    top: -4px;
    padding-right: 15px;
    width: auto;
    padding: 4px 6px 5px 5px;
    background-color: #31598f;
}
.tabletitle input {padding:5px;}

.e-tableform, .tableform { border-collapse: collapse; margin-bottom: 20px; float: none; }
.e-tableform li, .tableform li, .e-tableform a, .tableform a, .e-tableform p, .tableform p { font-size: 14px; line-height: 170%;}
.e-tableform thead, .tableform thead { color: #666; font-size: 9px; }
.e-tableform thead td, .tableform thead td {color: #555; font-size: 1.2em;}
#membersAreaPage .tableform thead td, #membersAreaPage .tableform thead td {}

.tableform tfoot { color: #828277; font-size: 10px; }
.tableform tfoot td { background-color:#E5E5DA; font-size: 10px; }
.tableform .dayColour{ background-color:#E2E2D7; }
.e-tableform td, .tableform td {    
    background-color: #e0e9f1;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    padding: 5px 5px 5px 15px;
    color: #0f4c6d; }
.tableform table td { border: none; padding: 0px; }
.tablegrid { background-color:#efefef; margin-top: 0px; border-collapse: separate; border-spacing: 0px; !important margin-bottom: 20px; padding: 0;}
#membersAreaPage .tablegrid {border-top: none;}
.tablegrid a { }
.tablegrid thead { color: #fff; font-weight: bold; }
.tablegrid thead td { background-color:#30905e; font-family: Arial, Verdana, Geneva, sans-serif; }
.tablegrid td {     
    background-color: #e0e9f1;
    padding: 7px 12px;
    border-bottom: 1px dotted #b4c5d5;
    font-size: 12px;
    color: #0f4c6d;
    line-height: 18px;}
.transactionsPrintFooter { font-size: 0.75em !important;}
.transactionsPrintFooter p {margin-top:5px; margin-bottom:5px;}


#membersAreaPage .tablegrid thead td { background-color: #30905e;}
#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; }





/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea { background-color: #ffffff;
    float: right;
    margin-right: 16px;
    padding-bottom: 0;
    position: relative;
    width: 70%;}
#officeAreaPage #contentarea  {width:68%; margin-top:2em;}
#contentarea .pagetitle, #memberscontentarea .pagetitle_members , #directorscontentarea .pagetitle_members, #volunteerscontentarea .pagetitle_members {color: #224573; font: normal 21px "Times New Roman", Times, serif; padding: 9px 9px 9px 10px; text-align: left; background-color: #f6f6f6; margin-bottom: 15px;}
#memberscontentarea .pagetitle_members {line-height:0.7em; padding-bottom:10px;}
#directorscontentarea .pagetitle_members, #memberscontentarea .pagetitle_members {border-top:none;}
#contentarea .pagecontent { padding: 0px 0px 20px; text-align:left; float:left; width:100%; box-sizing: border-box;}
#securePage #contentarea .pagecontent {float:none;}
.aboutus_openinghours #contentarea .pagecontent {padding: 0px 0px 0px;}
#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 {/*color: #347bb2;*/ color: #961e4e;}
#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: 15px; /*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 { float: right;
    margin-bottom: 20px;
    margin-right: 2%;
    margin-top: 20px;
    position: relative;
    width: 68%; }/* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/


/* 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; margin-bottom:2em;}
.directors_content h3 { }
.directors_content p { }

.directors_fullwidthcontent {float: left; width: 100%;}
.directors_sidebar {float: right; width: 30%; 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 {box-sizing: border-box; padding-left: 14px; width: 100%;}
#flashcontainer { width: 65.7%; position:relative; float:left; margin-bottom:15px;}
#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; }

#divHTMLAnnouncements1Wrapper {background: url(../../templates/current/images/loan_calc_bgr.png) no-repeat right top; float: right; height: 208px; margin-right: 14px; width: 31.2%; background-size:cover;}
#announcements_content_dynamic {background: url(../../templates/current/images/woman.png) no-repeat left top;  height: 208px; background-size:215px; color: #ffffff;  cursor: pointer;}
#announcements_content_dynamic h1 {display:none;}
#announcements_content_dynamic h2 { border-bottom: 0 none;
    color: white;
    font-family: 'Times New Roman',serif;
    line-height: 35px;
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 5px;
    padding-left: 20px;
    background: url(../../templates/current/images/loan_calc_p_bgr.png) repeat-x;
    background-size: contain;
}
#announcements_content_dynamic h3 {color: #fff899;
    float: right;
    font-family: "Nunito",sans-serif;
    font-size: 1.7em;
    font-weight: 300;
    line-height: 30px;
    text-align: right;
    text-transform: uppercase;
    width: 200px;}
	
#announcements_content_dynamic h3 span#loan {font-size: 1.6em;}
#announcements_content_dynamic h4 {
	box-sizing: border-box;
    display: block;
    float: left;
    font-size: 0;
    height: 200px;
    line-height: 0;
    overflow: hidden;
    padding: 10px;
    text-indent: -9999px;
    width: 300px;
	position:absolute;}
#announcements_content_dynamic p {
    font-family: 'Open Sans',sans-serif;
    line-height: 40px;
    font-weight: 200;
    font-size: 16px;
    padding-left: 20px;
    margin-bottom: 0;
}
#announcements_content_dynamic ul {list-style-type: none; padding-left: 20px;}
#announcements_content_dynamic li {
    background: url(../../templates/current/images/radio_btn.png) no-repeat left center;
    background-size: 16px auto;
    padding-left: 25px;
    font-family: 'Open Sans',sans-serif;
    line-height: 26px;
    font-weight: 200;
    font-size: 16px;
}
#announcements_content_dynamic a {color: #ffffff !important;}
#announcements_content_dynamic a:hover {color: rgba(255,255,255,0.8) !important;}
	
#announcements_login { background-color: #f9f6c8;
    float: left;
    font-family: georgia;
    font-size: 1em;
    font-style: italic;
    line-height: 1.2em;
    overflow: visible;
	color: #19c561;
	 background-position: left center;
	padding:10px 10px 10px 10px;
	margin-bottom: 20px;
	width:100%;
	box-sizing:border-box;}
#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_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;}


/* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/
#layoutDivide { float: right; height: auto; width: 100%; margin-top: 0px; }
#sidebar #layoutDivide { width: 100%; margin-right: 0; margin-bottom:20px;}

/* SUBMENU (CONTENT PAGES ONLY) */
#submenu { position: relative; float: left; margin: 0px; width: 25%;
/*background: #eeeeee; / Old browsers /
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); / Chrome,Safari4+ /
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /Opera 11.10+ /
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); / IE10+ /
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /IE6-9 */
margin: 0 0 20px 1.3em;}

#submenu .title_subsections { 
    background: url(../../templates/current/images/loan_calc_p_bgr.png);
    font: normal 21px "Times New Roman", Times, serif;
    font-weight: bold;
    color: #fff;
    padding: 9px 9px 9px 15px;
}

#submenu ul {padding-top: 10px; padding-left:15px; padding-bottom: 10px;}
#submenu li {
    list-style: outside none none;
    line-height: 180%;
    list-style-type: none;
    padding-left: 20px;
    background: url(../../templates/current/images/bullet_arrow.png) no-repeat;
    background-position: left center;
}
#submenu #subitem102 {
    line-height:100%;
    padding:5px 20px;
}

#submenu a{ 
    font-size: 12px;
    font-family: arial, Verdana, Geneva, sans-serif;
	color: #961e4e;
    display: block;
    font-weight: bold; }
#submenu a:hover { color: #c02663; }

/* SIDEBAR (CONTENT PAGES ONLY) */
#sidebar {margin-top: 0px; margin-bottom: 0px; width: 25%; margin-left:1.3em;}
#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 {}
#sidebar a:hover {}


/* SUBMENU (YOUTHZONE SIDE MENU) */
#submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #edededededed; 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: #666666; }
#submenu_youth a:hover {text-decoration:underline; color:#0099FF; }


/* NAVIGATION SELECTED ITEMS */
#mainmenu li.section_selected {    
    background: url(../../templates/current/images/menu_selected_bgr.png) no-repeat;
    background-size: auto 10px;
    background-position: bottom center;}
#mainmenu li.section_selected:hover { /*background: #2e3233; color: #30905e;*/ }
#mainmenu .section_selected ul li:hover { /*background:#5d81a0;*/ }
#mainmenu .section_selected a { }
#mainmenu .section_selected a:hover {}
#mainmenu .page_selected a{font-weight: bold; /*background:#515b5e;*/}
#mainmenu .page_selected a:hover {font-weight: bold; cursor:default;}
#submenu .subitem_selected {font-weight: bold; }

div#submenuCalculator {display: none; }


/* MEMBER AREA */
#membermenu {  float: left; margin: 20px; position: relative; width: 25%; z-index: 10000; display:block;}
#membermenu > a {display: none;}
#membermenu li {background: #31588f none repeat scroll 0 0; list-style: outside none none; margin-bottom: 1px; position: relative;     
    font-size: 14px}
#membermenu li:hover {background: #875f89;}
#membermenu li a {    
    color: white;
    line-height: 28px;
    margin-left: 0px;
    display: block;
    text-decoration: none;}
#membermenu li a:active {background-color: #875f89 !important; color: #ffffff;}
#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: #875f89; color: #fff;}
#membermenu > ul:not( :hover ) > li.active > a {background-color: #875f89; 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 #ededed; float: left; margin-bottom: 10px; margin-left: 0; width: 25%; margin-left: 20px;}
#submenu_members ul {padding-left: 0px; margin-bottom: 0px;}
#submenu_members li {list-style-type: none; padding: 5px 10px; }
#submenu_members a {color: #284e82; display: block; text-decoration: none;}
#submenu_members .title_subsections {background: #515b5e; border-bottom: background; color: #fff; font-weight: bold; padding: 5px 10px; line-height:100%;}




/* 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: #666666; }


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


/* 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: #666666; }


/* OFFICE AREA NAVIGATION */
#adminmenu {display: block; float: left; margin: 2% 2% 20px; position: relative; width: 25%; z-index: 10000; }
#adminmenu ul {     
    width: 100%;
    border-top: 2px solid #a17da3;
    background-color: #875f89; }
#adminmenu li {
    line-height: 30px;
    list-style-type: none;
    border-bottom: 1px solid #a17da3;
    padding-top: 3px;
    padding-bottom: 2px;}
#adminmenu li a {margin-left: 3px; color: #fff; }
#adminmenu li strong {margin-left: 10px; color: #fff; }
#adminmenu ul li ul {display: none; }
#adminmenu ul li ul li {    
    list-style-type: none;
    padding: 3px;
    padding-left: 6px;
    border-bottom: 1px solid #b191b3;
    background-color: #a17da3; }
#adminmenu ul li ul li a:hover {background-color: #dddddd; color: #875f89;}
#adminmenu ul li ul li a {    
    font-size: 15px;
    color: #fff; }
#adminmenu .expanded {display: inline-block; }


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#divQuickLinksWrapper {float: left; margin-right: 1.3%; padding-bottom: 1em; width: 31.7%; height: 208px; margin-left:14px; 
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#modulelinks { 
    height: 100%;
    background: #f8fcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8fcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8fcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */  
    /*border-top:1px solid #3cb878; background:url(../../templates/current/images/quicklinks_bgr.png) no-repeat right 5px; background-size:55px auto;*/ }
#modulelinks img {display: none; }
#modulelinks ul {padding-left: 15px; margin-top: 10px; padding-bottom:10px; }
#modulelinks li {
    list-style:none;     
    color: #961e4e;
    font-family: arial, Verdana, Geneva, sans-serif;
    list-style-type: none;
    padding-left: 20px;
    background: url(../../templates/current/images/bullet_arrow.png) no-repeat;
    background-position: left center;}
#modulelinks a {
    color: #961e4e;
    font-weight: bold;
    font-family: arial, Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 25px;
}
#modulelinks a:hover {color: #c02663; }
#modulelinks_contentpage {background: #f8fcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8fcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8fcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    float: left; height: 100%; padding-bottom: 10px; width: 100%;}
#modulelinks_contentpage img { }
#modulelinks_contentpage ul {    
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px; }
#modulelinks_contentpage li {background: url(../../templates/current/images/bullet_arrow_blue.png) no-repeat left center; line-height: 180%; list-style: outside none none; padding-left: 20px;}
	
#modulelinks_contentpage a {font-size: 12px;
    color: #1c4b8a;
    font-weight: normal;}
#modulelinks_contentpage a:hover {color: #2484df;}


/* NEWS HEADLINES */
#divNewsHeadlinesWrapper {float: left; padding-bottom: 1em; width: 31.7%;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#newsheadlines {  height: 100%; 
    background: #f8fcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8fcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8fcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     /* border-top:1px solid #3cb878; background:url(../../templates/current/images/newsheadlines_bgr.png) no-repeat right 5px; background-size:55px auto;*/ }

#newsheadlines a {text-decoration: none; color: #2e3233; }
#newsheadlines a:hover {color: #dc3522; }
#newsheadlines_contentpage { background: #f8fcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8fcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8fcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
float: left; margin-top: 20px; position: relative; top: 0; width: 100%; height: auto;}

#newsheadlines_contentpage a {text-decoration: none; color: #2e3233; }
#newsheadlines_contentpage a:hover {color: #dc3522;}
#news_content {width: 100%; position: relative; filter: alpha(opacity=0); -moz-opacity:0%; padding: 0px 10px 0px 15px;box-sizing:border-box; min-height:140px; font-size: 12px;}
#newsheadlines_contentpage #news_content {min-height:225px;}
#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 img {display:none;}
.divNewsArticleDate { visibility: hidden; /*font-size: 12px; font-style:italic; font-family:Georgia; padding-bottom:5px;*/ }
#newsArticleReadMoreLinkDiv {margin-top:10px;}

/* 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 {
    position: relative;
    float: left;
    width: 255px;
    height: 203px;
    padding-top: 65px;
    text-align: center;
    background: url(../../templates/current/images/login_bkgd.gif);
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: content-box;
}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */
#loginarea img {margin: 0 5px 10px; }
#loginarea a:hover {border: 0px; }

#loginareahomepage {
    float: none;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5px;
    text-align: center;
    position: absolute;
    right: 9px;
    top: 174px;
    z-index: 2;
    width: 301px;
    height: 197px;
    padding-top: 65px;
    padding-right: 21px;
    text-align: right;
    background: url(../../templates/current/images/login_bkgd.gif);
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: content-box;
}
#loginareahomepage img {margin-bottom: 10px;}


/* 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; }
#spotlight4 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight5 {position: relative; float: left; width:238px; padding: 3px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight6 {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%; float:left; padding: 0; border-left: 14px solid #ffffff; border-right: 14px solid #ffffff;
    box-sizing: border-box;}
#spotlight1 {
    float: left; height: 48%; width: 32%;
    background: #f8fcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8fcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8fcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    /*margin: 1% 1.5% 0 2.5%;*/
    padding-bottom: 15px;
    position: relative;
    margin-right: 2%;
}
	
#spotlight2 {
    float: left; height: 48%; padding-bottom: 1em; width: 32%;
    background: #f8fcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8fcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8fcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    float: left;
    padding-bottom: 15px;
    position: relative;   
}
	
#spotlight3 {float: left; height: 48%; padding-bottom: 1em; width: 32%;
    background: #f8fcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8fcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8fcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8fcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    float: right;
    padding-bottom: 15px;
    position: relative;
}
#spotlight4 {position: relative; float: left; width:305px; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; border: solid 0px #b4c5d6; }
#spotlight5 {position: relative; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; }
#spotlight6 {position: relative; float: left; width:305px; margin-left: 10px; margin-right: 0px; border: solid 0px #b4c5d6; }
.spotlight_title { position: relative; padding-right:0px; line-height: 15px; border-top: 1px solid #fff; padding: 20px; } /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
.spotlight_title h4 { color: #2e3233; text-align: left; }
.spotlight_container { position: relative; min-height: 150px; padding-left: 1px; padding-right: 0px; padding-top: 0px; }
.spotlight_text {height: auto; margin-left: 15px; margin-right: 15px;}
.spotlight_text p {font-size: 13px; line-height: 1.6em; }
.spotlight_image_upload { /*position: relative; float:right; top: 0px; right:15px;*/ width:auto; height: auto; }
.spotlight_image_upload img{}

.spotlight_link {
    border-top: 0 solid #8fca15;     
    background: url(../../templates/current/images/bullet_arrow.png) no-repeat;
    background-position: right center; 
    position: absolute; 
    right: 15px; 
    bottom: 3px;
    text-align: right; width: 100%;}
.spotlight_link a { color: rgba(150,30,78,1); font-weight: normal; padding-right: 20px;}
.spotlight_link a:hover {color: rgba(150,30,78,.8);}

/* 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 { z-index: 9999; text-align: left; font-family: Arial; font-size: 12px; background: url(images/memo_bgr.png) no-repeat; width: 143px; margin: 10px; position: fixed; top: 0px; right: 0px; padding: 77px 18px 20px; height: 270px; }
#cookieConsentForm .button_submit { border: medium none; font-family: Arial; font-size: 12px; font-weight: bold; cursor: pointer; height: 30px; margin-top: 13px; padding-bottom: 2px; padding-left: 5px; width: 70px; background: url(images/memo_btn.jpg) no-repeat; border: none; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3);text-align:left; }
#rdCookieConsent0 { margin: 5px 0; }
#cookieConsentForm { float:left; font-family: Arial; font-size: 12px; color:#555555; position:absolute; bottom: 47px; left: 17px; }
#lyrCookieConsent h2 { font-size:16px; text-shadow: -1px 0 1px white; }
#lyrCookieConsent p { text-align: left; color: #555555; font-family: Arial; font-size: 12px; margin-bottom: 7px; }


/* FOOTER */
#pagefooterOuterIndex {background: url(../../templates/current/images/outer_footer.jpg) repeat-x left bottom;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}
#pagefooterIndex, #pagefooterPublic { /*background: #36a66c none repeat scroll 0 0;
    border-radius: 0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; -khtml-border-radius: 0 0 15px 15px; 		 	
	-moz-border-radius: 0 0 15px 15px; behavior: url(templates/current/PIE.htc);
	background: url(images/footer_bkgd.jpg);*/
    background-color: #31588f;
    border-left: 14px solid #ffffff;
    border-right: 14px solid #ffffff;
    box-sizing: border-box;
    clear: both;
    height: 86px;
    margin: 0 auto;
    max-width: 1020px;
    padding: 12px 0;
    position: relative;
    width: 100%;}
	
#pagefooterOuterPublic {background: url(../../templates/current/images/outer_footer.jpg) repeat-x left bottom;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}
 
	
#pagefooterOuterOther {background: url(../../templates/current/images/outer_footer.jpg) repeat-x left bottom;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}	


#pagefooterOther {  
    background-color: #31588f;
    border-left: 14px solid #ffffff;
    border-right: 14px solid #ffffff;
    box-sizing: border-box;
    clear: both;
    height: 70px;
    margin: 0 auto;
    max-width: 1020px;
    padding: 0;
    position: relative;
    width: 100%;
}
#pagefooterOther #footerDetails{
        width: 67.5%;
}   
#pagefooterOther #divPrivacyTermsLinksWrapper {
    width: 32%;
    float: right;
    height: 60px;
    margin-top: -20px;
    background-color: rgba(255,255,255,0.1);
    padding-top: 26px;
    text-align: center;
    box-sizing: content-box;
}
#pagefooterOther #divTermsFooterLink, #pagefooterOther #divPrivacyFooterLink {
    width: 50%;
    float: left;
    padding: 0;
}

#pagefooterOther p {padding: 26px 20px;}
#pagefooterOther a, #pagefooterIndex a, #pagefooterPublic a { 
    color: #fff; 
    text-decoration: underline; 
    height: auto; 
    margin-top: -22px;}
html>body #pagefooter { background-color: #FFF; }
.ProgressLogo {/*position: absolute; right: 1.5em; top: 1.5em;*/ width: 32%; float:right; height: 50px; margin-top: -31px; /*background-color: rgba(255,255,255,0.1);*/ padding-top: 36px; text-align: center; box-sizing: content-box;}
.ProgressLogo img {width: 137px;}
#footerDetails{ color: #fff;
    font-size: 0.9em;
    text-align: left;
    text-decoration: none;
    width: 100%;
    float: left;
}
#footerDetails ul {left: 20px; position: relative; top: 5px;}
#footerDetails li {display: inline; list-style: outside none none; margin-right: 10px; float:left; font-size: 11px;}
#footerDetails li:first-child {font-weight:bold;}
#fsrnTextOff{}
#pagefooterAlternative{ position: relative; top: 5px; left:0px; width:67.5%;}
#fsrnTextAlternative{box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 11px;
    padding: 0px 20px 10px 20px;
    text-align: left;
    width: 100%;}
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
#divCustomFooterLinks { color: #2e3233; position:relative; float:right; width:22%; text-align:right; padding: 10px 0; }
#divCustomFooterLinks a {color: #2e3233; font-size: 0.9em; }
#divCustomFooterLink1 {float: left; width:auto;}
#divCustomFooterLink2{float: right; width:auto;}

/*Social Networking Icons Footer*/
#SocialNetFooter{ display: none; position: relative; float: left;  width: 170px; top: 0px; left: 0px; }
#SocialNet { z-index:20000; position: relative; top: 25px; width: 80%; right: 85px;}
#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:#2e3233; font-size: 11px; width: 70px; display:none; }
#SocialNetIcons { float: right; position: relative; }
#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:38px;}
#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%; height: 150px; padding-top: 10px; clear: both; text-align:center; font-size: 9px; background-color: #c6d1db; display:none; }
#siteMapMenu { position: relative; width:940px; height: 100%; margin: 0 auto; white-space: nowrap; padding-bottom: 1px; display: block; text-align:center; font-weight: bold; }
#siteMapMenu li {background:url(../../templates/current/images/bullet_grey.gif) no-repeat; background-position: 0px 5px; display: block; float: left; padding: 2px 16px 0; text-align: left; white-space: nowrap; }
#siteMapMenu ul li a{ font-size: 9px; color: #0054A4; }
#siteMapMenu ul li ul a{ font-size: 9px; font-weight: bold; color: #1F4C78; }


/*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; 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: 12px; }
.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; }
.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%; height: 20px; padding: 3px; }
.passwordInputShort{ position: relative; float: right; width: 59%; height: auto; padding: 3px; }
.emailInput{float: right; width: 59%; height: 20px; 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;
    margin-top: 10px;
    padding: 3px;
    text-align: left;
    width: 59%;
}
#pageInContVol {
	width:1020px;
	height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    background-color: #ffffff;}
#pageInContVol:after {clear:both;content:".";display:block;height:0pt; visibility:hidden; }}


/* 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 #ededed; border-bottom: dotted 1px #ededed; }


/* 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 {}
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; }


/* PRIVACY POLICY */
#divPrivacyTermsLinksWrapper {
    bottom: 0;
    height: 28px;
    width: 100%;
    text-align: left;
	float: left;
	background:#45689a;
	position: relative;
	margin-top:-2px;
}
#divTermsFooterLink, #divPrivacyFooterLink {width:50%; float: left; padding-top: 5px; text-align: center;}
#divTermsFooterLink a, #divPrivacyFooterLink a {font-size:11px; text-decoration:none; color: rgba(255,255,255,0.8);}
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #b8d1f5;}


/* v4.4 LOGIN */
.mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 {background: none repeat scroll 0 0 #ededed; float: left; font-size: 13px; height: 100%; padding: 0; width: 100%;}
.mainContainer, .mainContRand3, .mainContSec2{ height: auto; width:100%; float:left;  color: #1b6e9b;
    font-size: 12px;
    background-color: rgba(216,232,241,.7);
    border-bottom: 1px solid #81bad9;
    border-top: 1px solid #81bad9;
    margin-right: 5px;
    padding: 20px 0 20px;
}
.alert {
    float: right;
    height: 170px;
    margin-left: 20px;
    margin-top: 10px;
    width: 250px;
}
.infoCont {}
.memContText {padding:10px 0 10px 10px;}
.memberNumberTxt {float:left; text-align: right; font-weight:bold; margin-right: 5px; margin-left:10px; margin-top: 3px;}
.securityPasswordTxt {float:left; font-weight:bold;}
.secPassBut {padding-bottom: 10px; padding-left: 10px; padding-top: 10px;}
.rand3PinTxt{float: left; margin-left: 10px; margin-right: 25px; margin-top: 3px;}
.dobInputTxtRand3 {float: left; margin-right: 5px; margin-left: 10px; margin-top: 3px;}
.dobForm3 {}
.input_2char { }
.noMemberNumber {margin: 10px;}
.noMemberNumber a, .noMemberNumber2 a { 
    color: #0888cd !important;
    font-size: 11px;
    margin-right: 3px;
    line-height: 10px;}
#AlertPanelMemNo {    
    font-size: 11px;
    position: absolute;
    right: 20px;
    margin-top: 0px;
    width: 200px;
    color: #1c709d;
    text-align: left;
    border-left: 1px dotted #81bad9;
    padding-left: 20px;
}


/* 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-left: 10px; margin-right: 5px; margin-top: 16px;}
.dobInputTxtRand3_2 {float: left; line-height: 23px;  margin-left: 10px; margin-right: 30px;  margin-top: 8px;}
.insertRandomPin3 { float: left; line-height: 23px; margin-left: 10px; margin-right: 5px;}
#dobContRand3,
.pinContRand3 {padding:0 0 8px;}
.memNumForm2 {padding:10px 0 0;}
.dobForm3_2 {padding:5px 0;}
.noMemberNumber2 {float: left; margin-left: 10px; padding: 10px 0; width: 100%;}
.pinNumFormRand3 { margin-left: 10px;}
.pinPassButRand3 {padding:10px;}
#AlertPanelPIN {
    font-size: 11px;
    position: absolute;
    right: 20px;
    margin-top: 0px;
    width: 270px;
    color: #1c709d;
    text-align: left;
    width: 38%;
    border-left: 1px dotted #81bad9;
    padding-left: 20px;
}
#AlertPanelPIN a {color: #961e4e; text-decoration:underline;}

/*RADIO BUTTONS AND CHECKBOXES*/

input[type="checkbox"], input[type="radio"] {margin-right:2px; height:10px;}
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;}


/*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-------------------------------------------------------------------------------*/

#directorscontentarea {
    float: right;
    margin-bottom: 20px;
    margin-right: 1.5%;
    margin-top: 20px;
    position: relative;
    width: 68%;
}
#byline_members {color: white;
    float: right;
    position: relative;
    right: 2%;
    text-align: center;
    top: -60px;
	display:none;}
#directorsAreaPage #contentarea .directors_content {position: relative; float: left; width: 68%;}
#directorsAreaPage #contentarea .directors_sidebar { position: relative; float: right;}
#pageInContDir{ position: relative; max-width:1018px; 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: #efefef ;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    width: 100%;}

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

#app_container { float: left; height: auto; position: relative; width: 100%;}
.app_links {float: left; height: auto; padding-top: 2em; width: 39%;}
.app_image { float: right; height: auto; text-align: right; width: 59%;}
#submenuBreadcrumbs {
display: none;
}





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




/* MEDIA QUERIES */

@media only screen and ( max-width: 64em ) /* 1024 */ {

	
}

@media only screen and ( max-width: 60em ) /* 960 */ {

/*SEARCH BAR - MASTHEAD */
#header-search {}
#header-search .input_search {margin-left: 20px; padding: 0 10px 0 15px; width: calc(100% - 75px);}
#header-search .button_search {right:20px; position: absolute;}

/*BYLINE*/
#byline {
    border-left: none;
    position: initial;
    width: 100%;
    padding-left: 13px;
    box-sizing: border-box;
}
#spanBylineEmail {
    float: right;
    padding-right: 20px;
}

/*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: #30905e; 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 #ff6666;}

/* 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:0px; margin-top:20px; margin-bottom:20px; width:100%; display:block; z-index:1;}
#mainmenuMobile > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #31598f; 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; padding: 0.75em 1em;}

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

/* 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 {background: #3b6bab;}
#mainmenuMobile > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #3399ff ;}

/* 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; margin-top:20px; margin-bottom:20px; width:100%;}
#membermenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #31588f; position: relative;}
#membermenu > a:before,#membermenu > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#membermenu li {margin-bottom:0;}
#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; margin-left:auto; margin-right:auto;}

/* 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: #747c7e;*/}
#membermenu > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #a0b2c7; line-height:160%;}
#membermenu > ul > li:hover > a {/*background:#747c7e;*/}

/* second level */

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

#membersAreaPage #byline {display: none;}

#adminmenu {width:100%; margin:2% 0 20px;}
#directorscontentarea{width:100%; margin-right:0;}


html {font-size: 100%; /* 12 */}
#layoutarea {padding: 0;}
#contentarea .pagecontent {/*padding: 0px 10px 20px;*/}
#memberscontentarea { float: right;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: auto;
	padding:1em;}
body {background:none;}
#membersAreaPage #masthead {height:140px;}
#masthead { background-image: none; 
    background: #edecec;
    background: -moz-linear-gradient(top, #ffffff 0%, #edecec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edecec));
    background: -webkit-linear-gradient(top, #ffffff 0%,#edecec 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#edecec 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#edecec 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#edecec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec',GradientType=0 );
    height: 170px;}
#membersAreaPage #masthead {
    margin-bottom: 10px; 
}
#volunteersAreaPage #masthead {height:130px;}
#volunteerscontentarea .pagetitle_members,
#volunteerscontentarea .pagecontent_members,
.directors_sidebar,
.directors_content {width:100% !important; margin-right:0 !important;}
#volunteerscontentarea {width:auto; position: relative; float: left; padding:1em; overflow:hiddern;}

#volunteerscontentarea .pagetitle_members {}

#pageContent {max-width: 960px; width: 100%; margin: 0 auto;}
ol#pagination { padding: 10px 0 0px;}
#loginarea, #loginareahomepage { float: none; height: auto; background: none; left: 10px; top: 40px; padding-right: 0; padding-bottom: 20px; text-align: center; width: 100%;}
#loginarea_contentpage { float: none; padding-bottom: 5px; text-align: center; width: 100%;}
#facilities .divider { width: 33%; background-position: left center;}
#header-sitemap { float: none; width: auto;}
#loginarea img, #loginareahomepage img {margin-bottom:5px; 
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Chrome */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
#loginarea a, #loginareahomepage a {float: left; width: 32%;}
#loginarea a:nth-child(2), #loginareahomepage a:nth-child(2) {margin-left:1%; margin-right:1%;}
#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 {}
homePage #newsheadlines {margin-top:0; width:49%;}
contentPage #newsheadlines {margin-top:0; width:49%;}
#membersAreaPage #masthead .area_title {width: 100%;}
#footerDetails {margin-bottom:0px; text-align: center;}
#pagefooterOuterPublic, #pagefooterOuterIndex {}

#masthead .logo #img_masthead {display:none;}
#masthead .logo { float: none; width: 35%; margin-left: 13px; text-align: center;}
#masthead .logo #img_mastheadMobile { display: block; 
    margin: 2em auto 1em;; 
    /*image-rendering: -moz-crisp-edges; Firefox 
    image-rendering: -o-crisp-edges;  Opera
    image-rendering: -webkit-optimize-contrast;  Chrome
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;*/}

/*#membersAreaPage #masthead .logo {float: left;  padding: 1em 0 2em;}*/
#masthead .logo img {position:relative; top:.2em; float: none;
    margin: 2em auto 1em;
    padding: 0em 0em 0em 0;
    text-align: center;
    padding-right: 0;
    width: 350px;}
#submenu ul { padding-left: 15px;}

#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: #2e3233;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}
input, select {}
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; right: 12px;}
#header-search input {height: 45px;}
#flashcontainer { height: auto; width: 100%; position:relative; float:left;}
#flashcontainer li img {max-width:100%;}
#news_content { height: 110px;  padding: 0 20px;}
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 { padding: 4px;}
html {font-size: 100%; /* 12 */}
#layoutarea {box-sizing:border-box; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px;}
#submenu, #sidebar, #divQuickLinksWrapper{ padding: 0px; width: 100%; margin-left: 0px; margin-bottom:25px;}
#sidebar {margin-top:0;}
#newsheadlines {width:100%;}
#spotlight1, #spotlight2, #spotlight3 {width:100%; padding-bottom:30px;}
#spotlight1 {margin:2% 1% 0 0;}
#spotlight3 {margin:1% 0 1% 0;}
#pagefooterIndex, #pagefooterPublic, #pagefooterOther {float:left; height:auto; width:100%; border-radius:0; border-left: none; border-right: none;}
#pagefooterOther  {height:70px;}
#pagefooterOther #footerDetails {padding-top:0px;}
#pagefooterIndex {border-left: none; border-right: none;}
#footerDetails {box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    padding: 10px 10px 5px 0;
    text-align: left;
    width: 95%;}
.ProgressLogo {width: 100%; background-color: transparent;}
.ProgressLogo img {
    image-rendering: -moz-crisp-edges; /*Firefox */
    image-rendering: -o-crisp-edges;  /*Opera*/
    image-rendering: -webkit-optimize-contrast; /* Chrome*/
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
#contentarea {width:100%; 
    float:none;     
    padding: 0 10px;
    box-sizing: border-box;}

#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: #5fc992;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}
input, select {}
#header-search input {height: 45px;}
#flashcontainer { height: auto; width: 100%; position:relative; float:left; margin-bottom: 1em;}
#flashcontainer li img {max-width:100%;}
#news_content { height: 130px;}
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%;}*/

#divLoginAreaWrapper {
    width: 100%;
    height: auto;
    padding: 13px;
}
#loginarea, #loginareahomepage {
    /*position: initial;*/
    width: 100%;
    /*padding-top: 10px;*/
}
#loginarea a, #loginareahomepage a {width: 31.5%;}

#divHomepageImagesWrapper {padding:0;}
#divNewsHeadlinesWrapper {width:100%;}
#divHTMLAnnouncements1Wrapper {width:100%; margin-right:0; margin-bottom:20px; background-size: contain; background-color: #961e4e;}
.spotlight_image_upload {
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    padding: 30px 10px 10px 20px;
    width: 47%;
}
.spotlight_container { 
    box-sizing: border-box;
    float: right;
    width: 50%;
    padding: 15px 15px 0 0;
}
.spotlight_title {    
    width: 50%;
    float: right;
    padding: 0;
    padding-top: 30px;

}
.spotlight_link {bottom: -5px;}
.spotlight_text {
    margin-left: 0;
    margin-right: 0;
}
.spotlight_text p { font-size: 14px;}

#newsheadlines_contentpage #news_content {min-height:130px;}
#pagefooterOther a, #pagefooterIndex a, #pagefooterPublic a { color: #fff; text-decoration: none;}
#facilities {position:relative; float:none; top: 0; height: 30px; background-color: #87a8c5;}
#facilities a {
    width: auto;
    line-height: 3.35em;
    text-align: center;
    color: #ffffff; 
}
#contentPage #SocialNet { display: none; position: absolute; top: 370px; right: 10px; width: auto;}
#SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img {margin: 0;}
#SocialNet a {width: 29px; text-align: left; line-height: auto;}
#SocialNet {display: none;}
#homePage #SocialNet {position: absolute; top: 330px; right: 10px; width: auto;}

 #footerDetails ul {width: 90%; margin: 0 auto;}
 #pagefooterAlternative {width: auto; text-align: center;}
 #fsrnTextAlternative {text-align: center;}

 #byline {display: none;}
 #facilities {height:33px;}
 #facilities .divider {background:none; padding-left:0; padding-right:0;}
 
#contentarea .pagetitle, 
#memberscontentarea .pagetitle_members, 
#directorscontentarea .pagetitle_members, 
#volunteerscontentarea .pagetitle_members {float: left; position: relative; width:97% !important; padding:0;padding-top:13px; padding-bottom:13px; padding-left:13px; line-height:140%;}
#divLoginAreaWrapper {padding:0;padding-top:13px; padding-bottom:13px;}
#loginarea {top:0px; left:0;}
#officeAreaPage #masthead {height:140px;}

#officeAreaPage #contentarea {width:100%;}
}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
	
td.membership_table {  font-size: 0.9em;}
input#term {width: 90%;}
input#amount {width: 90%;}
.ProgressLogo {display:none;}
#masthead {}
#masthead .logo { float: none; width: auto;}

#header-search {
    position: initial; 
    width: 50%; 
    margin: 0 auto; 
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#header-search .button_search {position: initial;}
#byline {display: none;}

#SocialNetIcons {float: none; right: 0; top: 0;}
#SocialNetIcons a {float: right; padding-right: 0px;}
#SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img {width: 45px;}

#pagefooterOther #footerDetails {width: 100%; padding: 10px 10px 0 0;}
#pagefooterOther p {padding-bottom: 0;}
#pagefooterOther #divPrivacyTermsLinksWrapper {float: none; width: 100%; height: 30px;}

#contentPage #SocialNet {position: absolute; top: 270px;}
#homePage #SocialNet {position: absolute; top: 220px;}
#header-search {display: none;}
#masthead .logo {padding-bottom:2em;}
#loginareahomepage {top:50px; left:0;}
#homePage #SocialNet {display: none;}

}

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


#divPrivacyTermsLinksWrapper {clear: both; width: 100%; height: auto; background:none; position:relative; padding-top: 25px;}
#divTermsFooterLink, #divPrivacyFooterLink {
    float: left;
    padding: 0;
    position: relative;
    text-align: center;
    width: 50%;
}
#divTermsFooterLink a, #divPrivacyFooterLink a {color: white; font-size: .9em; text-decoration:none; padding:10px 0; display:block;} 
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover {background:#875f89; color:white;}
#divPrivacyFooterLink  {right:0;}
#pagefooterOther img#footer-cu-logo {border-right: medium none; float: none; margin: 0 auto; text-align: center;}
#pagefooterOther #footerDetails {width: 100%; border-right:none; text-align: center; padding-top:0px;}

#SocialNet {position: absolute; top: 370px; right: 10px; width: auto;}
#homePage #SocialNet {position: absolute; top: 340px; right: 10px; width: auto;}

}

@media only screen and ( max-width: 45em ) /* 720 */ {
	
input#term {width: 89%;}
input#amount {width: 89%;}
#footerDetails, #pagefooterAlternative {width: 100%;}

}

@media only screen and ( max-width: 40em ) /* 640 */ {

input#term {width: 88%;}
input#amount {width: 88%;}
div .services_left {width: 100%; }
div .services_right {width: 100%;}
.loans_loans div .services_left, .loans_loans div .services_right {width: 100%;}
.loans_loans div .services_left h2, .loans_loans div .services_right h2 {padding-left: 5px; padding-right: 5px;}
.loans_loans div .services_left p, .loans_loans div .services_right p {padding-left: 5px; padding-right: 5px;}
#header-search {}
#header-search .input_search {}

#RowOneBoxOne, #RowOneBoxTwo, #RowTwoBoxOne, #RowTwoBoxTwo {
    float: none;
    width: 100%;
}

#homePage #SocialNet {position: absolute; top: 440px; right: 10px; width: auto;}

}

@media only screen and ( max-width: 37.5em ) /* 600 */ {
	
/*SEARCH BAR - MASTHEAD */
input#term {width: 87%;}
input#amount {width: 87%;}

#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;
    padding: 10px 20px 15px;
    text-align: center;}
#footerDetails li {float:none;}

#header-search {margin-top: 0; width: 60%;}
#masthead .logo {margin-left: auto; margin-right:auto; width:90%;}
#divLoginAreaWrapper {padding-left: 0; padding-right: 0;}
#loginarea a, #loginareahomepage a { 
    float: none;
    width: 100%;
    display: block;
}
#loginarea a:nth-child(2), #loginareahomepage a:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
}


#masthead {height:270px;}
#membersAreaPage #masthead,
#loginPage #masthead,
#officeAreaPage #masthead,
#contentPage #masthead{height:140px;}



}

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

input#term { width: 86%;}
input#amount { width: 86%;}

#AlertPanelPIN {

    margin-top: 0;
    padding: 5px;
    text-align: left;
	margin-top: 0px;
    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;
    border-left: none;
}

#header-search {width: 70%;}

#bankingPinConfirm {
    width: 100%;
    background-image: none;
    background-color: #f0f4f7;
}

.alert {
    float: none;
    height: auto;
    margin-left: 20px;
    margin-top: 10px;
    width: 100%;
}


}

@media only screen and ( max-width: 32.5em ) /* 520 */ {
	
select#intrateDDL {margin-left:10px; margin-right: 10px; 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) {}
input#term {box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 100%;}
input#amount {box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 100%;}


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

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  {
    font-size: 22px;
    text-align: center;
    width: 100%;
	padding:5px 0;
}



}

@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;}*/
#header-search {}
#spotlight1, #spotlight2, #spotlight3, .spotlight_title h4 {text-align: center;}
.spotlight_image_upload, .spotlight_title, .spotlight_container {width: 100%;}

input.button_submit, input.button_cancel {
    width:auto;
    margin-left: 10px;
    margin-right: 10px;
	position: relative;
	float: left;
	margin-top:2em;
}

.memNumForm2 input.button_submit {
    width: auto;
}

.memberNumberTxt, .dobInputTxtRand3 {
    float: none;
    width: 100%;
    text-align: left;
}
.memNumForm, .dobForm3 {
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}

.secPassBut, .pinPassButRand3 {margin-right: 10px; margin-top: 15px;}

input.input_short {width: auto;}
select.input_short {width: 48%;}

#contentPage #SocialNet {display: none;}


}

@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%;}
#news_content { height: 160px;}

select.input_short {
    width: 67%;
}

.memberNumberTxt2, .dobInputTxtRand3_2 {float: none; width: 100%;}
.memNumForm2, .dobForm3_2, .pinContRand3 {padding-left: 10px;}
.insertRandomPin3 {margin-left: 0;}

}


@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;}*/

.insertRandomPin3 {float: none; width: 100%;}

.loans_loans div .services_left img, .loans_loans div .services_right img {float: none; width: 100%;}
.loans_loans div .services_left h2, .loans_loans div .services_right h2 {float: none; width: 100%;}
.loans_loans div .services_left p, .loans_loans div .services_right p {float: none; width: 100%;}

}


@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;}
#news_content { height: 175px;}


}