#wrapper { overflow: hidden; _height: 1%;}
#wrapper #header { margin-bottom: 5px;}
#container { font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: left; width: 640px; margin-right: 15px; margin-left: 5px;}
#container h2,
#container p { margin: 0px;}
#container h2 { color: #49539C; font-size: 22px; margin-bottom: 5px; font-weight: normal;}
#container h3,
#sidebar h3 { color: #660000; font-size: 12px; margin: 10px 0px 3px;}
#container h3.AboutHSH { font-size: 14px; color: #660000; margin: 0px; line-height: 18px;}
#container h3.OtherTools { margin-top: 45px;}
#container p { font-size: 12px; line-height: 18px; color: #000; margin: 0px 0px 10px; width: 612px; margin-bottom: 25px;}
#container .Section { margin: 30px 0px; }
#container .Section h3.Title,
#sidebar h3.Title { font-family: Arial, sans-serif;  font-weight: bolder;  margin: 10px 0px 0px; padding: 0px;}
#container .Section h3.RateTrendHeader { margin-left: 25px;}
#container .Section p { font-size: 11px; line-height: 14px; width: 432px; margin-bottom: 15px;}
#container .Section p a { text-decoration: underline; color: #000; font-size: 11px;}
#container .Section table { font-family: Arial, sans-serif; font-size: 11px; color: #000;}
#container .Section .RateTable { background: #F5F5EF; border: 1px solid #D1D1B6; width: 469px; margin-top: 3px; margin-bottom: 10px;}
#container .Section .RateTable table { margin: 12px 14px 0px; width: 440px; border: 1px solid #ACAA7A; }
#container .Section .RateTable table tr { background: #FFF; height: 22px;}
#container .Section .RateTable table tr.Header { background: #E0DFCD; height: 34px;}
#container .Section .RateTable table tr th { font-size: 12px; font-weight: normal; border-left: 1px solid #ACAA7A; text-align: center;}
#container .Section .RateTable table tr th.First { border: none; width: 198px;}
#container .Section .RateTable table tr th.Latest { width: 97px;}
#container .Section .RateTable table tr th.Yesterday { width: 93px;}
#container .Section .RateTable table tr th.WeekAgo { width: 87px;}
#container .Section .RateTable table tr.Even { background: #E8F4F9;}
#container .Section .RateTable table tr td { text-align: center; border-left: 1px solid #ACAA7A;}
#container .Section .RateTable table tr td.Title { font-weight: bolder; padding-left: 5px; text-align: left; border: none;}
#container .Section .RateTable table tr td.WeekAgo { text-align: left; padding-left: 13px;}
#container .Section .RateTable p { margin: 3px 0px 3px 20px; font-size: 11px;}

#container .Section .RateTable table.HistoricalData { margin: 14px 0px 12px 24px; width: 427px;}
#container .Section .RateTable table.HistoricalData tr.Header { height: 38px;}
#container .Section .RateTable table.HistoricalData tr th { color: #660000; font-weight: bolder; text-align: left; padding-left: 15px; border: none;}
#container .Section .RateTable table.HistoricalData tr th.Year { padding-left: 5px; padding-top: 3px;}
#container .Section .RateTable table.HistoricalData tr th span { display: block; font-weight: normal; color: #000; margin-top: 3px;}
#container .Section .RateTable table.HistoricalData tr td { text-align: left; padding-left: 15px;}
#container .Section .RateTable table.HistoricalData tr td span { display: block; line-height: 27px;}
#container .Section .MonthlyData { margin-left: 60px;}

