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



--------------------
TEMPLATE: PERCEPTION
--------------------
GENERAL PRINCIPLES
--------------------
1. use margin:auto to horizontally center a div inside another div for mozilla
2. place page-wide styles (e.g. button styles) at the top of the CSS document or their properties are overwritten further down the page.
3. specify a width for layers that fade using DHTML, otherwise they don't fade gradually.
4. to position child layers, specify "relative" for the parent layer, and "absolute" for the child layers
5. the dynamic height of absolute layers is igno#b65a33, so subsequent layers will often position behind the absolute layer

---------------------------------------------------------------------
TEST MATRIX (Y=WORKS OK)
-------------------W2K-------XP--------VISTA-----OS9-------OSX-------
IE<=4                 .
IE5                  .
IE6         Y         .
IE7             Y     Y
IE8
OPERA9                 Y
SAFARI3                Y     .
CHROME1                Y
FIREFOX2           Y
FIREFOX3                Y
NETSCAPE7          Y     .
---------------------------------------------------------------------
*/

#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: Georgia, serif; font-size: 1em; color:#5c592a;  background-image: url(../../templates/current/images/tile_bgr.gif); line-height:140%; !important /* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */}
body.noscroll { position: fixed;  overflow-y: auto; width: 100%;}
* {margin:0; padding:0; }

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


