/*
--------------------
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: .9em; color:#2e3233; background: url(../../templates/current/images/bkgd_gradient.jpg) repeat-x; 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 {color:#30905e; text-decoration:none; }
a:hover {text-decoration:none; color:#dc3522; }


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

/* 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 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);  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 {background: #eeeeee; float: left; width: 48.5%; margin-right:1em; margin-bottom: 15px;}
div .services_right {background: #eeeeee; 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: 10px 10px 0;}
	
div a .services_left , div a .services_right {color: #2e3233;}

#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; }
h4.h4quicklinks, h4.h4newsheadlines, .title_subsections { border-top: 1px solid white; color: #2e3233; font: bold 1.2em Arial,Verdana,Helvetica,sans-serif; padding: 20px; text-transform: uppercase;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }
.title_subsections {text-shadow:none; text-transform:none;}
#modulelinks_contentpage h4.h4quicklinks {background: url(../../templates/current/images/quicklinks_bgr.png) no-repeat scroll right 5px / 50px auto;}
#newsheadlines_contentpage h4.h4newsheadlines {background: url(../../templates/current/images/newsheadlines_bgr.png) no-repeat scroll right 5px / 50px auto;}
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;
}

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

/*RADIO BUTTONS AND CHECKBOXES*/

input[type="checkbox"], input[type="radio"] {margin-right:5px; padding:0; height:15px; width:15px; box-sizing: content-box; 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="radio"] { -webkit-appearance: radio; }
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; }


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

/* BOX ATTRIBUTES */
#RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1, #RowThreeBoxOne h1, #RowThreeBoxTwo h1 { display: inline; color:#176fa6; font-size: 1.1em; font-weight: bold; z-index: 10; }
#RowOneBoxOne P, #RowOneBoxTwo P, #RowTwoBoxOne P, #RowTwoBoxTwo P, #RowThreeBoxOne P, #RowThreeBoxTwo P { padding: 0px; padding-right: 10px; padding-top: 0px; font-size: 0.8em; z-index: 10; }
#RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li, #RowThreeBoxOne li, #RowThreeBoxTwo li { font-size: 0.8em; float: left; line-height: 14px; display:list-item; color:#176fa6; list-style: circle; padding-left: 5px; padding-right: 8px; margin-right: 10px; z-index: 10; }
#RowOneBoxOne ul, #RowOneBoxTwo ul, #RowTwoBoxOne ul, #RowTwoBoxTwo ul, #RowThreeBoxOne ul, #RowThreeBoxTwo ul{margin-left: 10px; }


/*#RowOneBoxOne #LinkBtn{top: -30px;}*/

#LinkBtn { position: relative; float: right; text-align: right; bottom:0.5em;}
#LinkBtn a { font-size: 0.8em; bottom: 0.5em;}

/* BOX GRAPHICS */
#RowOneBoxOne, 
#RowOneBoxTwo, 
#RowTwoBoxOne, 
#RowTwoBoxTwo, 
#RowThreeBoxOne,
#RowThreeBoxTwo { border-bottom: 1px solid #97afbe; margin-bottom: 10px; position: relative; float: left; width: 100%; height: 80px; padding: 10px; z-index: 10; }

#RowOneBoxOne {background: #f1f4f6 url(images/e_statement_bkgd.jpg) top right no-repeat; } 
#RowOneBoxTwo{background: #f1f4f6 url(images/online_banking_bkgd.jpg) top right no-repeat; ;} 
#RowTwoBoxOne{background: #f1f4f6 url(images/online_loan_bkgd.jpg) top right no-repeat; ; }
#RowTwoBoxTwo{background: #f1f4f6 url(images/loan_calc_bkgd.jpg) top right no-repeat; ;}
#RowThreeBoxOne{background: #f1f4f6 url(images/online_banking_bkgd.jpg) top right no-repeat; ;}
#RowThreeBoxTwo {background: #f1f4f6 url(images/online_loan_bkgd.jpg) top right no-repeat; ;}


#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; }
#bankingPinConfirm h1 { margin-bottom: 10px; color: #003366}
#bankingPinConfirm { }




/* MAIN OUTER CONTAINER LAYER */
#main {text-align: center; width:100%; }


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


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


