html {overflow: -moz-scrollbars-vertical;}
body {background: #676e38 url('/templates/interra/images/background.jpg') repeat-x; font-family: arial, sans-serif; font-size: 12px; }

td, p, li {font-size: 12px;}
.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.marginal {margin: 0px 6px 6px 0px;}
.border {border: solid 1px red;}

h1 {color: #5b2301; font-size: 18px; font-family: arial, sans-serif; margin-top: 0px;}
h2, .content_rates_category1 {color: #013451; font-size: 16px; margin-top: 0px}
h3, .content_rates_table_title  {color: #676e39; font-size: 14px; font-weight: bold}
h4 {color: #002878; font-size: 12px;}
h5 {color: #002878; font-size: 12px; font-weight: normal; font-style: italic; }
h6 {color: white; font-size: 16px; display: inline; position: relative; top: 5px; left: 10px;}


a  {color: #013451; text-decoration: underline;}
a:hover {color: #5b2301; text-decoration: underline;}

.content_rates_table {margin-bottom: 20px; width: 100%; border-collapse: collapse; border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: outset outset outset outset;	border-color: #676e39;}
.content_rates_table_fields {background-color:  #676e38; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #ece3ba;}
.content_rates_table_row_highlight {color: #0a6104;}

.content_rates_table_fields, .content_rates_table_row1, .content_rates_table_row2, .content_rates_table_row_highlight {border-width: 1px 1px 1px 1px; border-color: #676e39;border-style: inset inset inset inset;}


.page { background: url(/templates/interra/images/center-slice.png) repeat-y; width: 730px; position: relative; left: 50%; margin-left: -390px; padding: 25px 25px 0px 24px;}
.bottomshadow {width: 780px; position: relative; left: 50%; margin-left: -390px; background: url(/templates/interra/images/center-bottom.png) no-repeat;  height: 23px;}

.searchtab {background: url(/templates/interra/images/search.gif) no-repeat; width: 260px; height: 48px; margin-top: 18px;}
.linkspace {position: relative; float: right; width: 450px; border: solid 0px red; left: -15px;}
a.links {color: #5b2301; font-size: 11px; position: relative; float: right; text-decoration: none;}
a.links:hover {color: #013451; text-decoration: underline;}
.pipe {position: relative; float: right; color: #5b2301; margin: 0px 5px 0px 5px; font-size: 10px;}
.search {}
.searchbox {position: relative; top: 12px; left: 65px; border: solid white 1px;}
.go {position: relative; top: 14px; left: 75px;}

.logo {position: relative; float: right;}

.menu {width: 750px;}
.curve {text-align: right; width: 730px;}

.center {margin: 52px 10px 10px 10px ; width: 750px; clear: both; position: relative; float: left; }
.center2 {margin: 52px 0px 10px 0px ; width: 750px; clear: both; position: relative; float: left;}

.right {width: 185px;}
.login {background: url(/templates/interra/images/Online-Banking.jpg) no-repeat; width: 185px; height: 98px; margin-bottom: 7px;}
.loginform {position: relative; top: 25px; left: 3px; border: solid 0px yellow;}
.loginbox {width: 110px; font-size: 11px;}
.loglinks {position: relative; top: 10px; left: 5px;}
.loginbutton {top: -15px; left: -15px;}

.loginbutton_ff3 {top: 5px; left: 15px;}
.loglinks_ff3 {position: relative; top: 40px; left: 5px;}
.loginform_ff3 {top: 45px; left: 3px; border: solid 0px yellow;}

a.loginlinks {font-size: 10px; color: white; text-decoration: none;}
a.loginlinks:hover {color: white; text-decoration: underline;}
.loginpipe{font-size: 10px; color: white; margin: 0px 4px 0px 4px;}
.lock {top: 12px; left: -7px;}

.quickbox {width: 220px; margin-top: 10px;}
.quicklist {background-color: #ece3ba; width: 200px; font-weight: bold; border: solid 1px #676e39;}

.spin {background: url(/templates/interra/images/whats-new-background2.gif) no-repeat; width: 267px; height: 140px; padding:  10px 10px 12px 10px;border: solid 0px red;}
.spinbit {width: 115px; border: solid 0px red;}
.spinpic {margin: 10px 0px 0px 0px;}
a.numblink {color: #13451; text-decoration: none; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 10px; font-weight: bold;}
a.numblink:hover {color: #13451; text-decoration: underline; font-weight: bold;}

.whats_new {display: none; height: 160px; position: relative; left: -45px;}
.adnav {position: relative; top: 129px; left: 175px;}

.spin p {font-size: 12px; font-family: arial,sans-serif;} 
a.onlink {color: #13451; text-decoration: underline; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 10px; font-weight: bold;}
a.onlink:hover {color: #13451; text-decoration: underline; font-weight: bold;}

.ratesbox {background: url(/templates/interra/images/Rates-background-no-text2.gif) no-repeat; width: 169px; height: 140px; padding: 10px 10px 10px 10px;}
a.rateslist {color: #013451; text-decoration: underline; margin-bottom: 5px; font-weight: bold;}
a.rateslist:hover {color: #5b2301;}

a.podlink {color: white; font-size: 10px; text-decoration: none; font-weight: bold; position: relative; padding-top: 13px; background: url(/templates/interra/images/Podcasts.jpg) no-repeat; width: 479px; height: 24px; text-align: center; display: block; border: solid 0px red;}
a.podlink:hover {color: white; font-size: 10px; text-decoration: underline; font-weight: bold;}

.shoe {background: url(/templates/interra/images/bottom.jpg) no-repeat; clear: both; width: 752px; height:  86px; position: relative; left: -11px;}
.footlinks {top: 12px; left: -15px; width: 450px;}
.leftfoot {top: 12px; left: 20px;}
a.boldfoot {color: white; font-size: 11px; text-decoration: none; font-weight: normal;font-weight: bold;}
a.boldfoot:hover {color: white; font-size: 11px; text-decoration: underline; font-weight: bold;}


a.footlink {color: white; font-size: 11px; text-decoration: none; font-weight: normal;}
a.footlink:hover {color: white; font-size: 11px; text-decoration: underline; font-weight: normal;}
.whitepipe {color: white; font-size: 11px; font-weight: bold; margin: 0px 5px 0px 5px;}

.lowerlinks {top: 40px; left: -20px; width: 300px;}

.left {width: 180px;}
.leftbox {background: url(/templates/interra/images/inside-left-slice.jpg) repeat-y; padding: 0px 10px 0px 10px; width: 154px;}
a.submenu, a.subsub {clear: both; margin-top: 10px; color: black; text-decoration: none; width: 150px;}
a.submenu:hover, a.subsub:hover {color: #013451; text-decoration: underline;}
a.subsub {margin-left: 20px;}

.content {padding: 0px 0px 20px 20px; WIDTH: 525px;}
.breadcrumb {font-size: 10px; margin-bottom: 20px;}

.column {width: 174px; margin-left: 10px;}
.right2 {background: url(/templates/interra/images/inside-right-slice.jpg) repeat-y; padding-left: 5px; width: 169px;}
.region {background-color: white; padding: 10px; margin-bottom: 5px; width: 139px;}
.region ul {list-style-type: none; padding-left: 0px;}
.region li {margin-top: 10px;}
a.regionlink {color: black; text-decoration: underline;}
a.regionlink:hover {color: #5b2301; text-decoration: underline;}
.banner {padding-bottom: 5px;}


.required_legend {font-size: 10px;}
.interra_contact table td {font-size: 11px;}

.logos, .logos2 {top: 30px; left: 10px; width: 370px;}
.logosx, .logos2x {margin: 30px 0px 0px 15px; width: 370px;}


/*Rust - 5b2301 (home page headers)

Light beige - 5b2301 #ece3ba (for Quick Links drop down backgrounds) 

Beige - d5c368

Blue – 013451 (inside page headers, region headers, 1234 in “What’s New Area” and Rates links)

Green - 676e39 (background)

*/


.content_calendar_table	{border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #676e39;
	border-collapse: collapse;}
.content_calendar_table_headercell {text-align: center; font-weight: bold; color: white; background-color: #676e39; height: 30px;}

.content_calendar_table_cell{ border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #676e39; padding: 2px; height: 100px; font-size: 10px;}
	
.content_calendar_table_selectedcell{ border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	background-color: #EBE4B8;
	border-color: #676e39; padding: 2px; height: 100px; font-size: 10px;}

.content_calendar_table_headercell a {font-weight: bold; color: white; text-decoration: none; padding: 2px;}
.content_calendar_table_headercell a:hover {font-weight: bold; color: #676e39; text-decoration: none;background-color:white ;}

.footnote {font-size: 10px; line-height: .9; margin-top: 7px; clear: both}
.footnoter {position: relative; top: 7px; }

.footnote2 {font-size: 10px; line-height: .9; margin: 10px 17px 0px 0px; width: 270px;}
.footnoted {}
.footnote3 {margin: 10px 0px 0px 15px; }
.footnote4 {margin: 10px 80px 0px 0px; }

.tenpix {font-size: 10px;}
.atepix{font-size: 9px;}
.twlvpix{font-size: 12px;}