/* GENERAL LINKS */
a {color:#b65a33; text-decoration:none; }
a:hover {text-decoration:none; color:darkOrange; }


/* OTHER USEFUL ELEMENTS & CLASSES */
hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dashed #f8f8f8; border-bottom: 1px dotted #FFFFFF; display:none; }
strong {font-weight:bold; }
iframe {border: 1px dotted #f8f8f8; width:100%; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#5c592a; }
iframe.spotlightnew {border: 1px dotted #f8f8f8; width: 200px; font-family: /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; font-size: 13px; color:#5c592a; height: 100px; }
img {border: none; height: auto; }
p {margin-bottom: 10px; font-size: 1em; }
acronym {cursor: help; border-bottom: 1px dotted #f8f8f8; }
font, td { }
table.membership {margin-bottom:0px; margin-top: 10px;}
table.membership td {color: white; font-weight: bold; padding: 3px 10px;}
td.membership_table {background: #f8f8f8; border-top: 2px solid #b65a33; float: left; font-size: 0.9em; margin: 0 0 10px; padding: 15px 10px 5px;}
table.membership {color:#ffffff; padding:2px 0px; }
em, small {color: #5c592a; }
small a {font-size:11px; }
small a:hover {color:darkOrange; }
tr#TemplateRow1 {display: none; }
img#footer-cu-logo {
    border-right: 1px solid #bfbda4;
    display: block;
    float: left;
    font-size: 0;
    line-height: 0;
    margin-left: 10px;
    overflow: hidden;
    padding-right: 27px;
    text-indent: -9999px;
	margin-right:20px;
}
.pagetitle_image {display:none;}
.membership_text {background:#e9fad3; padding:10px; box-sizing:border-box; margin-bottom:30px;}
#public_flashcontainer object { display: none;}

/* SITEMAP PAGE */
#searchPage table {width:100%;}
#searchPage td {font-size: 1em; padding: 5px 0;}
#searchPage td:nth-child(1) {  font-weight: bold;}
#searchPage td img {vertical-align: middle!important;}
#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);}

#newsArticleFacebookDiv, #newsArticleTwitterDiv, #newsArticlePrintDiv {
    display: inline;
    line-height: 40px;
    padding: 0 10px 0 0;
    position: relative;
}
.newsArticlePageDateDiv {font-family: Georgia;
    font-size: 12px;
    font-style: italic;}
#newsArticlePageTitleDiv { font-size: 1.2em;
    padding-bottom: 10px; font-weight:bold;}
.pagetitleSectionSpanNews {display:none;}
.newsArticleTextContentDiv {margin-bottom:20px;}


#mainarea, #membersmainarea {}
#membersmainarea {width:100%;}
#divSliderCalcLoanTypeText {margin-bottom:10px;}
div .services_left {background: #ededed; float: left; width: 48.5%; margin-right:1em; margin-bottom: 15px;}
div .services_right {background: #ededed; 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: #5c592a;}



/* HEADINGS */
h1 {border-bottom: 1px dashed #7e7a49;
    color: #b65a33;
    font-family: Georgia;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 5px;
	padding-bottom:5px;}
	
h2 {border-bottom: 1px dashed #ccc; color: #5c592a; font-size: 1.2em; line-height: 20px; margin-bottom: 15px; padding-bottom: 5px; padding-top:10px; }
h3 {font-size: 1em; padding-bottom: 10px; }
h4 {font-size: 1.3em; font-weight: bold;color: #69C; padding-bottom: 7px; }
h4.h4quicklinks, h4.h4newsheadlines {background: #7e7a49 none repeat scroll 0 0;
    border-bottom: 2px solid white;
    color: #fff;
    font: 1.1em Georgia;
    padding: 6px 10px;}
h4.h4newsheadlines {background: #7e7a49;}
h5 {font-size: 12px; font-weight: bold; color: #ff9900; padding-bottom: 15px; }
h6 {font-size: 9px; font-weight: bold; padding-bottom: 15px; }


/* COMMONLY USED CLASSES */
.required {font-size: 12px; font-weight: bold;color: #CC0000; }
.informational {color: #93a9bd;
    float: left;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: normal;
    padding: 10px 0;
    width: 100%; }
.largeFont {font-size:14px; font-weight: bold; color:#3E8f8f8f8; }
.lighttext {color: #999999; }
.smallfont{ color: #999999;
    font-family: Arial;
    font-size: 10px;
    line-height: normal;
    position: relative;
    top: 7px;}
small {font-size:12px; }
small a{font-size:12px; }
.SmallGreenText { font-size: 18px; color: #5aaa0c; font-style: italic; }
.pagetitleSectionSpan {display:none;}

.currentdate {
    float: right;
    position: absolute;
    right: 41px;
    text-align: right;
    top: 100px;
    width: 50%;
}
.contactdetails {display:none;}


/* 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:.95em; position:relative;float:left; }

#pagefooterOther p {
    margin-left: 160px;
    padding: 20px;
	text-align:left;
}

/* MAIN OUTER CONTAINER LAYER */
#main {text-align: center; width:100%; background: url(../../templates/current/images/hor_bgr.gif) repeat-x 0 -32px; float:left;}


/* PAGE CONTENT LAYER */
#pageContent{ border-bottom: medium none;
    height: 100%;
    margin: auto;
    max-width: 1024px;
    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%;
	background:white;}
#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 {float: left;
    opacity: 1;
    position: absolute;
    right: 320px;
    top: 30px;
    width: 165px;
    z-index: 100;
	font-size:0.9em;}

#facilities ul {
    margin: 0;
    padding: 1px;
}
#facilities li {
    display: block;
    float: right;
    padding-left: 2px;
    padding-right: 4px;
}
#facilities a {
    color: #7e7a49;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3em;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}
#facilities a:hover {
	color: #b65a33;
    text-decoration: none;
}
#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: 10%;
}

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

#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 {
}
#header-suggestion {
    clear: left;
    float: right;
    padding-top: 0;
    width: auto;
	padding:0 20px;
	border-right:1px dotted;
}
#header-help {
    clear: right;
    float: right;
    padding-top: 0;
    width: auto;
	padding: 0 20px 0 10px;
}



/* MASTHEAD */
#masthead {background-image: url(../../templates/current/images/tile_bgr.gif);
    float: left;
    position: relative;
    width: 100%;}
#masthead .logo	{width:200px;}

body#membersAreaPage #masthead, #officeAreaPage #masthead, #directorsAreaPage #masthead { height: 134px; margin-bottom: 0;}
#masthead .logo #img_masthead { float: left; padding: .1em 1em 0em 1em;}
#masthead .logo #img_mastheadMobile {display:none;}
#membersAreaPage #masthead .logo {}
#masthead #announcements { color: #fff; font-size: 1.1em;font-weight: bold; right: 340px; position: absolute; top: 84px; /* filter: alpha(opacity=0); -moz-opacity:0%; */ }
#masthead #announcements a {color: #7e7a49;
    font-family: Georgia;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);}
#masthead #announcements a:hover {border-bottom: 2px dotted;
    color: #b65a07;
    text-decoration: none;}
#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;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 200px;}
	
#membersAreaPage #masthead .area_title { float: right;}
#membersAreaPage #masthead .area_title, #officeAreaPage #masthead .area_title, #directorsAreaPage #masthead .area_title { float: right;}

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



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


/* MAIN NAVIGATION MENU */
#mainmenuMobile {display:none;}
#mainmenu {  float: left; margin: 0 auto 20px; position: relative; width: 22%; z-index: 10000;}
#mainmenu > a {display: none;}
#mainmenu li {background: #f9ddc5 none repeat scroll 0 0; list-style: outside none none; margin-bottom: 1px; position: relative;}
#mainmenu li a { color: #b65a33;display: block; font-family:Georgia;}
#mainmenu li a:active {background-color: #7e7a49!important; color: #fff!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;*/}
#mainmenu > ul > li {width: 100%; height: 100%; display:block;}
#mainmenu > ul > li > a {box-sizing: border-box; font-size: 1em; height: 100%; line-height: 1em; padding-bottom: 0.5em; padding-left: 20px; padding-top: 0.5em; text-align: left;}
#mainmenu > ul > li:not( :last-child ) > a {}
#mainmenu > ul > li:hover > a {background-color: #f0cca7 ; color: #b65a33;}
#mainmenu > ul:not( :hover ) > li.active > a {background-color: #5c592a; color: #5c592a;}

/* second level */

#mainmenu li ul {display: none;
    float: left;
    margin-left: 226px;
    position: absolute;
    top: 0;
    z-index: 1000;}
#mainmenu li ul li {background: #f0cca7; width:auto;}
#mainmenu li:hover ul {display: block;left: 0;right: 0;}
#mainmenu li:not( :first-child ):hover ul {left: -1px;}
#mainmenu li ul a {font-size: 1em; line-height: 1.3em; padding: 0.45em;}
#mainmenu li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #f9ddc5;}
#mainmenu .popoutmenu {width:100%!important; background:#f9ddc5;}

#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:#f0cca7;}
#mainmenuMobile li a { color: #b65a33;display: block;}
#mainmenuMobile li a:active {background-color: #5c592a !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 #ff6666;}
#mainmenuMobile > ul > li:hover > a {background-color: #b65a33; color: #fff;}
#mainmenuMobile > ul:not( :hover ) > li.active > a {background-color: #5c592a; color: #5c592a;}

/* second level */

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


/* FORM FIELDS */
input,select {}

input.button_submit {
    background: #19c561 none repeat scroll 0 0;
    border: medium none;
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    height: auto;
    letter-spacing: 0.6px;
    padding: 8px 10px;
	border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);
	cursor: pointer;
}
.directors_sidebar input.button_submit, .directors_sidebar input.button_cancel, .mainContbkgd3 input.button_submit, .dropmenu_top input.button_submit{float:none;}

