BODY {
    padding: 0px;
    margin: 0px auto;
    width: 784px;
    background-image: url('/templates/upstate/media/bg-slice.gif');
    background-repeat: repeat-x;
    background-position: 0px 114px;
}

IMG {
    padding: 0px;
    margin: 0px;
}


/*---- RIGHT COLUMN ----*/
#right_column {
    background-color: white;
    width: 488px;
    min-height: 400px;
    float: left;
    padding: 0px 27px 10px 0px;
    background-image: url('/templates/upstate/media/banner-top-right.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

#web_page {
    float: left;
    padding: 0px;
    margin: 0px auto;
    width: 781px;
    background-image: url('/templates/upstate/media/button-slice.gif');
    background-repeat: repeat-y;
    background-position: 25px 0px;
}
    

/*---- FOOTER ----*/
#footer {
    width: 781px;
    height: 116px;
    background-image: url('/templates/upstate/media/ncua-ehl-logos.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: white;
}

/*---- MAIN NAVIGATION ----*/
#left_column {
    float: left;
    width: 266px;
    margin: 0px;
    padding: 0px;
    background-image: url('/templates/upstate/media/main-nav-left.gif');
    background-repeat: no-repeat;
    background-position: 0px 65px;
}
#left_column UL {
    padding: 0px;
    height: 200px;
    margin: 0px 0px 0px 25px;
    background-image: url('/templates/upstate/media/button-slice.gif');
    background-repeat: repeat-y;
    width: 241px;
}
#left_column UL LI {
    list-style-type: none;
    float: left;
    width: 241px;
    clear: both;
}
#left_column UL LI A, #left_column UL LI.there A:hover {
    float: left;
    clear: both;
    width: 241px;
    background-repeat: no-repeat;
    background-position: left;
}
#left_column UL LI A:hover, #left_column UL LI.there A {
    background-position: right;
}
#left_column UL LI A SPAN {
    display: none;
}

/*---- MAIN NAVIGATION BACKGROUNDS ----*/
#left_column UL LI#accounts-services A {
    width: 241px;
    height: 34px;
    background-image: url('/templates/upstate/media/accounts-services.gif');
}
#left_column UL LI#loans-credit-cards A {
    width: 241px;
    height: 28px;
    background-image: url('/templates/upstate/media/loans-credit-cards.gif');
}
#left_column UL LI#convenience-services A {
    width: 241px;
    height: 28px;
    background-image: url('/templates/upstate/media/convenience-services.gif');
}
#left_column UL LI#rates-resources A {
    width: 241px;
    height: 27px;
    background-image: url('/templates/upstate/media/rates-resources.gif');
}
#left_column UL LI#contact-us A {
    width: 241px;
    height: 30px;
    background-image: url('/templates/upstate/media/contact-us.gif');
}

/*---- HOME BANKING LOGIN ----*/
#hb_login {
    width: 241px;
    height: 138px;
    margin: 2px 0px 0px 25px;
    background-image: url('/templates/upstate/media/home-banking.gif');
    background-repeat: no-repeat;
}
#hb_login FORM {
    padding: 40px 5px 0px 12px;
}
#hb_login FORM INPUT.login_field {
    font: x-small "Arial", sans-serif;
    margin: 5px 0px;
}
#hb_login P {
    margin: 0px 0px 0px 12px;
    font: x-small "Arial", sans-serif;
    color: white;
}
#hb_login P A {
    color: white;
}

#password {
	background-image: url("/templates/upstate/media/hblogin_password.gif");
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 1px;
	height: 12px;
	width: 140px;
	border: 1px solid #000000;
}
#userNumber {
	background-image: url("/templates/upstate/media/hblogin_username.gif");
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 1px;
	height: 12px;
	width: 140px;
	border: 1px solid #000000;
}

/*---- INTERIOR LINKS ----*/
#interior_links {
    margin: 0px;
    padding: 0px 0px 4px 25px;
    background-color: white;
}

#links IMG {
    padding: 2px 0px;
    background-color: white;
}
    


/*---- BANNER REGION ----*/
.banner, .banner IMG {
    margin: 0px;
    padding: 0px;
}

