/*

WGE Federal Credit Union
Created by SpinWeb [Tony Williams]
Last updated on 09/08/11


/* Global ========================================*/

* {
margin: 0;
padding: 0;
}

#public {
margin: 0px;
padding:0px;
font:normal 10pt Arial;
line-height:18px;
color: #504d44;
}

h1, .eventHeadline {
font:bold 14pt Arial;
color:#1c84c7;
padding:0 0 5px 0;
margin:0 0 12px 0;
border-bottom:1px solid #cccccc;
}

h2 {
font:bold 13pt Arial;
color:#1C84C7;
padding:0 0 5px 0;
margin:0 0 12px 0;
border-bottom:1px solid #cccccc;
}

h3 {
font:bold 11pt Arial;
color: #504d44;
padding:0 0 0 0;
margin:0 0 12px 0;
}

#logo {
border-bottom:0;
margin:11px 0 0 20px;
}

hr {
border:0;
background-color:#d0cfcf;
color:#d0cfcf;
height:1px;
margin-bottom:15px;
}

a {
color: #007ed1;
text-decoration: none;
}

a:hover {
color:007ed1;
text-decoration: underline;
}

img {
border:0;
}

textarea {
max-width:300px;
}

p {
margin-bottom:20px;
}

ul, ol, .content ul, .content ol {
padding-left:15px;
margin:0 0 15px 0;
}

ol, .content ol {
margin:0 0 15px 5px;
}

fieldset, fieldset ol, fieldset ul {
margin:0;
padding:0;
border:0;
}

fieldset ol, fieldset ul {
list-style:none;
}

fieldset ol li, fieldset ul li {
padding:0 0 10px 0;
margin:0;
}

#rightcolumn iframe {margin: 0; padding: 0; height: 155px;}

/* Layout ========================================*/


#wrapper {
margin: 0 auto;
width: 960px;
}

#faux, #fauxNews {
background:url("graphics/images/bg-body.gif") repeat-y;
width: 100%;
float:left;
}

#fauxNews {
background:url("graphics/images/bg-body2.gif") repeat-y;
}

#header {
width: 960px;
padding: 0;
height: 91px;
margin: 0;
}

#leftcolumn {
display: inline;
margin: 0;
width: 229px;
float: left;
}

#leftcolumn h1 {
color:#eb9335;
}

#middlecolumn {
float: left;
margin: 0;
padding: 0 0 10px 20px;
width: 480px;
display: inline;
position: relative;
}

#middlecolumnNews {
!Important; /* Full length News Lister Wrap - Display Type ========================================*/
float: left;
margin: 0;
padding: 0 0 10px 20px;
width: 709px;
display: inline;
position: relative;
background-color:white;
}

#rightcolumn {
display: inline;
position: relative;
margin: 0;
width: 203px;
float: right;
border-top:1px solid #cccccc;
padding-top:15px;
margin-top:10px;
padding-bottom:15px;
}

#footer {
width: 960px;
clear: both;
margin: 0px 0px 10px 0px;
border-top:1px solid #cccccc;
font-size:8pt;
}

.social {
position:relative;
top:-75px;
xleft:852px;
left:687px;
xwidth:200px;
width:273px;
margin:0;
}



.clear {
clear: both;
background: none;
}

#utilityBar {
width:730px;
height:44px;
background:url("graphics/images/bg-top-nav.gif") no-repeat;
position:relative;
top:-80px;
left:230px;
padding-top:1px;
}

#search {
width:270px;
position:relative;
top:-33px;
left:450px;
margin:0;
padding:0;
}

.searchBoxInput {
width:180px;
margin-right:5px;
position:relative;
top:-5px;
}

.cntBox {
padding:10px;
}

.adLeft {
padding:10px 0 10px 7px;
}

#middlecolumn a {
max-width:480px;
}

#middlecolumn ul {
margin:0;
padding:0;
clear:both;
display:block;
list-style-type:disc;
}

#middlecolumn ul ul li {
margin:0;
padding:0;
}

/* Online Accounts ========================================*/


#onlineAcc h1, #onlineAcc h2 {
font:bold 13pt Arial;
color:white;
margin:0;
padding:8px 10px 0 40px;
height:25px;
margin-bottom:0;
background:url("graphics/images/hd-online-acc.jpg") no-repeat;
}

#onlineAcc li {
margin:0 0 5px 0;
padding:0;
}