#container .Section .Chart { width: 490px; height: 479px; border: 1px solid #d1d1b7; background: #f5f5ef; margin-bottom: 16px;}
#container .Section .Chart table {    
    font-size: 12px;
    background: #fcfcf8;
    width: 462px;
    height: 448px;
    margin: 15px 12px;
    border-right: 1px solid #e6e3d5;
    border-bottom: 1px solid #e6e3d5;    
}
#container .Section .Chart table th { padding: 16px 0px 16px 4px; color: #660000; font-weight: bolder; border-left: 1px solid #e6e3d5; border-top: 1px solid #e6e3d5; text-align: left;}
#container .Section .Chart table tr.LastRow {border-bottom: 1px solid #e6e3d5;}
#container .Section .Chart table td {padding: 16px 0px 0px 0px; width: 95px; text-align: center; border-left: 1px solid #e6e3d5; border-top: 1px solid #e6e3d5;}
#container .Section .Chart table td ul {margin: 0px; padding: 0px; line-height: 18px;}
#container .Section .Chart table td ul li {list-style: none;}
#container .Section .Chart table td ul li a {color: #000;}
#container #averagesTable {margin: 8px auto; width: 491px;}
#container #averagesTable .ContentInside {
    width: 491px;
    height: 490px;
    margin: 7px 0px;
    border: 1px solid #d1d1b6;
    background-color: #f5f5ef;
}
#container #averagesTable .ContentInside table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #e7e4d6;
    width: 445px;
    height: 445px;
    margin: 21px;
}
#container #averagesTable .ContentInside table tr {height: 30px; border: none; padding:0px;}
#container #averagesTable .ContentInside table th {
    text-align: center;
    font-weight: normal;
    padding: 12px 0px;
    padding: 0px;
}
#container #averagesTable .ContentInside table th.FirstCol {width: 79px; line-height: 30px;}
#container #averagesTable .ContentInside table th.FirstHead {
    width: 120px;
    font-weight: bolder;
    border-left: 1px solid #d1d1b6;
}
#container #averagesTable .ContentInside table th.FirstHead a {color: #660000;}
#container #averagesTable .ContentInside table th.SpecialHead {font-weight: bolder; border-bottom: 1px solid #d1d1b6;}
#container #averagesTable .ContentInside table th.HeadTitle {border-bottom: 1px solid #d1d1b6;}
#container #averagesTable .ContentInside table th.LeftCol {border-left: 1px solid #d1d1b6;}
#container #averagesTable .ContentInside table tr.Even {background-color: #fcfcf8;}
#container #averagesTable .ContentInside table tr.Odd {background-color: #e8f4f9;}
#container #averagesTable .ContentInside table tr.Head {color: #660000;}
#container #averagesTable .ContentInside table tbody tr td {width: 60px; font-weight: bolder; text-align: center; padding: 0px; border-left: 1px solid #d1d1b6; border-left-width: 1px;}
#container .RateTrends {
    width: 600px;
    height: 301px;
    border: 1px solid #d1d1b6;
    background: #f5f5ef;
    margin: 9px auto 90px;
    text-align: center;
}
#container .RateTrends img {margin: 37px auto;}