/* PRELOADERS */
#OBLoaderExternal1 {display:block; height:100%; position:relative; width:auto;}
#OBLoaderWrapper1 {}
#OBLoaderDiv1 {display: block; z-index: 50; opacity: 0.2; filter: alpha(opacity=20);  -moz-opacity:0.2; -khtml-opacity: 0.2; background: none repeat scroll 0 0 #000000; float: left; height: 100%; position: absolute; width: 100%;}
#OBLoaderWrapper1 img {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: #36a66c;
    float: left;
    position: absolute;
    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 {
    color: #fff;
    display: block;
    font-family: verdana;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 2.6em;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}
#facilities a:hover {
	color: #30905e;
    text-decoration: none;
	background: #5fc992;
}
#facilities #helpmenu {
    background-image: url(../../templates/current/images/help_bgr.gif);
    float: none;
    height: 167px;
    position: absolute;
    right: 0px;
    text-align: left;
    top: 35px;
    visibility: hidden;
    z-index: 1000;
}
#facilities #helpmenu ul {
    float: left;
    margin-top: 5px;
    width: 158px;
}
#facilities #helpmenu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: list-item;
    list-style: none outside none;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width: 158px;
}
#facilities #helpmenu a {
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    padding-left: 5px;
    text-align: left;
    width: 100%;
}
#facilities #helpmenu li:hover {
    background: none repeat scroll 0 0 #ff6666;
    padding-left: 0;
    padding-right: 0;
}
#facilities #helpmenu a:hover {
    border-bottom: 0 none;
    text-decoration: none;
}

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

#header-search {
	float: right;
    margin-top: 120px;
    position: relative;
    width: 300px;
	display:none;}

#header-search .input_search {
    border: medium none;
    color: #555;
    float: left;
    font-size: 1.2em;
    height: 45px;
    margin-right: -1px;
    padding: 0 8px;
    width: 225px;
	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.gif"); border: medium none; font-size: 0; line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 45px;
	height:45px;
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}

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



/* MASTHEAD */
#masthead {
    float: left;
    position: relative;
    width: 100%;
	height:100%;}

#masthead .logo #img_masthead { float: left; padding: 2.7em 3em .7em 1em; width:330px;}
#masthead .logo #img_mastheadMobile {display:none;}
#masthead #announcements { color: #fff; font-size: 1.1em;font-weight: bold; right: 340px; position: absolute; top: 80px; display:none; /* filter: alpha(opacity=0); -moz-opacity:0%; */ }
#masthead #announcements a {color: #fff; font-family:Georgia; font-style:italic;}
#masthead #announcements a:hover {text-decoration:underline; color:#0099FF; }
#masthead .area_title { 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 {display:none; }
 


/* 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; 
	float:left;
	width: 100%;
    max-width: 1007px;
	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 20px; position: relative; width: 100%; z-index: 10; }
#mainmenu > a {display: none;}
#mainmenu li {position: relative; list-style:none; background:#515b5e;}
#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: 16.66%; height: 100%;float: left;}
#mainmenu > ul > li > a {font-size: 1.1em; height: 100%; line-height: 1em; padding-bottom: 1em; padding-top: 1em; text-align: center;}
#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 {background: #747c7e; width:auto;}
#mainmenu li:hover ul {display: block;left: 0;right: 0;}
#mainmenu li:not( :first-child ):hover ul {left: -1px;}
#mainmenu li ul a {font-size: 0.95em; line-height: 1.25em; padding: 0.5em;}
#mainmenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #515b5e;}
#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:#515b5e;}
#mainmenuMobile li a { color: #fff;display: block;}
#mainmenuMobile li a:active {background-color: #333333 !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: #333; color: #fff;}
#mainmenuMobile > ul:not( :hover ) > li.active > a {background-color: #333333; color: #333333;}

/* second level */

#mainmenuMobile li ul {display: none; position: absolute; top: 100%;}
#mainmenuMobile li ul li {background: #747c7e;}
#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: #3399ff;}


/* FORM FIELDS */
input,select {}

input.button_submit {
    background: #36a66c;
    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: #30905e;}

input.button_cancel {
    background: none repeat scroll 0 0 #dc3522;
    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: #bd1f0d;}


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);}


/* LOAN CALCULATOR - CONTENT AND MEMBERS AREA*/
input#amount {color: #30905e;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 88%;}
input#term {color: #30905e;
    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: #30905e;
    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;
}
#homepageImageTextDiv {background: rgba(255, 255, 255, .6); }