#onlineAcc form {
padding:10px;
color:#162052;
}

#onlineAcc p {
margin-bottom:5px;
}

.actionBox {
border-top:1px dotted #162052;
padding-top:10px;
}

/* Banner Ads ========================================*/

#bannerAds {
border-top:1px solid #cccccc;
padding-top:15px;
margin-top:10px;
padding-bottom:10px;
float:left; /* Check this in IE's */ !Important;
}

#bannerAds a, .adBorder a, #testimonials img {
border:4px solid #ccc;
margin-bottom:10px;
}

#bannerAds a, #bannerAds img, .adBorder a, .adBorder img {
float:left;
}

#bannerAds a:hover, .adBorder a:hover, #testimonials img:hover {
border:4px solid #ec973b;
}

#bannerAds .adsmall {
float:left;
width:222px;
}

.adsmall {
margin-top:10px;
}


.adBorder {
float:left;
padding:10px 0 10px 0;
}

/*================================================================================*/


#nameField {
width:180px;
}

/* WYSIWYG Freedom Blue Styles ========================================*/

h1 {
}

h2 {
}

p {
}

.imageLeft {
float: left;
margin: 0 10px 10px 0;
}

.imageRight {
float: right;
margin: 0 0 10px 10px;
}

/* Utility Nav ========================================*/


.utilityNav {
margin: 10px 0 15px 10px;
padding:0;
background:none;
height:15px;
}

.utilityNav li {
display: inline;
padding: 0 0 0 0;
margin:0;
}

.utilityNav a {
color:#5d92bd;
padding: 0 10px 0 10px;
font:8pt Arial;
border-right:dotted 1px #53682b;
}

.utilityNav a:hover {
text-decoration:underline;
}

.utilityNav {
position:relative;
top:0;
left:0;
}

.utilityNav ul {
display:none;
}

/* Main Nav ========================================*/

#navWrap {
width:730px;
float:left;
background:url("graphics/images/bg-navWrap.gif") repeat-y;
}

#navWrap ul {
width:730px;
float:left;
padding: 0;
margin:0;
list-style: none;
}

#navWrap ul li {
margin: 0;
padding: 0;
float: left;
display: inline;
list-style: none;
}

#navWrap ul li a {
color: white;
text-decoration: none;
display: block;
font-size: 12pt;
padding: 8px 15px 8px 15px;
margin: 0 0 0 0;
text-decoration: none;
border-left:1px solid #6ab4ec;
border-right:1px solid #0d3e5e;
background:url("graphics/images/bg-nav.gif") repeat-x;
}

#navWrap ul li a:hover, #navWrap ul li a.current {
text-decoration: none;
background-position: 0 -34px;
}


#navWrap .mainNav ul {
display:none;
}


/*Each of the Main Nav items must have a width to line up with the tilling border on the right ========================================*/

#navWrap ul .item1, #navWrap .item1 ul, #btnWrap .item1 {
width:172px;
}

#navWrap ul .item2, #navWrap .item2 ul, #btnWrap .item2 {
width:173px;
}

#navWrap ul .item3, #navWrap .item3 ul, #btnWrap .item3 {
width:173px;
border-right:0;
}

#navWrap ul .item4, #navWrap .item4 ul, #btnWrap .item4 {
width:212px;
border-right:0;
}

#btnWrap a {
float:left;
position:relative;
left:15px;
top:10px;
padding-bottom:10px;
}

/*========================================*/

#navWrap ul ul {
display: block;
padding: 15px 0 0 0;
margin:10px 0 0 0;
border-right:1px solid #ccc;
float: none;
}

#navWrap ul ul li {
margin: 0;
padding: 0;
float: none;
display: block;
list-style: none;
}

#navWrap ul ul li a {
color:#007ed1;
background:none;
font-size:10pt;
border:0;
padding:0 15px 0 15px;
margin-bottom:5px;
float: none;
}

#navWrap ul ul li a:hover {
text-decoration:underline;
}

/* Sub Nav ========================================*/


.learnMoreNav, .subNav, .utilitySubNav, .personalResNav, .businessResNav, .additionalLinks {
margin:0 0 10px 0;
list-style:none;
padding:0;
}

.learnMoreNav li, .subNav li, .utilitySubNav li, .personalResNav li, .businessResNav li, .additionalLinks li {
list-style:none;
margin:0;
padding:0;
}