input.button_cancel {
    background: none repeat scroll 0 0 #b65a33;
    border: medium none;
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    height: auto;
    margin-right: 10px;
    padding: 8px 10px;
	border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);
}


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

.dropmenu_top .input_short {
    margin: 0 5px;}

input#File1 { border: 1px solid #f8f8f8;
    float: left;
    width: 100%;/*-webkit-box-sizing: border-box;-moz-opacity:0 ; filter:alpha(opacity: 0); *filter:alpha(opacity: 0); _filter:alpha(opacity: 0); opacity: 0;*/ }
input[type="file"].input_long::-webkit-file-upload-button {float: right; position: relative; } /*Needed to align browse button left in input=file*/
.input_normal {width: 80%; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a;border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc); } 
.input_multiLarge {width: 280px; height: 160px; border: 1px #999 solid; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; color: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a; 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: #5c592a; 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: #b65a33;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 88%;
	font-family: Georgia;}
input#term {color: #b65a33;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 88%;
	font-family: Georgia;}
select#intrateDDL {background: 0 0 #fff;
    border: 1px solid #999;
    color: #5c592a;
    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: #b65a33; font-size: 1.5em; width: 98.5%; padding: 0px 3px 10px; font-weight: bold; float:left; margin-bottom: 0px; font-family: Georgia;}
#contentarea ul#sliderValuesList, #memberscontentarea ul#sliderValuesList {color: #7D869E; font-family: Georgia; 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; font-family: Georgia;}
input#paymentSliderTotalWeekly,
input#paymentSliderTotal2Weeks, 
input#paymentSliderTotal4Weeks
input#paymentSliderTotalMonthly,
input#paymentSliderTotal4Weeks, 
input#paymentSliderTotalMonthly { display:block; font-size: 1.35em; font-weight: bold; font-family: Georgia;}
input#paymentSliderTotalInterestWeekly,
input#paymentSliderTotalInterest2Weeks,
input#paymentSliderTotalInterest4Weeks,
input#paymentSliderTotalInterestMonthly
{display:block; font-size: 1.35em; font-weight: bold; font-family: Georgia;}
span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanWeekTotal, span#span2WeeksTotal, span#span4WeeksTotal, span#spanMonthTotal {float: left; width: 33%;}
span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest {float: right; width: 33%; overflow:hidden;}
#divSliderCalcLoanTypeText { float: left;font-size: 1em; font-weight: bold; margin-top: 12px;}
#sliderRepaymentHeaderText {color: #2A6BA9; font-size: 14px; left: -25px; position: relative; top: 29px;}




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

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



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

.tableform, .e-tableform { border-collapse: collapse; margin-bottom: 20px;}
.tableform li, .tableform a, .tableform p, .e-tableform li, .e-tableform a, .e-tableform p {}
.tableform thead, .e-tableform thead { color: #666; font-size: 9px; }
.tableform thead td, .e-tableform thead td {color: #555; font-size: 1.4em;}
#membersAreaPage .tableform thead td, #membersAreaPage .e-tableform thead td { }
.tableform tbody td, .e-tableform tbody td {font-size: 0.9em;}
.tableform tfoot, .e-tableform tfoot { color: #828277; font-size: 10px; }
.tableform tfoot td, .e-tableform tfoot td { background-color:#E5E5DA; font-size: 10px; }
.tableform .dayColour, .e-tableform .dayColour { background-color:#E2E2D7; }
.tableform td, .e-tableform td { padding: 5px; background-color:#f8f8f8; }
.tableform table td, .e-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 #b65a33;}
#membersAreaPage .tablegrid {border-top: none;}
.tablegrid a { }
.tablegrid thead { color: #fff; font-weight: bold; }
.tablegrid thead td { background-color:#b65a33; font-family: Arial, Verdana, Geneva, sans-serif; }
.tablegrid td { padding: 5px 10px; font-size: 1em; }
#membersAreaPage .tablegrid thead td { background-color: #1783d7;}
#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: 0;
    padding-bottom: 0px;
    margin-right: 2%;
    position: relative;
    width: 74%;
	padding-top: 1.5%;}
#contentarea .pagetitle, #memberscontentarea .pagetitle_members, #directorscontentarea .pagetitle_members { color: #b65a33; font-size: 1.4em; font-weight: bold; line-height: 2em; padding: 0; text-align: left; width:100%; }
#contentarea .pagecontent { padding: 0px 0 20px; text-align:left; float:left; width:100%; /*min-height: 350px;*/}
#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:10px 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-right: 2%;
    margin-top: 2%;
    position: relative;
    width: 74%;}/* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/

#pageInContDir #layoutarea, #directorsAreaPage #layoutarea, #membersAreaPage #layoutarea {background: white none repeat scroll 0 0;
    float: left;
    margin: 0 auto 0;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
	width:100%;}
	
/* DIRECTORS AREA*/
#directorscontentarea {float: right;
    margin-bottom: 1em;
    margin-right: 1em;
    margin-top: 1em;
    width: 74%;} 
#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 {float: right;
    height: auto;
    width: 78%;}
#flashcontainer { width: 100%; position:relative; float:left; margin-bottom:20px;}
#mini_flashcontainer { display: none; }
#public_flashcontainer {
	background: url(../../templates/current/images/contentpage_bgr.jpg) no-repeat center top;
    float: right;
    height: 282px;
    width: 78%;
}
#membersmainarea #public_flashcontainer {display:none;}
#directorsAreaPage #public_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 {
	float: right;
    margin-right: 2%;
    width: 74%;
	padding-top:10px;
	padding-bottom:10px;}
#announcements_content_dynamic {}
#announcements_content_dynamic h1 { }
#announcements_content_dynamic h2 {border-bottom: 0 none;
    color: #6f6c3b;
    font-family: Georgia;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    line-height: 18px;}
#announcements_content_dynamic p {font-size:1em;}	
#announcements_login {
    background-color: #f9f6c8;
    box-sizing: border-box;
    float: left;
    font-size: 1em;
    font-style: italic;
    margin-bottom: 20px;
    overflow: visible;
    padding: 10px;
    width: 100%;
}
#announcements_login a {padding-left:23px; font-size: 11px; font-weight: normal; color:#F90; text-decoration: none; }
#announcements_login a:hover {text-decoration: underline; }
#announcements_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:left; width:100%;}
#sidebar #layoutDivide {}

