/* HTML Definitions Logo Color is 004583 and safe blue is 003366
 - white background is FFFFF - welcome bar is 346B9D  gray side bar is #CCCCCC*/

/* ====================BODY */

body {
	background-color: #FFFFFF;
                margin: 20px;
                text-align: center;
                                        
               }



/* -------------------- Colors right side of screen.   White is FFFFFF - Blue is 1D2964 - Light gray is EEEEEE*/




/* -------------------- The following 3 items control the color of the homepage content area,
the side column, and the interior page content areas*/

#hmpgContent {
                background-color: #FFFFFF;
               border-color:  #0C479D !important;
}
#sidecolumn {
                background-color: #CCCCCC;
}
#intContent  {
                background-color: #FFFFFF;
               border-color: #0C479D !important;
}

/* ====================Link Definitions */
a, a:link, a:visited, a:hover, a:visited:hover, a:active {
	color: #000000;
                    
}

/* --------------------Main Navigation Bar */
div.menuBar a, div.menuBar a:visited, div.menuBar a:hover, div.menuBar a:visited:hover {
	color: #F9BF00;
}

/* --------------------Color of links in side bar */
#sidecolumn a, #sidecolumn a:visited, #sidecolumn a:hover, #sidecolumn a:visited:hover {
	color: #FFFFFF;
}

.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {
	color: #FFFFFF;
}


/* --------------------Colors links of middle content box */

.hmpgLinks a, .hmpgLinks a:visited, .hmpgLinks a:hover, .hmpgLinks a:visited:hover {
                color: #FFFFFF;
                font-size: 13;
                font-weight: 900;
                text-decoration: none !important;
}



/* --------------------Colors the >> in front of the links in the middle content box - set as FFFFFF*/
.hmpglinks .textSecondaryBullet {
                 color: #FFFFFF;
                 text-decoration: none;
}

.hmpgAdvertisement a, .hmpgAdvertisement a:visited, .hmpgAdvertisement a:hover, .hmpgAdvertisement a:visited:hover {
	color: #FFFFFF;
                    
}
.hmpgPod a, .hmpgPod a:visited, .hmpgPod a:hover, .hmpgPod a:visited:hover {
	color: #FFFFFF;
                   
}
.headerLarge a, .headerLarge a:visited, .headerLarge a:hover, .headerLarge a:visited:hover {
	color: #FFFFFF;
                    text-decoration : none;
}
.headerMedium a, .headerMedium a:visited, .headerMedium a:hover, .headerMedium a:visited:hover {
	color: #FFFFFF;
                    text-decoration : none;
}
.headerSmall a, .headerSmall a:visited, .headerSmall a:hover, .headerSmall a:visited:hover {
	color: #FFFFFF;
                    text-decoration : none;
}

/* ====================Text Formatting */
body, p, div, td, th, input, select, textarea {
	color: #000000;
}
.headerLarge {
	color: #FFFFFF;
}
.headerMedium {
	color: #FFFFFF;
}
.headerSmall {
	color: #FFFFFF;
}

.CLBTNews { color: black;
}

/* --------------------Color of survey text */

table.surveyTable td {
                color: white;       
}
p.questionText {
                color: white;
}
h3.surveyTitle {
                color: white;
}

.graph td {

                color: white;

}


/* ====================Misc. Classes */
.button {
	border-color: #4781BD;
	background: #F9BF00;
	color: #192D56;
}
.borderTop {
	border-top-color: #D1D3D4;
}
.borderRight {
	border-right-color: #D1D3D4;
}
.borderBottom {
	border-bottom-color: #D1D3D4;
}
.borderLeft {
	border-left-color: #D1D3D4;
}





/* ====================Page Section Formatting */

.menuBar {
	background-color: #114375;
	color: #FFFFFF;
}

/* --------------------Color of box around entire side column - light blue is #4781BD */
#sidecolumn {
	border-color: #FFFFFF;
	padding: 20px;
                background-color: #114375;
}
.dividerRule {
	background-color: #FFFFFF;
}
#loginForm td {
	color: #FFFFFF;
}