.learnMoreNav li a, .subNav li a, .utilitySubNav li a, .personalResNav li a, .businessResNav li a, .additionalLinks li a {
color: white;
font-size:10pt;
text-decoration:none;
border-bottom:solid 1px #789ca3;
padding:2px 15px 2px 20px;
display:block;
background:#83abb3 url("graphics/images/bullet.png") no-repeat 5px 7px;
}

.learnMoreNav li a:hover, .subNav li a:hover, .utilitySubNav li a:hover, .personalResNav li a:hover, .businessResNav li a:hover, .subNav a.current, .additionalLinks li a:hover {
text-decoration: none;
background-color:#0079c2;
}

.hdSubNav, .hdSubNavHome {
font:normal 13pt Arial;
color:white;
margin:0;
padding:8px 10px 0 20px;
background:url("graphics/images/bg-subnav.gif") no-repeat;
height:25px;
margin-bottom:0;
}

.hdSubNavHome {
background:url("graphics/images/bg-subnav-home.gif") no-repeat;
}

/*========================================*/


#highlights h2 {
font-weight:bold;
width:100%;
width:420px;
height:61px;
padding:14px 10px 0px 55px;
margin-bottom:0;
float:left;
background:url("graphics/images/hd-highlights.gif") no-repeat;
border:0;
}

.content h1 {
background:url("graphics/images/hd-main.gif") no-repeat;
font-weight:bold;
width:100%;
height:61px;
padding:14px 10px 0px 10px;
margin-top:14px;
margin-bottom:0;
float:left;
border:0;
}

#public h1 em {
font-size:12pt;
font-weight:normal;
color:#eb9335;
}

#middlecolumnNews h1, #middlecolumnNews h2 {
background:url("graphics/images/hd-mainNews.gif") no-repeat;
}

.newsWrapper h1 {
color: #eb9335;
}

#middlecolumn .hdGetStarted,  #middlecolumnNews .hdGetStarted {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
height:30px;
padding:8px 10px 0px 45px;
margin:15px 0 15px 0;
background:url("graphics/images/arrow.gif") no-repeat 0 7px;
width:420px;
float:left;
}

#middlecolumnNews .hdGetStarted {
width:650px;
}

#middlecolumn input {
margin:0 10px 10px 0;

}

/* Testimonials ========================================*/


#testimonials p {
font-style:italic;
margin:0 0 7px 0;
}

#testimonials h2 {
color:#d5a930;
padding:6px 10px 8px 29px;
background:url("graphics/images/bg-testimonials.gif") no-repeat;
}

#testimonials h3 {
font-size:10pt;
margin:0;
}

#testimonials img {
max-width:200px;
}

#testimonials a {
color: #d5a930;
}

#testimonials span {
font-weight:normal;
color:#d5a930;
}

/* News / Events Module ========================================*/

#eventsHome {
border-top:8px solid #196d96;
}

#eventsHome h1 {
color:#eb9335;
}

.eventsDate {
margin:10px 0 15px 0;
line-height: 18px;
}

.eventsDetailh3 {
padding: 0;
margin:15px 0 5px 0;
line-height: 18px;
}

.rsvp input {
margin-bottom:10px;
}

.newsList {
clear: both;
margin: 0 !important;
list-style: none;
padding:0;
}

.newsList li {
margin: 0 0 18px 0;
}

.newsList h3 a, .newsList h3, .content .newsList h3 a, .content .newsList h3 {
font:10pt Arial;
margin:0;
padding:0;
}

.newsList p {
margin: 0;
}

.newsSubHeadline {
font-weight: 700;
}

.meta {
font-size: 8pt;
color:#818080;
}

a.moreNews {
margin: 5px 0 15px 0;
}

.newsDetailWrapper h1 {
margin-bottom: 0;
}

.newsList .mastDate {
padding-bottom:10px;
color: #5d5d5d;
font-weight:bold;
}

#newsShort {
margin-top:30px;
}

/* Footer ========================================*/



#footer .utilityNav {
margin: 10px 0 15px 10px;
padding:0;
background:none;
height:15px;
float:right;
width:500px;
}

#footer .utilityNav li {
display: inline;
padding: 0 0 0 0;
margin:0;
float:left;
}

#footer .utilityNav a {
color:#5d92bd;
padding: 0 10px 0 10px;
font:8pt Arial;
border-right:dotted 1px #53682b;
}