/*---- RATES ----*/
.TAFTRATES {
    float: right;
    margin: 0px 0px 0px 10px;
    width: 234px;
    background-image: url('/templates/upstate/media/featured-rates.gif');
    background-repeat: no-repeat;
    padding: 20px 0px 0px 0px;
}
.TAFTRATES P {
    font: xx-small "Arial", "Helvitica", sans-serif;
    margin-left: 5px;
}
.TAFTRATES IMG.more_rates {
    margin: 5px 0px 0px 5px;
}
.TAFTRATES TABLE {
    width: 234px;
    margin: 0px;
}
.TAFTRATES TABLE TR TD.regions_rates_table_title {
    display: none;
}
.TAFTRATES TABLE TR TD.regions_rates_table_effectivedate {
    padding-left: 2px;
    font: x-small "Arial", "Helvitica", sans-serif;
    color: black;
}
.TAFTRATES TABLE TR TD.regions_rates_table_fields {
    padding-left: 15px;
    font: x-small "Arial", "Helvitica", sans-serif;
    color: red;
}
.TAFTRATES TABLE TR TD.regions_rates_table_row1, .TAFTRATES TABLE TR TD.regions_rates_table_row2 {
    margin: 0px;
    background-color: #ccc;
    font: x-small "Arial", "Helvitica", sans-serif;
    color: black;
    border-bottom: 3px solid white;
}

/*---- RELATED LINKS ----*/
.TAFTLINKS {
    float: right;
    margin: 0px 0px 10px 10px;
    width: 140px;
    background-image: url('/templates/upstate/media/region-slice.jpg');
    padding: 5px 5px 10px 5px;
    color: white;
    font-size: x-small;
}
.TAFTLINKS H2 {
    font: medium "Arial", sans-serif;
    color: #d08416;
    padding: 0px;
    margin: 0px;
}
.TAFTLINKS UL {
    margin: 0px;
    padding: 0px;
}
.TAFTLINKS UL LI {
    margin: 0px 0px 3px 20px;
    padding: 0px;
    color: white;
}
.TAFTLINKS UL LI A {
    color: white;
}    

/*---- CMS CONTENT ----*/
#cms_content {
    width: 468px;
    padding: 10px 5px 5px 15px;
    margin: 0px;
    font: small "Arial", sans-serif;
}
#cms_content H1 {
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    font: medium "Arial", sans-serif;
    color: #576321;
    font-weight: bold;
}
#cms_content H2 {
    font: medium "Arial", sans-serif;
    color: #d08416;
}
#cms_content UL {
    margin: 0px;
    padding: 0px;
}
#cms_content UL LI {
    margin: 0px 0px 5px 30px;
    padding: 0px;
}
    

/*---- INTERIOR PAGE RATES TABLE ----*/
.content_rates_category1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #576321;
	text-decoration: none;
}

.content_rates_notes {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	color: black;
	margin-left: 20px;
	margin: 20px;
}

.content_rates_table{
	width: 100%;
	border: 1px solid black;
}
.content_rates_table_title {
	background-color: #576321;
	color: white;
	font-size: 14px;
	font-weight: bold;
}
.content_rates_table_effectivedate {
	background-color: white;
	font-size: 12px;
	font-weight: normal;
	color: #576321;
	text-align: right;
}

.content_rates_table_fields {
	background-color: white;
	font-size: 12px;
	font-weight: bold;
	color: #576321;
}

.content_rates_table_row1 {
	background-color: #dfa95c;
	font-size: 12px;
	color: black;
}
.content_rates_table_row2 {
	background-color: white;
	font-size: 12px;
	color: black;
}
.content_rates_table_row_highlight {
	background-color: #B15726;
	font-size: 12px;
	color: black;
}


/*---- WEB FORM ----*/
FORM.webform TR TD SPAN.required {
    color: red;
    font-weight: bold;
}
FORM.webform TR TD.required_legend SPAN.required_legend {
    font-style: italic;
    font-weight: bold;
}
FORM.webform TR TD.required_legend {
    border-bottom: 1px solid #000000;
}
.iframe {position: relative; border-top: solid 1px white; border-bottom: solid 1px white; left: 25px;}

.code_block {overflow: hidden; width: 234px; position: relative; float: right;} /* 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 {}
.code_block_indiv_content {width: 214px; margin: 10px 0px 0px 10px;}
.code_block_indiv_bttm { margin-bottom: 10px;}

.code_block_indiv_content h1 {margin: 0px 0px 10px 0px; clear: both}