#homepageImageTextDiv { z-index: 9000; box-sizing:border-box; margin:auto; width:100%; position:absolute; text-align: left; bottom: 0em; overflow:hidden;}
#homepageImageTextDiv h1 { padding-top:20px; padding-left:80px; border:0; color: #2a2f31;  font-size: 30px; font-family: georgia; font-style:italic;}
#homepageImageTextDiv h2 { padding-left:80px;border:0; color: #2a2f31;  font-size: 20px; font-family: georgia; font-style:italic;} 
#homepageImageTextDiv h3 { padding-left:80px; color: #2a2f31; font-size: 15px; }
.banner_btn {padding-left: 80px; color: #d9371f; height: 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; font-family: georgia; }
.banner_btn a{color: #d9371f !important; }

ul#homepagejQueryImages li {
    background: white !important;
	z-index: 10000000 !important;
    float: left;
    height: 16px !important;
    list-style: outside none none;
    margin-right: 7px;
    text-align: center;
    width: 16px !important;
	height:auto;
	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 {float:left; margin-bottom: 10px;}
table.resources td {padding: 3px 2px;} 
table.services {width:100%;}
table.services td {width:25%;}
.tabletitle {background: #30905e;
    clear: both;
    color: white;
    font-size: 1em;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
	padding-right:0;
    position: relative;
    top: -4px;}
.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: 12px; font-weight: bold; }
.e-tableform thead, .tableform thead { color: #666; font-size: 9px; }
.e-tableform thead td, .tableform thead td {color: #555; font-size: 1.2em; background:#efefef; border-top: 2px solid #30905e; }
#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 { padding: 5px; background-color:#efefef; }
.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; border-top: 2px solid #30905e;}
#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 { padding: 5px 10px; font-size: 1em; }
.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: 1.8em;
    padding-bottom: 0;
    position: relative;
    width: 68%;}
#contentarea .pagetitle, #memberscontentarea .pagetitle_members , #directorscontentarea .pagetitle_members{ color: #30905e; font-size: 1.4em; font-weight: bold; line-height: 2em; padding: 12px 0; text-align: left; float:left; width:100%; border-top: 1px solid #3cb878; }
#memberscontentarea .pagetitle_members {line-height:0.7em; padding-bottom:20px;}
#directorscontentarea .pagetitle_members, #memberscontentarea .pagetitle_members {border-top:none;}
#contentarea .pagecontent { padding: 0px 0 20px; text-align:left; float:left; width:100%;}
#securePage #contentarea .pagecontent {float:none;}
#contentarea ul {padding-left: 25px; margin-bottom: 10px; }
#contentarea ol {padding-left: 25px; margin-bottom: 10px; }
#contentarea li {display:list-item; padding:2px 0; }
#contentarea a {text-decoration: none; }
#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%;}
.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: 2.5%; width: 100%;}
#flashcontainer { width: 100%; position:relative; float:left; margin-bottom:1.8em;}
#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/announcement_bgr.jpg) no-repeat right top; float: right; height: 208px; margin-right: 2.2%; width: 30.75%; background-size:985px;}
#announcements_content_dynamic {background: url(../../templates/current/images/woman.png) no-repeat left top;  height: 208px; padding:5px 10px; background-size:215px;}
#announcements_content_dynamic h1 {display:none;}
#announcements_content_dynamic h2 { border-bottom: 0 none;
    color: white;
    font-family: "Nunito",sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-transform: uppercase;}
#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_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%; border-top:1px solid #3cb878;
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/submenu_bgr.png) no-repeat scroll right 5px / 50px auto;}
#submenu ul {padding-left:23px; padding-bottom: 10px;}
#submenu li {background: url(../../templates/current/images/arrow.gif) no-repeat scroll left center;
    color: #30905e;
    line-height: 1.75em;
    list-style: outside none none;
    padding-left: 15px;}

#submenu a{ 
	color: #30905e;
    display: block;
    font-weight: bold; }
#submenu a:hover { color: #dc3522; }