/* SUBMENU (CONTENT PAGES ONLY) */
#submenu { position: relative; float: left; margin: 0px; width: 22%; background: #e9fad3; margin: 0 0 0 0px;}
#submenu .title_subsections {background: #7e7a49 none repeat scroll 0 0;
    border-bottom: 2px solid white;
    color: #fff;
    font: 1.1em Georgia;
    padding: 6px 10px; }
#submenu ul {padding-bottom: 10px; padding-top:40px;}
#submenu li {color: #6f6c3b;
    list-style: outside none none;
    padding: 0 10px 0 25px;}
#submenu li:hover {background: #cae0ad;}
#submenu a { color: #6f6c3b; display: block; padding:4px 0;}
#submenu a:hover { text-decoration:none; }

/* SIDEBAR (CONTENT PAGES ONLY) */
#sidebar {
	clear: left;
    float: left;
	margin-bottom: 0;
    width: 22%;}
#sidebar .title_subsections {font: bold 15px Arial, Verdana, Helvetica, sans-serif; color: #396c9e; padding-bottom: 10px; }
#sidebar ul {}
#sidebar li {}
#sidebar a {color: #5c592a; }
#sidebar a:hover {}

#submenu_latest {width:22%; background: #e9fad3; float:left;}
#submenu_latest ul {padding:10px; box-sizing: border-box; list-style-type: none;}
.title_subsections {background: #7e7a49 none repeat scroll 0 0;
    border-bottom: 2px solid white;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font: 1.1em Georgia;
    padding: 6px 10px;
    width: 100%;}


/* SUBMENU (YOUTHZONE SIDE MENU) */
#submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #f8f8f8f8f8f8; 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: #f0cca7; }
#mainmenu li.section_selected:hover { background: #5c592a; color: #b65a33; }
#mainmenu .section_selected ul li:hover { background:#5d81a0; }
#mainmenu .section_selected a {color:#b65a33; }
#mainmenu .page_selected a{font-weight: bold; background: #f9ddc5;}
#mainmenu .page_selected a:hover {font-weight: bold; background-color: f9ddc5; cursor:default;}
#submenu .subitem_selected {font-weight: bold; }

div#submenuCalculator {display: none; }


/* MEMBER AREA */
#membermenu {  float: left; position: relative; width: 22%; z-index: 10000; display:block;}
#membermenu > a {display: none;}
#membermenu li {position: relative; list-style:none; background:#f9ddc5;}
#membermenu li a { color: #b65a33; display: block;}
#membermenu li a:active {background-color: #5c592a !important; color: #fff;}
#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: #f0cca7;}
#membermenu > ul:not( :hover ) > li.active > a {background-color: #5c592a; color: #5c592a;}

/* 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 #f4f4f2; float: left; margin-bottom: 10px; margin-left: 0; width: 30%; margin-left: 10px;}
#submenu_members ul {padding-left: 0px; margin-bottom: 0px;}
#submenu_members li {list-style-type: none; padding: 4px; }
#submenu_members a {color: #4b8f47; display: block; text-decoration: none;}
#submenu_members .title_subsections {background: #4b8f47; border-bottom: background; color: #fff; font-weight: bold; padding: 5px;}




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

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


/* SUBMENU (USERS AREA) */
#submenu_users {float: left; width: 200px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; }
#submenu_users li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3; }
#submenu_users a {color: #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 {float: left;
    margin: 0 auto 20px;
    position: relative;
    width: 22%;
    z-index: 10000; }
