/* Facing the Mortgage Crisis Style Sheet */

#sidebar_a, #sidebar_b, #content {display: none;}

#contentleft {float: left; width: 170px; min-height: 600px; margin-bottom: 10px; padding: 0 5px 0 5px;}
#contentright {float: right; width: 810px; min-height: 600px; margin: 0 5px 10px 0;}
#background {background: url(/common/images/mortgage/paper.jpg) top left no-repeat; position: relative;}
#cpb {position: absolute; top: 10px; right: 10px; width: 230px; text-align: right; font: .65em/1.2em Arial, sans-serif;}
#cpb img {float: right; margin-left: 5px;}

a img {border: 0;}

#column1 {float: left; width: 460px; padding: 10px 10px 0 0; margin: 0;}
#column2 {float: left; width: 340px; padding: 10px 0 0 0; margin: 0;}

.subnav {font: 0.7em/1.4em Tahoma, sans-serif; letter-spacing: 1px; color: #FCFAF3; margin: 0 0 10px 0; border-left: 4px solid #53030C;}
.subnav ul {list-style: none; margin: 0; padding: 0;}
.subnav li {display: block; margin: 0; padding: 0;}
.subnav a:link, .subnav a:visited {background-color: #FCFAF3; color: #000; text-decoration: none; display: block; margin: 0.3em 0 0.3em 0; padding-left: 0.5em; height: 1%; /* IE6 hack */}
.subnav li a:hover {background-color: #53030C; color: #FCFAF3; padding-left: 0.5em; height: 1%; /* IE6 hack */}
.subnav .title {font: bold 1em/1.3em Tahoma, sans-serif; color: #FCFAF3; background-color: #53030C; margin: 0; padding: 2px 3px 2px 3px;}

.subnav .catmenu {letter-spacing: 0;}

#column1 .box {border: 0; padding: 10px; margin-bottom: 20px; background: white url(/common/images/mortgage/paper2.jpg) top left no-repeat;}
#column1 .box p {font: .7em/1.3em Arial, sans-serif; margin: 0; padding: 0;}
#column2 .box {border: 0; padding: 10px; background: white url(/common/images/mortgage/box_back.gif) top left repeat-x; border-top: 1px solid #CCC; border-right: 1px solid #999;}
#column2 .box p {font: .7em/1.3em Arial, sans-serif; margin: 0 0 10px 0; padding: 0;}
#column1 .box a:link, #column1 .box a:visited, #column1 .box a:active, #column2 .box a:link, #column2 .box a:visited, #column2 .box a:active {color: #53030C;}
#column1 .box a:hover, #column2 .box a:hover {text-decoration: none; color: white; background-color: #53030C;}
#contentleft a:link, #column1 a:link, #contentleft a:visited, #column1 a:visited, #contentleft a:active, #column1 a:active {color: #53030C;}
#contentleft a:hover, #column1 a:hover {text-decoration: none; color: white; background-color: #53030C;}

#contentleft a:hover img {background-color: white;}

h1 {font: bold 1em/1.2em Arial, sans-serif; margin: 0 0 10px 0; border-bottom: 0; color: #53030C;}

h2 {font: bold .90em/1.1em Arial, sans-serif; color: #53030C; border-bottom: 0; margin: 0 0 5px 0; padding: 0; text-align: left;}
h2 span {font: italic .75em/1.2em Georgia, serif; color: #53030C;}
h2 a:link, h2 a:visited, h2 a:active {color: #53030C;}
h2 a:hover {text-decoration: none; color: black;}

p, #column1 li {font: .75em/1.5em Arial, sans-serif; margin: 0 0 10px 0; padding: 0;}

.box h1 {font: .7em/1.3em Arial, sans-serif; margin: 0 0 5px 0; padding: 3px 10px; border-bottom: 0; color: white; background: #A58D63 url(/common/images/mortgage/h1_back.gif) top left repeat-x; text-align: center; text-transform: uppercase;}