/* 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: #747c7e; }
#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: #515b5e none repeat scroll 0 0; list-style: outside none none; margin-bottom: 1px; position: relative;}
#membermenu li:hover {background: #30905e;}
#membermenu li a { color: #fff;display: block;}
#membermenu li a:active {background-color: #30905e !important;}
#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: #30905e; color: #fff;}
#membermenu > ul:not( :hover ) > li.active > a {background-color: #2e3233; color: #2e3233;}

/* 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: #30905e; display: block; text-decoration: none;}
#submenu_members .title_subsections {background: #515b5e; border-bottom: background; color: #fff; font-weight: bold; padding: 5px 10px;}




/* 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%; background-color:#3cb878; }
#adminmenu li {border-bottom: 1px solid #ffffff; line-height: 30px; list-style-type: none;}
#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 #ffffff; background-color: #efefef; }
#adminmenu ul li ul li:hover {background-color: #dddddd;}
#adminmenu ul li ul li a {color: #30905e; font-weight: bold; display:block; }
#adminmenu .expanded {display: inline-block; }


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#divQuickLinksWrapper {float: left; margin-right: 1.5%; padding-bottom: 1em; width: 30.75%; margin-left:2.5%; 
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%; 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: 25px; margin-top: 10px; padding-bottom:10px; }
#modulelinks li {color:#30905e; line-height: 1.75em; list-style:none; background:url(../../templates/current/images/arrow.gif) no-repeat left center; padding-left:15px;}
#modulelinks a { color: #30905e;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.7em; }
#modulelinks a:hover {color: #dc3522; }
#modulelinks_contentpage {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 */ 
float: left; height: 100%; padding-bottom: 10px; width: 100%; border-top:1px solid #3cb878; }
#modulelinks_contentpage img { }
#modulelinks_contentpage ul { padding-bottom: 10px; padding-left: 23px; }
#modulelinks_contentpage li {background: url(../../templates/current/images/arrow.gif) no-repeat left center; color: #30905e; line-height: 1.75em; list-style: outside none none; padding-left: 15px;}
	
#modulelinks_contentpage a {color: #30905e; font-weight:bold; display:block;}
#modulelinks_contentpage a:hover {color: #dc3522;}


/* NEWS HEADLINES */
#divNewsHeadlinesWrapper {float: left; height: 48%;  margin-right: 1.5%; padding-bottom: 1em; width: 30.75%;
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%; 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: #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 */
float: left; margin-top: 20px; position: relative; top: 0; width: 100%; height: auto; border-top: 1px solid #3cb878; }

#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 20px;box-sizing:border-box; min-height:140px; }
#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 { 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 {
    float: right;
    margin-right: 2%;
    margin-top: 46px;
    padding-bottom: 5px;
    text-align: center;
    width: 254px;
}
#loginarea img {margin: 0 5px 2px; width:255px; }
#loginarea_contentpage { float: right;
    margin-right: 10px;
    margin-top: 65px;
    padding-bottom: 5px;
    text-align: center;
    width: 308px;
}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */
#loginarea_contentpage img {margin: 0 5px 10px; }
#loginarea a:hover {border: 0px; }


/* HOMEPAGE SPOTLIGHTS
#spotlight1 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight2 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#spotlight3 {position: relative; float: left; width:238px; padding: 3px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; border: solid 1px #b4c5d6; }
#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-bottom: 0px;}
#spotlight1 {
    float: left; height: 48%;  margin-right: 1.5%; padding-bottom: 1em; width: 30.75%;
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 */
    border-top: 1px solid #3cb878;
    float: left;
    margin: 1% 1.5% 0 2.5%;
    padding-bottom: 15px;
    position: relative;
    width: 30.75%;}
	
#spotlight2 {
	    float: left; height: 48%;  margin-right: 1.5%; padding-bottom: 1em; width: 30.75%;
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 */
    border-top: 1px solid #3cb878;
    float: left;
    padding-bottom: 15px;
    position: relative;
    width: 30.75%;
    margin: 1% 1.5% 0 0;}
	
#spotlight3 {float: left; height: 48%;  margin-right: 1.5%; padding-bottom: 1em; width: 30.75%;
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 */
    border-top: 1px solid #3cb878;
    float: left;
    padding-bottom: 15px;
    position: relative;
    width: 30.75%;
    margin: 1% 0 0;}