#adminmenu ul { width: 100%; background-color:#f0cca7 ; }
#adminmenu li {list-style-type: none; }
#adminmenu li a {margin-left: 3px; color: #fff; }
#adminmenu li strong {color: #b65a33; line-height: 34px; margin-left: 10px;}
#adminmenu ul li ul {display: none; }
#adminmenu ul li ul li {list-style-type: none; padding-left: 6px; border-bottom: 1px solid #f0cca7; background-color: #f9ddc5; }
#adminmenu ul li ul li:hover {background-color: #f0cca7;}
#adminmenu ul li ul li a {color: #b65a33; font-size: 0.95em; display: block;  padding: 3px; }
#adminmenu .expanded {display: inline-block; }


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#divQuickLinksWrapper { height: 48%;  margin-right: 1%; padding-bottom: 1em; width: 22%; float:left; margin-top: -190px;}
#modulelinks { height: 100%; width: 100%; background: #e9fad3; }
#modulelinks img {display: none; }
#modulelinks ul {margin-top: 10px; padding-bottom:10px; }
#modulelinks li {color:#6f6c3b; font-size:1.1em; padding:0px 10px 0px 25px; list-style: outside none none;}
#modulelinks li:hover {background:#cae0ad;}
#modulelinks a { color: #6f6c3b; font-family:Georgia; font-size:0.9em; display:block; padding:4px 0; }
#modulelinks a:hover {text-decoration: none;}
#modulelinks_contentpage {background: #e9fad3; float: left; height: 100%; padding-bottom: 10px; width: 100%; margin-top: 20px; }
#calculatorPage #modulelinks_contentpage {margin-top:0;}
#modulelinks_contentpage img { }
#modulelinks_contentpage ul {margin-top: 10px; }
#modulelinks_contentpage li {color:#6f6c3b; font-size:1.1em; padding:0px 10px 0px 25px; list-style: outside none none;}
#modulelinks_contentpage li:hover {background: #cae0ad;}
#modulelinks_contentpage a {color: #6f6c3b;
    display: block;
    font-size: 0.9em;
    padding: 4px 0;}
#modulelinks_contentpage a:hover {text-decoration:none;}


/* NEWS HEADLINES */
#divNewsHeadlinesWrapper {float: left; position: relative; top: 0;  height: 17em; margin-top: 0; width: 22%; }
#newsheadlines {background:#f8f8f8;}
#newsheadlines h3 {color: #5c592a; font-size: 1.1em; padding-bottom: 5px; padding-top:10px;  border-bottom:none;}
#newsheadlines a {text-decoration: none; color: #5c592a; }
#newsheadlines a:hover { }
#newsheadlines_contentpage { background-color: #f8f8f8; float: left; margin-top: 20px; position: relative; top: 0; width: 100%; height: 250px; }
#newsheadlines_contentpage h3 {color: #5c592a; font-size: 1.1em; padding-bottom: 5px; border-bottom:none;}
#newsheadlines_contentpage a {text-decoration: none; color: #5c592a; }
#newsheadlines_contentpage a:hover {}
#news_content {width: 93%;position: relative; filter: alpha(opacity=0); -moz-opacity:0%; padding: 10px; min-height:140px; font-size:.9em; }
#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; }

/* 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-top: 13px;
    padding-bottom: 8px;
    text-align: center;
	width:310px;
}
#loginarea img {margin: 0 5px 5px; }
#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:74%; float:right; padding-bottom: 10px; margin-right:2%;}
#spotlight1 {
    background: none repeat scroll 0 0 #f8f8f8;
    float: left;
    margin: 2% 2% 2% 0%;
    padding-bottom: 15px;
    position: relative;
    width: 32%;
	height:340px;
	border-bottom: 1px dashed #7e7a49;
    border-top: 1px dashed #7e7a49;
}
#spotlight2 {background: none repeat scroll 0 0 #f8f8f8;
    float: left;
    margin: 2% 1% 2% 0;
    padding-bottom: 15px;
    position: relative;
    width: 32%;
	height:340px;
	border-bottom: 1px dashed #7e7a49;
    border-top: 1px dashed #7e7a49;}
	
#spotlight3 {background: none repeat scroll 0 0 #f8f8f8;
    float: left;
    margin: 2% 0 2% 1%;
    padding-bottom: 15px;
    position: relative;
    width: 32%;
	height:340px;
	border-bottom: 1px dashed #7e7a49;
    border-top: 1px dashed #7e7a49;}
#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-bottom: 3px solid #7e7a49; margin: 15px 10px 15px 10px; } /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
.spotlight_title h4 { color: #5c592a; text-align: left; }
.spotlight_container { position: relative; min-height: 100px; padding-left: 1px; padding-right: 0px; padding-top: 0px; }
.spotlight_text { box-sizing: border-box;
    font-size: 10px;
    height: 185px;
    left: 0;
    padding: 10px;
    top: 0;
    width: 100%; }
.spotlight_text p {font-size: 1.5em; line-height: 1.4em; }
.spotlight_image_upload { position: relative; top: 0px; width:auto; height: auto; }
.spotlight_link {border-top: 0 solid #8fca15; bottom: 3px; height: 14px; position: absolute; right: 14px; text-align: right; width: 100%;}
.spotlight_link a { color: #b65a33; font-weight: bold; font-size:.9em; }
.spotlight_link a:hover {color: darkOrange;}

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


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


/* FOOTER */
#pagefooterOuterIndex {background: none repeat scroll 0 0 #999;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}
#pagefooterIndex {background: #7e7a49 none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    height: 130px;
    margin: 0 auto;
    max-width: 1024px;
    padding: 15px 10px;
    position: relative;
    width: 100%;}
	