/* sidebar */
#sidebar { float: left; width: 300px; margin-top: 10px;}
#sidebar h3 { border: none; margin: 0px; }
#sidebar .Bulletin { background: #F6FBFD; border: 1px solid #5664AB; width: 300px; height: 363px;}
#sidebar .Bulletin h3 { margin-left: 8px; margin-bottom: 10px;}
#sidebar .Bulletin .Group { margin: 0px 0px 0px 8px; width: 282px;}
#sidebar .Bulletin .Group h4 { font-family: Arial, sans-serif; font-size: 11px; line-height: 18px; color: #FF3300; margin: 0px;}
#sidebar .Bulletin p { margin: 0px 0px 20px; line-height: 18px;}
#sidebar .Section { margin: 22px auto; width: 259px; text-align: center;}
#sidebar .Section h3 { font-family: Arial, Helvetica, sans-serif; padding-bottom: 0px; text-align: left;}
#sidebar .Section h3.ResourcesHeader { margin-left: 4px; }
#sidebar .Section h3.CompareMortgageRates {
    background: url('/archive_site/images/bg-mortgagerates.gif') no-repeat;   
    color: #fff;    
    font-size: 16px;
    font-weight: bolder;
    padding-left: 15px;
    padding-bottom: 0px;
    margin-left: 0px;
    line-height: 35px;
}
#sidebar .Section h3.MortgageQuotes {
    font-size: 16px;
    font-weight: bolder;
    color: #fff;
    background: url('/archive_site/images/header-mortgage-quotes.png') no-repeat;    
    height: 29px;
    line-height: 29px;
    margin-left: 0px;
    padding-left: 23px
}
#sidebar .Section form,
#sidebar .Section fieldset { margin: 0px; padding: 0px; border: none; text-align: left; }
#sidebar .Section form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#sidebar .Section form select { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#sidebar .Section form button { outline: none; display: block; border: none;}
#sidebar .Section .MortgageRateForm { background:#F5F5EF; border: 1px solid  #E0DFCD; padding: 12px 0px 0px 12px; }
#sidebar .Section .MortgageRateForm .Input { margin-bottom: 12px;}
#sidebar .Section .MortgageRateForm .Input label { font-weight: bolder; width: 218px; display: block; color: #000;}
#sidebar .Section .MortgageRateForm .Input select,
#sidebar .Section .MortgageRateForm .Input input { width: 218px; margin-top: 3px; border: 1px solid #bfcdd6; height: 19px; }
#sidebar .Section .MortgageRateForm .Input input { width: 131px;}
#sidebar .Section .MortgageRateForm .LoanAmount { margin-bottom: 5px;}
#sidebar .Section .MortgageRateForm .Output { margin: 32px auto 22px; text-align: center;}
#sidebar .Section .MortgageRateForm .Output button {
    text-indent: -9999px;    
    background: url('/archive_site/images/btn-submit.gif') no-repeat;
    width: 104px;
    height: 22px;
    padding: 0px;
    margin: 0px auto;
}
#sidebar .Section .Resources { width: 259px; border: 1px solid #D8DBED; background: #F4FBFD; padding: 10px 0px 15px; margin-top: 5px; text-align: left;}
#sidebar .Section .Resources ul { list-style: none; padding-left: 0px; margin: 0px 0px 0px 22px; }
#sidebar .Section .Resources ul li { background: url('/archive_site/images/black-bullet.gif') no-repeat left 8px; padding-left: 11px;}
#sidebar .Section .Resources ul li a { text-decoration: underline; color: #000; font-size: 12px; line-height: 18px;}
#sidebar .Section .Resources ul li span { display: block; font-weight: bolder; font-size: 12px; line-height: 18px;}
#sidebar .Section .OtherStatistics ul { margin-left: 15px;}
#sidebar .Section .MortgageQuotesForm { border: 1px solid #D8DBED; background: #F4FBFD; padding-top: 19px;}
#sidebar .Section .MortgageQuotesForm .Input { margin-left: 10px; margin-bottom: 6px; overflow: hidden; _height: 1%;}
#sidebar .Section .MortgageQuotesForm .Input label { float: left; width: 79px; text-align: left; margin-right: 3px; }
#sidebar .Section .MortgageQuotesForm .Input select { float: left; width: 160px; height: 18px; }
#sidebar .Section .MortgageQuotesForm .Input select.CreditRating { width: 114px;}
#sidebar .Section .MortgageQuotesForm .Output { margin: 27px 0px 14px;}
#sidebar .Section .PopularSearches { border: 1px solid #D8DBED; background-color: #F4FBFD; padding: 10px 15px 15px 8px; margin-top: 2px; }
#sidebar .Section .PopularSearches p { margin: 0px; text-align: justify;}
#sidebar .Section .PopularSearches p a { text-decoration: none; font-size: 12px; color: #49539C;}
#sidebar .SectionFirst,
#sidebar .SectionFirst h3 { margin-top: 0px;}
#sidebar .GiveFunAd a {text-decoration: none; color: #fff;}
#sidebar .GiveFunAd a img {border: none;}