#footer a {
color:#5d92bd;
}

#footer ul .utilityNav a:hover {
text-decoration:underline;
}

#footer .utilityNav {
position:relative;
top:0;
left:0;
}

#footer p {
float:left;
margin:10px 0 0 0;
padding-left:10px;
}

#footer #footerLogos p {
float: left;
margin: 30px 0 0 100px;
}

#footer #footerLogos p a {
margin: 0px;
display: inline;
}

.spinweb {
    float: left;
    margin: 31px 0 0;
    
}

#footerLogos a.spinwebA {
display: inline;
}

#spinwebLogo {
float: right;
padding-top: 10px;
height: 20px;
}

#footer ul ul {
display:none;
}

#public .utilityNav .last, #public .mortgageNav .last {
border:none;
}

#footerLogos, #footerLogos2 {
background:url("graphics/images/bg-footer.gif") repeat-x;
border-top:1px solid #cccccc;
width:960px;
height:85px;
clear:both;
}

#footerLogos2 {
background:url("graphics/images/footer-logos2.gif") no-repeat;
}

.footerNav li ul {
display:none !important;
}


#footerLogos {
margin: 0;
border: 0;
padding: 0;
list-style: none;
}

#footerLogos li {
margin: 0;
border: 0;
padding: 10px 0 0 0;
float: left;/*Gecko*/
display: inline;
list-style: none;
position: relative;
}

#footerLogos a {
border:0;
border:0;
height:70px;
display:block;
margin-right:13px;
margin-top:20px;
}

a#spinwebLogo {
height: 20px;
}


/*========================================*/
.content form {
float:left;
clear:both;
width:99%;
}


.formtextRequired, .formtext {
margin-top:10px;
}

input {
padding:2px;
}


/* enews ========================================*/

#enews {
background:url("graphics/images/bg-enews.jpg") no-repeat;
height:191px;
}

#enews h1 {
font:normal 13pt Arial;
color:white;
margin:-6px 0 0 0;
padding:0 10px 4px 0px;
border:0;
}

#enews fieldset {
padding-top:10px;
margin-bottom:-8px;
}

#enews form {
padding:10px;
}

.enewsBoxEdit {
background-color:#f9f5e8;
padding:2px;
width:175px;
}

#enews .triggerModal {
margin-left:10px;
}

/* FAQ ========================================*/


.searchInputs {
width:440px;
background: #f6f6f6;
border: 1px solid #c3c3c3;
padding:15px;
margin-bottom:10px;
}

.faq {
margin: 0 0 15px 0;
float:left;
}

.faq ul {
background: #f3f3f0;
border: 1px solid #ddd;
list-style: none;
margin: 15px 0;
padding: 10px;
}

.faq li {
margin: 4px 0;
}

.faq dt {
display: block;
float: left;
font-weight: 700;
margin-top: 18px;
}

.faq dd {
display: block;
float: left;
}

.list {
list-style-type: none;
padding: 0 0 20px 0;
margin: 15px 0 15px 0;
border-bottom:1px solid #ccc;
clear:both;
}

.list li {
list-style-type: none;
padding: 0 0 10px 0;
margin:0;
}

#public .searchModule {
margin:0 0 10px 0;
padding-top:20px;
}
.faq a:hover {
text-decoration:underline;
}

/* Resources / Services ========================================*/


.resources p {
margin-bottom:0;
}

.resources {
margin-bottom:25px;
}

.resources li, .services p  {
margin:0 0 0 0;
padding:0;
}

.services {
margin-bottom:20px;
}

.services h2 {
margin-top:15px;
}

p.noMargin {
margin-bottom:0;
}


/* Tables  ========================================*/


table {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
margin-bottom:15px;
}

table th {
color:white;
font-weight:normal;
/*background-color:#206799;*/
padding:3px 15px 3px 15px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
}


table td {
padding:10px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}

table h2 {
font:bold 13pt Arial;
padding:0;
margin:0;
border:none;
float:none;
width:100%;
}

/* Form Tables  ========================================*/

form Table, form Table td {
border:0;
margin:0;
padding:0;
}



#calculators p {
margin:0 0 5px 0;
clear:both;
width:98%;
}

#calculators h2, #calculators img {
float:left;
}

#calculators h2 {
border:0; 
font-size:11pt;
margin:0;
padding:0;
position:relative;
top:7px;
left:10px;
}