#pagefooterOuterPublic {background: none repeat scroll 0 0 #999;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}
#pagefooterPublic { background: #7e7a49 none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    height: 130px;
    margin: 0 auto;
    max-width: 1024px;
    padding: 15px 10px;
    position: relative;
    width: 100%;}
	
#pagefooterOuterOther {background: none repeat scroll 0 0 #999;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;}	
	
#pagefooterOther { background: #7e7a49 none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    height: 130px;
    margin: 0 auto;
    max-width: 1024px;
    padding: 15px 10px;
    position: relative;
    width: 100%;}
#pagefooterOther a { color: #fff; }
html>body #pagefooter { background-color: #FFF; }
.ProgressLogo {float: right;
    position: absolute;
    right: 1em;
    top: 2.7em; }
#footerDetails{ color: #fff;
    font-size: 0.9em;
    text-align: left;
    text-decoration: none;
    width: 75%;}
	
#footerDetails ul {
    margin-top: 20px;
    position: relative;
    top: 0;
}

#footerDetails li:first-child {
    font-weight: bold;
}
#footerDetails li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin-right: 10px;
	font-size:1.1em;
}
#fsrnTextOff{ float: left;
    width: 100%;}
#pagefooterAlternative {
    clear: both;
    float: left;
    left: 182px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-top: 0;
    position: relative;
    text-align: left;
    top: -18px;
}
#fsrnTextAlternative{
    color: #fff;
    float: left;
    font-size: 11px;
    text-align: left;
}
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
#divCustomFooterLinks {float:left; width:34%; border-right:1px dotted #666; text-align:center; padding: 10px 0; display:none;}

/*Social Networking Icons*/
#SocialNet{ float: left;
    height: auto;
    left: -65px;
    position: absolute;
    top: -12px;
    width: 40px;
    z-index: 10;}
#SocialNetTxt { position: relative; float: left; color:#5c592a; font-size: 11px; width: 70px; display:none; }
#SocialNetIcons { float: left;
    height: auto;
    position: relative;
    right: 2px;
    top: -4px; }
#SocialNetIcons #socNetHeaderDiv0 a img{
    list-style-image: none;
    margin: 0 3px 0 2px;
    position: absolute;
    transition: opacity 0.1s ease-in-out 0s;
}
#SocialNetIcons a img.socNetHeaderImgTop0:hover {
    opacity: 0;
    z-index: 1000;
}

#SocialNetFooter {display:none;}

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


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


/* 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 */
#divTermsFooterLink, #divPrivacyFooterLink {width:120px; right:0px; padding: 10px 0; position:absolute; bottom: 0;}
#divPrivacyFooterLink {right: 110px; width: 110px;}
#divTermsFooterLink a, #divPrivacyFooterLink a {font-size:11px; text-decoration:underline; color: #fff;}
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover { color: #FF5A00;}


/* v4.4 LOGIN */
.mainContainerbkgd , .mainContbkgd3, .mainContbkgdPin2, .mainContbkgdSec2, .mainContbkgdSec2 {background: none repeat scroll 0 0 #f8f8f8; 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; font-size: 1.1em;}
.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; font-size: 1.1em;}
.dobForm3 {}
.input_2char { }
.noMemberNumber {margin: 10px;}
.noMemberNumber a, .noMemberNumber2 a {font-size:11px; font-family:Arial;}
#AlertPanelMemNo {background: #b65a33; 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 #b65a33;
    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*/} 
input[type="submit"], input[type="reset"], input[type="button"] {-webkit-appearance: none;} 
input[type="checkbox"] {-webkit-appearance: checkbox;}


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

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


/*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/
#directorsAreaPage #contentarea .directors_content {position: relative; float: left; width: 68%;}
#directorsAreaPage #contentarea .directors_sidebar { position: relative; float: right;}
#pageInContDir{ position: relative; max-width:1024px; height:100%; padding-bottom: 5px; width:100%; background:#fff; /*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: #f8f8f8;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    width: 100%;}

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


.logButtin {
    float: right;
    margin-top: 15px;
    padding: 3px;
    text-align: left;
    width: 59%;
}

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

/* BOX ATTRIBUTES */
#RowOneBoxOne h1, #RowOneBoxTwo h1, #RowTwoBoxOne h1, #RowTwoBoxTwo h1 { font-size: 20px; font-weight: bold; height: 22px; margin-top: 7px; padding: 0; text-align: left; vertical-align: middle; border-bottom:0;} 
#RowOneBoxOne p, #RowOneBoxTwo p, #RowTwoBoxOne p, #RowTwoBoxTwo p { padding: 0 0 2px 0; font-size: 13px; font-weight: normal; margin-bottom: 0;} 
#RowOneBoxOne li, #RowOneBoxTwo li, #RowTwoBoxOne li, #RowTwoBoxTwo li {font-size: 13px; line-height: 18px;  margin-left: 18px; padding: 0 10px 0 0; }
#RowOneBoxOne #LinkBtn a, #RowOneBoxTwo #LinkBtn a, #RowTwoBoxOne #LinkBtn a, #RowTwoBoxTwo #LinkBtn a  { position: absolute; bottom: 5px; font-size: 14px; text-decoration: none; font-weight: bold; color: #4b8f47;}
#RowOneBoxTwo span.SmallGreenText { color: #0D6196; font-size: 20px; font-weight: bold; padding: 0; text-align: left; vertical-align: middle; color: #5aaa0c; font-style: italic; float:left;}