/** containerBottom */
#containerBottom { float: left; width: 965px; font-family: Arial, Helvetica, sans-serif;  margin-bottom: 50px;}
#containerBottom form,
#containerBottom fieldset { margin: 0px; padding: 0px; border: none;}
#containerBottom .Resources { float: left; width: 537px; }
#containerBottom .Resources h3 { border-bottom: #000 1px groove !important; margin: 0px 0px 10px; font-size: 14px; padding-bottom: 3px; color: #660000; }
#containerBottom .Resources h4 { font-size: 12px; font-weight: bolder; line-height: normal; margin: 0px 0px 3px;  }
#containerBottom .Resources a { font-size: 12px; color: #000; line-height: 18px;}
#containerBottom .Resources .MortgageCalculators h4,
#containerBottom .Resources .MortgageCalculators ul li a  { margin-left: 10px; }
#containerBottom .Resources ul { list-style-type: none; list-style-position: outside; padding: 0px; margin: 0px; }
#containerBottom .Resources .MortgageCalculators { float: left; width: 176px; background: transparent url('/archive_site/images/seperate.gif') no-repeat right center; margin-right: 20px; }
#containerBottom .MortgageQuotesforLender { float: right; width: 396px; background: #F4FBFD; margin-top: 15px;}
#containerBottom .MortgageQuotesforLender h3 {
    margin: 0px;
    padding: 0px;
    background: url('/archive_site/images/bg-mortgageQuoteLender.png') no-repeat top left;
    height: 29px;
    font-size: 14px;
    color: #FFF;
    line-height: 29px;
    padding-left: 33px;
}
#containerBottom .MortgageQuotesforLender form { padding: 10px 0px 0px; font-size: 12px; border: 1px solid #E0E5F2; font-size: 12px; }
#containerBottom .MortgageQuotesforLender form .Input { margin-left: 40px; overflow: hidden; margin-top: 5px;  _height: 1%;}
#containerBottom .MortgageQuotesforLender form .Input label { float: left; width: 81px; margin-right: 5px; text-align:left; margin-right: 10px;}
#containerBottom .MortgageQuotesforLender form .Input  select { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 160px;}
#containerBottom .MortgageQuotesforLender form .Input  select.CreditRating { width: 113px;}
#containerBottom .MortgageQuotesforLender form .Output {margin: 20px 0px 20px 140px; }

/** mortgagesList */
#wrapper #mortgagesList { clear: both; width: 976px; height: 165px; background: #49539C; color: #FFF; border-top: 1px solid #969ECA; margin-bottom: 10px; margin-left: 5px; overflow: hidden;}
#wrapper #mortgagesList  a { text-decoration: underline; color: #FFF;}
#wrapper #mortgagesList h3 { font-size: 12px; margin: 7px 0px 0px; padding-left: 14px; padding-bottom: 13px; font-weight: normal;}
#wrapper #mortgagesList .Left,
#wrapper #mortgagesList .Right {float: left; width: 480px; font-family: Arial, Helvetica, sans-serif; border-top: 1px solid #FFF;}
#wrapper #mortgagesList .Left .MortgagesInnerContent,  
#wrapper #mortgagesList .Left h3 { border-right: 1px solid #FFF;}
#wrapper #mortgagesList .Right .MortgagesInnerContent,
#wrapper #mortgagesList .Right h3 { border-left: 1px solid #000; }
#wrapper #mortgagesList .MortgagesInnerContent { margin-left: 15px; overflow: hidden; _height: 1%; padding-bottom: 15px;}
#wrapper #mortgagesList .MortgagesInnerContent ul { margin: 0px; float: left; width: 109px; list-style: none; padding-left: 0px; margin-right: 5px;  }
#wrapper #mortgagesList .MortgagesInnerContent ul.Last { margin-right: 0px;}
#wrapper #mortgagesList .MortgagesInnerContent ul li {  background: url('/archive_site/images/white-bullet.gif') no-repeat left 8px; padding-left: 11px; }
#wrapper #mortgagesList .MortgagesInnerContent ul li a { font-size: 11px; line-height: 18px;}
#wrapper #mortgagesList .Right { width: 496px;}
#wrapper #mortgagesList .Right .MortgagesInnerContent  { padding-left: 22px; margin-left: 0px;}
#wrapper #mortgagesList .Right h3 { padding-left: 25px;}