/* Freedom Styles ========================================*/


.errorMessage {
font-weight:bold;
color:#f00;
}

/* End General Module Styles */

/* Pagination */
.pagination {
clear: both;
display: block;
}

.pagination a, .pagination a:link, .pagination a:visited {
text-decoration:none;
}

.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow {
border:solid 1px #ccc;
margin:0;
padding:4px 6px;
font-size:11px;
margin-right:2px;
display:inline;
display:inline-block;
}

.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover {
border:solid 1px #000;
color:#000;
}

.pagination .prevnextCurrent {
background:#ccc;
color:#000;
font-weight:bold;
padding:4px 6px;
}

.pagination a.prevnextLink {
border:1px solid #ccc;
padding:4px 6px 4px;
margin-right:2px;
font-size:11px;
display:block;
}

/* End Pagination */

/* Send Page Styles */
.sendpage {
clear:both;
}

.sendpageBody div, .sendpageBody td {
padding: 2px 0px;
}

/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper {
}

/* ModuleEnd::gendocs */


/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.triggerModal {
}

.jqmWindow {
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -200px;
width: 400px;
background-color: #fff;
color: #333;
border: 3px solid ccc;
}

.jqmConfirmTitle {
background: #ddd;
padding: 5px;
text-align: right;
}


#commPop {
margin-bottom: 0;
padding: 0;
}

#commPop .webpageWrapper {
background:#53682b url(graphics/images/bg-popup.jpg) repeat-x 80px 0;
padding:15px;
color:#fff;
text-shadow: 2px 2px 1px #133c1d;
}

#public #commPop h1 {
font:bold 14pt 'Helvetica Neue', Helvetica;
color:#55bcea;
border:0;
margin:10px 0 10px 0;
background:none;
text-shadow: 2px 2px 1px #164562;
text-transform:uppercase;
letter-spacing:-1px;
}


.jqmContent {
margin-bottom: -30px;
padding: 12px;
}

.jqmOverlay {
background-color: #000;
}

#notificationWindow .jqmContent {
    margin-bottom: 0;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
position:absolute;
top:0;
left:0;
z-index:-1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

iframe * {
margin-top: -30px;
}


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

/* Mortgage Landing Page ========================================*/
 
#mortgage {
width:700px;
background:url("graphics/images/bg-family.jpg") no-repeat;
min-height:727px;
margin:0 auto;
position:relative;
}

#bannerLinks {
float:right;
margin-bottom:20px;
}

#contentMortgage {
float:right;
width:403px;
border-left:3px solid #cccccc;
border-right:3px solid #cccccc;
border-bottom:3px solid #cccccc;
background-color:white;
padding:0 15px 10px 15px;
}

#contentMortgage h1 {
color:#f98c00;
background:none;
margin:0;
position:relative;
top:-35px;
padding:3px 0 0 0;
float:none;
border:0;
}

#contentMortgage h2 {
border:0;
font-size:11pt;
}


#greenCS {
background-color:#133c1d;
color:white;
padding:0px 15px 0 15px;
position:relative;
left:-15px;
width:403px;
margin:-25px 0 10px 0;
}

#btnMortgageGS {
position:absolute;
botom:0;
left:390px;
}

.mortgageNav {
margin:10px 0 0 0;
float:right;
padding-bottom:10px;
}


#greenCS table {
border:0;
margin:0px;
}

#greenCS td {
border:0;
padding:0;
}

#business1 {
  display:none;
}

#billpay1 {
  display:none;
}  

#rewards1 {
  display:none;
}

#debit1 {
  display:none;
}

#rewardsPlus {
  display: none;
}

/* ModuleBegin::blog */
.blogArchiveMonth { padding-left:10px; }
.blogArchiveYear { font-weight: bold; }
.blogDate { padding:5px 0px; font-weight: bold; background-color: #eeeeee; }
.blogDividerComments { height: 1px; background-color:#cccccc; }
.blogDividerTop { height: 1px; background-color:#cccccc; }
.blogEntry { padding-top: 5px; }
.blogEntryFooter { padding-bottom: 10px; }
.blogFooter { height: 1px; background-color:#cccccc; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }
.blogTitle { color: #000066; font-weight: bold; padding-top: 10px; }
/* ModuleEnd::blog */@charset "UTF-8";
/* CSS Document */