/* BOX GRAPHICS*/
#RowOneBoxOne { border-bottom: 1px dotted #4b8f47; position: relative; float: left; width: 47%; height: 145px; padding-left: 0px; background-image: url(images/online_banking_bkgd.jpg);background-repeat: no-repeat; padding:0 20px 0 0; box-sizing:border-box; background-position: top right;  }
#RowOneBoxTwo { border-bottom: 1px dotted #4b8f47; position: relative; float: right;  width: 47%; height: 145px; padding-left: 0px;  background-image: url(images/e_statement_bkgd.jpg); background-repeat: no-repeat; padding:0 20px 0 0; box-sizing:border-box; background-position: top right;  }
#RowTwoBoxOne { border-bottom: 1px dotted #4b8f47; position: relative; float: left;  width: 47%; height: 145px; padding-left: 0px;  background-image: url(images/online_loan_bkgd.jpg); background-repeat: no-repeat; padding:0 20px 0 0; box-sizing:border-box; background-position: top right;  }
#RowTwoBoxTwo { border-bottom: 1px dotted #4b8f47; position: relative; float: right;  width: 47%; height: 145px; padding-left: 0px; background-image: url(images/loan_calc_bkgd.jpg); background-repeat: no-repeat; padding:0 20px 0 0; box-sizing:border-box; background-position: top right;  }

#bankingPinConfirm {
    background-image: url(images/bg-bankingPinConfirm.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    min-height: 200px;
    padding: 10px 20px;}

#bankingPinConfirm h1 {
    padding: 10px 0 5px;
    text-align: left;
    vertical-align: middle;
	border-bottom:0;
}

#bankingPinConfirm .insertRandomPin3 {
    float: left;
    position: relative;
    top: 0;
}

#bankingPinConfirm .pinPassButRand3 {
    margin-top: 30px;
    padding: 0;
}




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




/* MEDIA QUERIES */

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

	
}

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

/*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;}
.ProgressLogo {display:none;}

/*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: #b65a33; 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:0 0 20px; width:100%; display:block;}
#mainmenuMobile > a {width: 3.125em; /* 50 */height: 3.125em; /* 50 */text-align: left;text-indent: -9999px; background-color: #f0cca7; position: relative;}
#mainmenuMobile > a:before,#mainmenuMobile > a:after {position: absolute;border: 2px solid #b65a33;top: 35%;left: 25%;right: 25%;content: '';}
#mainmenuMobile li ul a { font-size: 0.95em; line-height: .5em; padding: 1em; color: #6f6c3b; }

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

/* second level */

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


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

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

/* first level */

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

/* second level */

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



html {font-size: 100%; /* 12 */}
#layoutarea {}
#memberscontentarea { float: right;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: 100%; } !important 
body {background:none;}
#pageContent {max-width: 1024px;}
ol#pagination { padding: 10px 0 0px;}
#loginarea { float: none; padding-bottom: 15px; text-align: center; width: 100%;}
#loginarea_contentpage { float: none; padding-bottom: 5px; text-align: center; width: 100%;}
#facilities .divider {}
#header-sitemap { float: none; width: auto;}
#loginarea img {width:auto;}
#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 { padding-bottom: 0px;}
homePage #newsheadlines {margin-top:0; width:49%;}
contentPage #newsheadlines {margin-top:0; width:49%;}
#membersAreaPage #masthead .area_title {}
#footerDetails {margin-bottom:0px; text-align: center;}
#pagefooterOuterPublic, #pagefooterOuterIndex {}

#masthead .logo #img_masthead {display:none;}
#masthead .logo { float: left; padding: 3.5em 0 2em; text-align: center; width: 100%;}
#masthead .logo #img_mastheadMobile { display: block; margin: 0 auto;}

#submenu_latest {width:100%;}

#pageInContDir #masthead .logo, #membersAreaPage #masthead .logo {float: left;  padding: 1em 0 0;}
#masthead .logo img {position:relative; top:.2em;}
#submenu ul {}
body#membersAreaPage #masthead, #officeAreaPage #masthead, #directorsAreaPage #masthead {
    float: left;
    height: 100%;
    margin-bottom: 0;
    min-height: 160px;
}

#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;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}
input, select {height:26px;}
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 {background: #b65a33; 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:#c3230b;}
#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: 10px;}
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:0px 4px;}
html {font-size: 100%; /* 12 */}
#layoutarea { padding: 0 10px; box-sizing:border-box;}
#submenu, #sidebar, #divQuickLinksWrapper{ padding: 0px; width: 100%; margin-left: 0px; margin-top:20px; margin-right:0;}
#sidebar {margin-top:0;}

