/*---- Northland Area Federal Credit Union ----/*

/*---- LAYOUT ----*/
BODY {
    background-image: url('/templates/northland_inside/media/background.gif');
    background-repeat: repeat-x;
    background-color: #9aa3b7;
    margin: 0px;
    padding: 0px;
}


#web_page {
    width: 774px;
    margin: 0px auto;
    background-color: white;
}

/*---- HEADER and SEARCH UTILITY ----*/
#header {
    width: 774px;
    height: 116px;
    background-image: url('/templates/northland_inside/media/top.gif');
    background-repeat: no-repeat;
}
#home_link {
    height: 77px;
    margin: 0px;
}
#home_link A SPAN {
    display: none;
}
#home_link A {
    float: left;
    height: 77px;
    width: 320px;
}
#search {
    width: 774px;
    height: 39px;
    background-image: url('/templates/northland_inside/media/search_box.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
    text-align: right;
}
#search FORM {
    margin: 0px;
    padding-top: 11px;
    padding-right: 50px;
}
#search FORM INPUT {
    font: x-small "Arial", "Helvitica", sans-serif;
}

/*---- FOOTER ----*/
#footer {
    height: 774px;
    height: 96px;
    background-image: url('/templates/northland_inside/media/ncua-ehl-logos.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
}



/*---- CONTENT ----*/
#content {
    margin: 0px;
    width: 744px;
    padding: 0px 15px;
    background-color: white;
    font: small "Arial", "Helvitica", sans-serif;
}


/*---- UTILITY BAR ----*/
#side_utilities {
    float: right;
    width: 218px;
.}

/*---- HOME BANKING LOGIN ----*/
#home_banking {
    height: 128px;
    width: 188px;
    background-image: url('/templates/northland_inside/media/home-banking.jpg');
    background-repeat: no-repeat;
    padding: 32px 11px 5px 19px;
    margin-bottom: 5px;
}
#home_banking FORM INPUT {
    font: small "Arial", "Helvitica", sans-serif;
}
#home_banking P {
    font: small "Arial", "Helvitica", sans-serif;
    margin: 0px;
}

#home_banking p.small {color: #003082; font-size: 11px; padding-top: 10px;}


/*---- QUICK LINKS and POLL ----*/
.side_box {
    background-image: url('/templates/northland_inside/media/quick-links-slice.gif');
    margin-bottom: 5px;
}
.side_box .poll_question SPAN.regions_poll_title {
    display: block;
}
.side_box .poll_question {
    margin-left: 19px;
}
.side_box .poll_question .submit_form {
    display: block;
    float: right;
    margin-right: 20px;
}
.side_box A {color: black;}
.side_box A:hover {color: #888;}


.code_block {overflow: hidden; width: 218px; display: block; float: right; margin-right: 20px; } /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_top { background: url(../media/boxtop.gif); width: 218px; height: 16px; overflow: hidden; margin-top: 5px; width: 218px; height: 16px; overflow: hidden }
.code_block_indiv_content {background: url(../media/quick-links-slice.gif) repeat-y; padding: 1px 10px;}
.code_block_indiv_bttm { margin-bottom: 5px; background: url(../media/quick-links-bottom.gif); width: 218px; height: 16px; overflow: hidden}
.code_block_indiv_content p{margin-top: 0px;}


/*---- RATES ----*/
.rates_region {
    font: x-small "Arial", "Helvitica", sans-serif;
    margin: 5px 20px 10px 10px;
    width: 240px;
    float: right;
}
.ratesAsOf {
    width: 220px;
    float: right;
    font: x-small "Arial", "Helvitica", sans-serif;
}
.rates_region TABLE TR TD.ratesFields {
    color: red;
}
.rates_region TABLE TR TD {
    font: x-small "Arial", "Helvitica", sans-serif;
/*    border-bottom: 4px solid white; */
}
.rates_region TABLE TR TD.ratesRow1, .rates_region TABLE TR TD.ratesRow2 {
    background-color: #ccc;
}

/*---- CMS CONTENT ----*/
#cms_content UL {
    margin: 5px 0px 5px 35px;
    padding: 0px;
}
#cms_content UL LI {
    margin: 0px;
    padding: 0px;
}
#cms_content A {
    color: #444;
}
#cms_content A:hover {
    text-decoration: none;
}
#cms_content {
    margin-top: 5px;
}
#cms_content H1 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    font: 12pt "Arial", "Helvitica", sans-serif;
    color: #023584;
    font-weight: bold;
}
#cms_content H2 {
    font: large "Arial", "Helvitica", sans-serif;
    color: black;
}


/*---- RATES TABLE PAGE ----*/
/* TABLE.content_rates_table {
    border-collapse: collapse;
    width: 500px;
}
TABLE.content_rates_table TR TD.content_rates_table_row1, TABLE.content_rates_table TR TD.content_rates_table_row2 {
    border: 1px solid #aaa;
    padding: 2px 8px;
}
TABLE.content_rates_table TR TD.content_rates_table_fields {
    padding: 2px 8px;
    font-weight: bold;
}
TABLE.content_rates_table TR TD.content_rates_table_title {
    font: medium "Arial", "Helvitica", sans-serif;
    color: #023584;
}
TABLE.content_rates_table TR TD.content_rates_table_effectivedate {
    font-style: italic;
} */

/* -- NEW RATE STYLES -- */
.content_rates_category1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #5786B0;
	font-weight: bold;
}

.content_rates_notes{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	color: #000000;
	margin-left: 20px;
	margin: 20px;
}
.content_rates_table{
	/*width: 98%;*/
	width: 500px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #003082;
	border-collapse: collapse;
	background-color: white;
}

.content_rates_table_title {
	background-color: #003082;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.content_rates_table_effectivedate{
	background-color: #003082;
	font-size: 12px;
/*	font-weight: bold; */
	color: #FFFFFF;
	text-align: left;
}

.content_rates_table_fields {
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	border-style: inset inset inset inset;
	border-color: #003082;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
}
.content_rates_table_notes{
	background-color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.content_rates_table_row1 {
	background-color: #FFFFFF;
	font-size: 12px;
	color: #000000;
	border-style: inset inset inset inset;
	border-color: #003082;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
}
.content_rates_table_row2 {
	background-color: #FFFFFF;
	font-size: 12px;
	color: #000000;
	border-style: inset inset inset inset;
	border-color: #003082;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
}
.content_rates_table_row_highlight {
	background-color: #AFD1B0;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	border-style: inset inset inset inset;
	border-color: #003082;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
}
/* -- END NEW RATE STYLES -- */

/*---- POPUP MENUS ----*/
.Popup {display: none;}

/*---- FORM ----*/
FORM.webform TABLE {
    border: 0px solid black;
}
FORM.webform TABLE TR TD {
    font: small "Arial", sans-serif;
    padding: 3px 5px;
}
FORM.webform TABLE TR.alt_row {
    background-color: #ccc;
}
FORM.webform TABLE TR TD SPAN.required {
    color: red;
    font-weight: bold;
}


/* for dropdown menus*/
.rollover span.alt {display: none;}
.rollover img {border: none;}
:root .rollover img {display: block;}
.rollover, .rollover:visited {background-color:transparent !important; /* needed for Opera5/6 */ background-repeat:no-repeat; background-position:0 0;}
/* change background position to height of button */
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 -49px;}
#newchecking-saving{margin-left:14px;}
#top_nav {
    width: 774px;
    height: 59px;
    margin: 0px;
	/*padding-left:25px;*/
    background-image: url('/templates/northland_inside/media/line-below-buttons.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
	/*border: solid 1px silver;*/
}