/* --------------------Good light grey-blue color iis 6890B4--the medium blue we used for a while was 346B9D for the Welcome Bar */
.welcomeBar {
	background-color: #F9BF00;
	color: #192D56;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.welcomeBarDate {
	background-color: #F9BF00;
	color: #192D56;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
/* --------------------.hmpgTopLeftImage is a new class to give the area behind the top left photo on the home page a background color */
.hmpgTopLeftImage {
	background-color: #0C479D;
}
/* --------------------.intTopLeftImage is a new class to give the area behind the top left photo on the interior pages a background color */
.intTopLeftImage {
	background-color: #0C479D;
}

/* ------Middle Content Box */
.hmpgLinks {
	background-color: #114375;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
}

/* ------Right Content Box with Ad */
.hmpgAdvertisement {
	background-color: #114375;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
}
.hmpgPod {
	background: #F9BF00;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.hmpgPod .headerLarge, .hmpgPod .headerMedium, .hmpgPod .headerSmall {
	color: #FFFFFF;
}
.hmpgPod .dividerRule {
	background-color: #FFFFFF;
}
.footer {
	background-color: #192D56;
	color: #F9BF00;
}

/* ====================Rules Formatting */
/* --------------------Box around weather, stock info, etc */
.rule {

	border-top-color: #192D56;
	border-right-color: #192D56;
	border-bottom-color: #192D56;
	border-left-color: #192D56;
}

/* --------------------Line under heading for weather, stock info, etc */
.ruleHeader {
	color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.ruleText {
	color: #FFFFFF;
}
.textMain {
	color: #FFFFFF;
}
.textMainBullet {
	color: #FFFFFF;
}
.textMainBulletArrow, .textSecondaryBulletArrow {
	color: #FFFFFF;
}
.textSecondary {
	color: #FFFFFF;
}
.calcsMenu {
	color: FFFFFF;
}

/* ====================Calendar Formatting */
.calendarDate, .calendarDateEvent {
	border-top-color: #660000;
	border-left-color: #660000;
	border-right-color: #660000;
	border-bottom-color: #660000;
}
.calendarDate {
	background-color: #99CCFF;
}
.calendarDate a, .calendarDate a:visited {
	color: #004583;
	background-color: #99CCFF;
}
.calendarDate a:hover, .calendarDate a:visited:hover, #sideColumn .calendarDate a:hover, #sideColumn .calendarDate a:visited:hover {
	color: #FFFFFF !important; /* Don't remove the "!important" text to the left */
	background-color: #004583;
}
.calendarDateEvent {
	background-color: #004583;
}
.calendarDateEvent a, .calendarDateEvent a:visited {
	color: #99CCFF;
	background-color: #004583;
}
.calendarDateEvent a:hover, .calendarDateEvent a:visited:hover, #sideColumn .calendarDateEvent a:hover, #sideColumn .calendarDateEvent a:visited:hover {
	color: #FFFFFF !important; /* Don't remove the "!important" text to the left */
	background-color: #004583;
}
.calendarArrow {
  border-bottom-color: #D1D3D4;
}
.calendarArrow a, .calendarArrow a:hover, .calendarArrow a:visited, .calendarArrow a:visited:hover {
	color: #004583;
	background-color: #FFFFFF;
}

/* =====================Menu Formatting */
div.menuBar a.menuButton, div.menuBar a.menuButton:visited, div.menuBar a.menuButton:hover, div.menuBar a.menuButton:active {
  background-color: transparent;
}
div.menu {
  border: 1px solid;

/* --------------------Orignal background color for menu drop down was grey D1D3D4 */
}
div.menu a.menuItem, div.menu a.menuItem:visited {
  background-color: #D1D3D4;
	color: #000000;
}
div.menu a.menuItem:hover {
  background-color: #F9BF00;
	color: #192D56;
}
div.menu a.menuItem:active {
  background-color: #CAC7B4;
	color: #000000;
}


/* ====================CSS for product grids on DDA and Credit Card Page */
/* --------------------Delete if this does not work with the product grid - This is where our content styles begin */
/* body, td, th, p, div, ul, li {
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
} */
input, select, textarea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.bulletListMtx {
	border-top: 1px solid #516896;
	border-right: 1px solid #516896;
	border-bottom: none;
	border-left: 1px solid #516896;
}
.bulletListMtxTd {
	border-bottom: 1px solid #516896;
	border-top: none;
	border-right: none;
	border-left: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
}
.bulletListMtxTdNone {
	border-bottom: 1px solid #516896;
	border-top: none;
	border-right: none;
	border-left: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
}
.hideObject {
	display: none;
	padding: 0px;
}

/* Color of name of checking account when select more view */
.header {
	font: bold 15px/21px Arial, Helvetica, sans-serif;
	color: #1D2964;
}

.ddproductname {
                color: #1D2964;
}


.headerBrown {
	font: bold 15px/21px Arial, Helvetica, sans-serif;
	color: #1D2964;
}
.mtxBorder {
	border-top: 1px solid #346B9D;
	border-right: 1px solid #346B9D;
	border-bottom: none;
	border-left: 1px solid #346B9D;
}
.mtxHeader {
	padding: 3px;
	background-color: #1D2964;
	border-bottom: 1px solid #516896;
	color: #FFFFFF;
	font-weight: bold;
}

/* Orignal color of the border was 5E77AF */
.mtxHeaderBorderLeft {
	padding: 3px;
	background-color: #1D2964;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
}
.mtxRow {
	padding: 3px;
	border-bottom: 1px solid #516896;
}
.mtxRowBorderLeft {
	padding: 3px;
	border-bottom: 1px solid #516896;
	border-left: 1px solid #516896;
}
.mtxRowAlt {
	padding: 3px;
	background-color: #E5E5E5;
	border-bottom: 1px solid #516896;
}
.mtxRowAltBorderLeft {
	padding: 3px;
	background-color: #E5E5E5;
	border-bottom: 1px solid #516896;
	border-left: 1px solid #516896;
}
.showMoreInfo {
	padding-left: 3px;
	border-bottom: 1px solid #516896;
}