#divNewsHeadlinesWrapper {
    float: left;
    height: auto;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 100%;
}
#newsheadlines {margin-top:20px; width:100%; margin-bottom:20px;}
#spotlight1, #spotlight2, #spotlight3 {width:100%; height: auto;}
.spotlight_text {height:auto; padding-bottom:20px;}
#spotlight1 {margin:2% 1% 0 0;}
#spotlight3 {margin:2% 0 2% 0;}
#pagefooterIndex, #pagefooterPublic, #pagefooterOther {float:left; height:auto; width:100%; padding:0;}
#footerDetails {margin-bottom: 0;
    text-align: center;
    width: 100%;}
	
#pagefooterAlternative {padding-left:20px;}
#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;}
#header-sitemap { width: 33.5%;}
#divSearchFormInput {width:100%;}
input, select {height:26px;}
#header-search input {height: 45px;}
#flashcontainer { height: auto; width: 100%; position:relative; float:left;}
#flashcontainer li img {max-width:100%;}
#news_content { height: auto !important; min-height: 140px;}
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%;}*/
#divHTMLAnnouncements1Wrapper {width:auto;}
#divHomepageImagesWrapper { width: 100%;}

#divSpotlightsWrapper { width: 100%; margin-right:0; padding-bottom:0;}

.spotlight_image_upload { box-sizing: border-box; float: left; margin-right: 10px; padding: 10px;}
#facilities {right: 0; width: 100%;}
#spotlight2 {margin-top:4%;}
#public_flashcontainer {display:none;}

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

#directorscontentarea {width:100%; margin: 20px 0 0;}
#SocialNet {left:7px;}

}

@media only screen and ( max-width: 50em ) /* 800 */ {
	
	
td.membership_table {  font-size: 0.9em;}
input#term {width: 90%;}
input#amount {width: 90%;}
#footerDetails ul {margin-top:20px;}
.ProgressLogo {display:none;}
}

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


}

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

img#footer-cu-logo {
    border-right: medium none;
    float: none;
    margin: 0 auto;
    text-align: center;
	padding-right:0;
}
#footerDetails {
    border-right: medium none;
    text-align: center;
    width: 100%;
}

#footerDetails li {
    display: block; float:none;
}

#pagefooterOther #footerDetails {
    border-right: medium none;
    text-align: center;
    width: 100%;
}
#pagefooterOther p {margin-left:0; text-align:center;}

#pagefooterAlternative {
    float: none;
    padding-left: 0;
    position: static;
}

#fsrnTextAlternative {color: rgba(255, 255, 255, 1);
    float: none;
    font-size: 11px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;}

#footerDetails {border-right: medium none;
    width: 100%;
    padding: 20px 0 5px;}

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

#divTermsFooterLink, #divPrivacyFooterLink {background: #a79a96 none repeat scroll 0 0;
    float: left;
    margin-top: 10px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 50%; /*one under another - width:100%*/;}
#divTermsFooterLink a, #divPrivacyFooterLink a {color: white;
    display: block;
    font-size: 0.9em;
    padding: 10px 0;
    text-decoration: none;} 
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover {background:#5c592a; color:white;}
#divPrivacyFooterLink  {right:0;}
#divTermsFooterLink {}

}

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

.directLogCont .logButtin {margin-top:30px;}


@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%;}
#membersAreaPage #masthead .area_title, #officeAreaPage #masthead .area_title, #directorsAreaPage #masthead .area_title {
    display:none;
}

.currentdate {display:none;}
.directors_sidebar {float:left; width:100%;}
.directors_content {width:100%; margin-bottom:20px;}

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;
}
#RowOneBoxOne, #RowTwoBoxOne {
	float:left;
    height: 145px;
    width: 100%;
	background-position: right;
	margin-bottom:30px;}

#RowOneBoxTwo, #RowTwoBoxTwo {
	float:left;
    height: 145px;
    width: 100%;
	background-position: right;
	margin-bottom:30px;}
	
#bankingPinConfirm {background-image:none; background-color: #eee; padding-bottom:20px;}
#bankingPinConfirm h1 {font-size:20px;}
}

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

@media only screen and ( max-width: 25em ) /* 400 */ {
	
/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 50px; padding: 0 8px; width: 60%;}
#header-search .button_search {right:50px; position: absolute;}*/
#membersAreaPage .tablegrid td { font-size: 0.7em; padding: 2%;}
#facilities {top:0; width:100%; background: #a79a96;}
#facilities a {padding:10px 0; line-height:normal; color: #fff;}
#facilities a:hover {color:white; border-bottom: none; background: #7e7a49; }
#header-help {width:50%; float:right; padding:0; }
#header-suggestion {width:50%; float:left; border-right:none; padding:0; background: #a79a96;}

#bankingPinConfirm .insertRandomPin3 {
    margin-bottom: 10px;
    width: 100%;
}
#SocialNet {left:7px; top:37px;}
}


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


#news_content { min-height: 170px;}
.spotlight_image_upload {box-sizing: border-box; float: none; padding: 10px; width: 100%;}
.spotlight_image_upload img {width:100%;}

}

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

/*SEARCH BAR - MASTHEAD 
#header-search {margin-top:0; right:0; float:none; width:100%;}
#header-search .input_search {margin-left: 10px; padding: 0 8px; width: 75%;}
#header-search .button_search {right:10px; position: absolute;}*/
.input_short {width: 6.5em;}
#news_content { min-height: 200px;}
#membersAreaPage p, .directors_content p {
    font-size: 13px;
}