#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 { font-size: 10px; height: auto; left: 0; margin-left: 20px; position: absolute; top: 0;  width: 50%; }
.spotlight_text p {font-size: 1.35em; line-height: 1.4em; }
.spotlight_image_upload { position: relative; float:right; top: 0px; width:auto; height: auto; right:15px; }
.spotlight_link {border-top: 0 solid #8fca15; bottom: 3px; position: absolute; right: 25px; text-align: right; width: 100%;}
.spotlight_link a { color: #dc3522; font-weight: normal; }
.spotlight_link a:hover {color: #30905e; }

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


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


/* FOOTER */
#pagefooterOuterIndex {background: url(../../templates/current/images/outer_footer.jpg) repeat-x left bottom;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}
#pagefooterIndex { 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);
    box-sizing: border-box;
    clear: both;
    height: 75px;
    margin: 0 auto;
    max-width: 1007px;
    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%;}
#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);
    box-sizing: border-box;
    clear: both;
    height: 75px;
    margin: 0 auto;
    max-width: 1007px;
    padding: 12px 0;
    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: #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);
    box-sizing: border-box;
    clear: both;
    height: 75px;
    margin: 0 auto;
    max-width: 1007px;
    padding: 12px 0;
    position: relative;
    width: 100%;}

#pagefooterOther p {padding: 15px 20px;}
#pagefooterOther a, #pagefooterIndex a, #pagefooterPublic a { color: #fff; text-decoration: underline;}
html>body #pagefooter { background-color: #FFF; }
.ProgressLogo {position: absolute; right: 1.5em; top: 1.5em; float:right;}
#footerDetails{ color: #fff;
    font-size: 0.9em;
    text-align: left;
    text-decoration: none;
    width: 75%;}
#footerDetails ul {left: 20px; position: relative; top: 5px;}
#footerDetails li {display: inline; list-style: outside none none; margin-right: 10px; float:left;}
#footerDetails li:first-child {font-weight:bold;}
#fsrnTextOff{}
#pagefooterAlternative{ position: relative; top: 5px; left:0px; width:100%; }
#fsrnTextAlternative{box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 11px;
    padding: 0px 20px 20px 30px;
    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: 52px; width: 80%; right: 10px;}
#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; height: 34px; right:110px; position: relative; top: -1px; }
#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{ float: right; width: 59%; height: 20px; 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%;
}


/* 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;
    float: left;
    height: 28px;
    width: 100%;}
#divTermsFooterLink, #divPrivacyFooterLink {width:130px; right:0px; padding: 10px 0; position:absolute;}
#divPrivacyFooterLink {right: 120px; width: 120px;}
#divTermsFooterLink a, #divPrivacyFooterLink a {font-size:11px; text-decoration:none; color: #2e3233;}
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #dc3522;}


/* 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; }
.alert {}
.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 {font-size:11px;}
#AlertPanelMemNo {background: #30905e; font-family: arial; font-size: 0.85em; line-height: 16px; margin-top: 0; padding: 5px; text-align: left; color:white; margin-bottom: 10px; margin-top: 10px; position: absolute; right: 10px; width: 38%;}


/* 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 {
    background: none repeat scroll 0 0 #30905e;
    color: white; font-family: arial;
    font-size: 0.85em;
    line-height: 16px;
    margin-top: 10px;
    padding: 5px;
    position: absolute;
    right: 10px;
    text-align: left;
    width: 38%;
}
#AlertPanelPIN a {color:white; 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*/}


/*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: 2%;
    margin-top: 10px;
    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 */ {
ul#homepagejQueryImages li {display: none;}
/*SEARCH BAR - MASTHEAD */
#header-search {float: none; height: 60px; margin: 0 auto; position: relative; right: 0; text-align: center; width: 650px;}
#header-search .input_search {margin-left: 20px; padding: 0 10px 0 15px; width: calc(100% - 75px);}
#header-search .button_search {right:20px; position: absolute;}


/*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:20px 0 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: #515b5e; 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;}

/* 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: #a3a3a3;}
#mainmenuMobile > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #747c7e;}

/* second level */

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


/*MEMBERAREA NAVIGATION - TOP MENU*/
#membermenu {position: relative; top: auto;left: auto; margin:0 0 20px; width:100%;}
#membermenu > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #515b5e; 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;}

/* 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 #747c7e;}
#membermenu > ul > li:hover > a {background:#747c7e;}

/* second level */

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

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


html {font-size: 100%; /* 12 */}
#layoutarea {}
#memberscontentarea { float: right;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: 100%; }
body {background:none;}
#masthead {background: #3cb879;}
#pageContent {max-width: 960px;}
ol#pagination { padding: 10px 0 0px;}
#loginarea { float: none; padding-bottom: 20px; text-align: center; width: 100%;}
#loginarea_contentpage { float: none; padding-bottom: 5px; text-align: center; width: 100%;}
#facilities .divider { width: 33%;}
#header-sitemap { float: none; width: auto;}
#loginarea img {width:260px; margin-bottom:5px;}
#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: left; padding: 2em 0 2em; text-align: center; width: 100%;}
#masthead .logo #img_mastheadMobile { display: block; margin: 0 auto; width:280px;}

#membersAreaPage #masthead .logo {float: left;  padding: 1em 0 2em;}
#masthead .logo img {position:relative; top:.2em;}
#submenu ul { padding-left: 25px;}

#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 {background: #19c561; 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 {background:#0eb355;}
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 {background: #bd1f0d;}
#header-search {margin-top:0;}
#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 { padding: 0 10px; box-sizing:border-box; border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);}
#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;}
#footerDetails {box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    padding: 10px 10px 5px;
    text-align: left;
    width: 95%;}
#contentarea {width:100%;  float:none;}

#newsheadlines img {display:none;}
#masthead #announcements {bottom: -1.3em; font-size: 1.1em; margin: 0 auto; position: relative; text-align: center; display:none;}
#facilities #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%;}*/
#facilities {position:relative; float:none;}
#divHomepageImagesWrapper {padding:0;}
#divNewsHeadlinesWrapper {width:100%;}
#divHTMLAnnouncements1Wrapper {width:100%; margin-right:0; margin-bottom:20px;}
.spotlight_image_upload {top:-45px;}
.spotlight_container { min-height: 100px;}
.spotlight_link {bottom: -5px;}

#SocialNet { position: relative; right: 0; top: 255px; width: 100%; z-index: 20000;}
#newsheadlines_contentpage #news_content {min-height:130px;}
#pagefooterOther a, #pagefooterIndex a, #pagefooterPublic a { color: #fff; text-decoration: none;}


}


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

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


#divPrivacyTermsLinksWrapper {background:none; position:relative;}
#divTermsFooterLink, #divPrivacyFooterLink {
    background: #30905e;
    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:#36a66c; 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;}

}

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

}

@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%;}
#header-search {float: none; height: 60px; margin: 0 auto; position: relative; right: 0; text-align: center; width: 340px;}
#header-search .input_search {margin-left: 20px; padding: 0 10px 0 15px; width: calc(100% - 75px);}
#header-search .button_search {right:20px; position: absolute;}



}

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

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



}

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

#searchPage td {display: block; }
#searchPage td:nth-child(2) {display: none;}
#searchPage td:nth-child(3) {padding-left: 50px;}
td.emptycell {display:none !important;}
#searchPage td:nth-child(1) {}
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;
}
#SocialNet { position: relative; right: 0; top: 310px; width: 100%; z-index: 20000;}
}

@media only screen and ( max-width: 30em ) /* 480 */ {
#homepageImageTextDiv h1 { padding-top:10px; padding-left:60px; border:0; color: #2a2f31;  font-size: 20px; font-family: georgia; font-style:italic;}
#homepageImageTextDiv h2 { padding-left:60px;border:0; color: #2a2f31;  font-size: 15px; font-family: georgia; font-style:italic;} 
#homepageImageTextDiv h3 { padding-left:60px; color: #2a2f31; font-size: 13px; }
.banner_btn {padding-left: 60px; color: #d9371f; height: 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; font-family: georgia; }
.banner_btn a{color: #d9371f !important; }

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

}

@media only screen and ( max-width: 25em ) /* 400 */ {
#homepageImageTextDiv {}
#homepageImageTextDiv h1 { padding-top:10px; padding-left:40px; border:0; color: #2a2f31;  font-size: 20px; font-family: georgia; font-style:italic;}
#homepageImageTextDiv h2 { padding-left:40px;border:0; color: #2a2f31;  font-size: 15px; font-family: georgia; font-style:italic;} 
#homepageImageTextDiv h3 { padding-left:40px; color: #2a2f31; font-size: 13px; }
.banner_btn {padding-left: 40px; color: #d9371f; height: 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; font-family: georgia; }
.banner_btn a{color: #d9371f !important; }
ul#homepagejQueryImages li {}

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

}


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

}


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

}