@charset "utf-8";
/* CSS Document */

body {
background-color:#CCCCCC;
}

body, p, td, div {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:180%;
}


a {
color:#AC5903;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:none;
}

div p, h1, h2, h3, h4, h5, h6, form {
margin:5px;
}

p {
text-align:justify;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
}

.left {
float:left;
margin-right:5px;
}

.right {
float:right;
margin-left:10px;
}

h1 {
font-size:14px;
}

h2 {
font-size:13px;
}

h3 {
font-size:12px;
}

h4 {
font-size:12px;
}


#Main {
width:760px;
margin:auto;
}

#Header {
height:130px;
}

#Head {
background-color:white;
height:100px;
}

#Shadow {
height:30px;
background-image:url(images/shadow.jpg);
background-repeat:repeat-x;
background-position:top;
}

#Logo {
margin-left:514px;
margin-top:10px;
}

#Flash {
float:left;
margin-left:10PX;
margin-top:10PX;
}

#BannerRow {
background-color:white;
height:200px;
width:760px;
padding-top:5px;
position:absolute;
text-align:left;
}

#Navbar {
width:170px;
height:190px;
position:absolute;
left:0px;
z-index:10;
}

#Navbar ul {
list-style:none;
margin:0px;
padding:0px;
}

#Navbar ul li {
height:20px;
width:170px;
border:1px solid #DDDDDD;
background-image:url(images/navbar_bg.jpg);
margin-top:5px;
padding-top:5px;
}

#Navbar ul li:hover {
background-image:url(images/navbar_bg_over.jpg);
border:1px solid #999999;
}


#Navbar ul li a {
color:#999999;
font-size:12px;
font-weight:bold;
margin-left:10px;
text-decoration:none;
}

#Navbar ul li:hover a {
color:#444444;
}

#Navbar ul li img {
float:right;
margin-right:10px;
padding-top:5px;
}

#SearchForm {
width:165px;
margin:0px;
margin-top:5px;
margin-left:5px;
margin-right:0px;
padding:0px;
font-weight:bold;
}

#SearchForm input {
font-size:11px;
width:110px;
height:16px;
}

#SearchForm img {
float:right;
padding-top:1px;
margin-right:10px;
}

#Banner {
width:420px;
position:absolute;
margin-left:190px;
z-index:0;
}

#Banner img {
}

#News {
width:160px;
background-color:#EEEEEE;
height:190px;
position:absolute;
margin-left:600px;
}

#News h1 {
text-align:center;
background-color:#CCCCCC;
font-size:14px;
padding:5px;
}

#News ul {
list-style:none;
margin:0px;
padding:0px;
}

#News ul li {
height:38px;
width:138px;
background-color:#DDDDDD;
margin-top:5px;
margin-left:5px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
border:1px solid #DDDDDD;
}

#News ul li:hover {
border:1px solid #999999;
background-color:#CCCCCC;
}

#HomeBody {
position:absolute;
margin-top:195px;
height:200px;
width:760px;
padding-bottom:10px;
background-color:#FFFFFF;
}

#LoginPanel {
width:170px;
min-height:175px;
position:absolute;
margin-top:230px;

}

#HomeLoginPanel {
width:170px;
min-height:175px;
position:absolute;
margin-top:0px;
padding-left:5px;
}

#Body{
position:absolute;
z-index:-1;
}

#LoginForm {
padding:0px;
width:180px;
}

#LoginPanel img {
margin-left:5px;
}

#LoginForm input {
width:100px;
margin-top:5px;
}

#Welcome {
width:390px;
min-height:175px;
position:absolute;
margin-left:190px;
background-color:white;
z-index:0;
}

#Welcome p {
font-size:11px;
line-height:160%;
}

#OpenAccount {
width:200px;
height:175px;
position:absolute;
margin-left:585px;
padding:0px;
}

#OpenAccount fieldset {
width:160px;
padding:0px;
border:1px solid #CCCCCC; 
}

#OpenAccount fieldset legend {
font-weight:bold;
color:#666666;
margin-left:10px;
}

#OpenAccount fieldset ul {
margin:0px;
padding:0px;
list-style:none;
}

#OpenAccount fieldset li {
float:left;
padding-left:5px;
padding-bottom:0px;
width:70px;
}

#OpenAccount fieldset li input {
width:65px;
}

#OpenAccount fieldset #EmailSpan {
width:160px;
}

#OpenAccount fieldset #Email {
width:140px;
}

#OpenAccount fieldset #Submit {
margin:5px;
}

#Footer {
height:30px;
width:760px;
margin-top:475px;
background:white;
position:absolute;
}

#HomeFooter {
height:30px;
width:760px;
margin-top:425px;
background:white;
position:absolute;
}

#GreyBar, #OrangeBar {
height:30px;
}

#GreyBar {
background-color:#424B52;
width:180px;
position:absolute;
}

#OrangeBar {
background-color:#DD4F05;
position:absolute;
width:570px;
margin-left:190px;
}

#Subsidiaries {
margin-top:10px;
margin-right:10px;
}

#Footnote {
top:40px;
text-align:center;
width:760px;
position:absolute;
color:#333333;
}

#HomeFootnote {
top:40px;
text-align:left;
width:760px;
position:absolute;
color:#333333;
}

#HomeFootnote p {
margin-top:10px;
text-align:left;
color:#333333;
line-height:130%;
}

#Footnote p {
margin-top:10px;
text-align:center;
color:#333333;
line-height:130%;
}

#Subsidiaries a {
color:#FFFFFF;
}

input:hover {
border-color:#DD4F05;
}

#PageContent {
margin-left:190px;
margin-top:0px;
margin-bottom:10px;
height:425px;
padding-left:5px;
width:570px;
padding-top:20px;
padding-bottom:15px;
background-color:white;
position:absolute;
z-index:1;
}

#DisplayPane {
overflow-y:auto;
height:410px;
}

#DisplayPane p{
padding-right:10px;
}

#NavCol {
width:180px;
height:460px;
background:white;
position:absolute;
z-index:10;
}

#RelatedPane {
width:180px;
margin-left:373px;
margin-top:-410px;
background-color:white;
max-height:400px;
position:absolute;
z-index:11;
margin-bottom:-100px;
}

#RelatedPane img:hover {
cursor:pointer;
}

#RelatedPages{
display:none;
list-style-type:none;
width:160px;
margin:0px;
margin-top:1px;
margin-left:0px;
padding:0px;
padding-right:10px; 
}

#RelatedPages li {
width:100%;
padding:5px;
border:solid 1px #CCCCCC;
background-color:#CCCCCC;
background-image:url(images/rel_bg.jpg);
background-position:right;
margin:3px;
}

#RelatedPages li:hover {
border:solid 1px white;
background-color:#DD4F05;
}

#RelatedPages li a{
color:#003366;
}


#RelatedPages li a:hover{
color:#FFFFFF;
text-decoration:underline;
}

/*#RelatedPages li:hover a{
/*color:#999999;
color:#FFFFFF;
text-decoration:underline;
}*/

#RelatedPages li.selected {
font-variant:small-caps;
font-weight:bold;
color:#000000;
background:none;
border:none;
}

#RelatedPages li:hover.selected{
border:none;
background:none;
}

#RelatedPages li ul{
list-style-type:none;
font-variant:normal;
font-weight:normal;
width:140px;
padding-top:10px;
margin:0px;
padding:0px;
margin-left:5px;
padding-right:10px;
}

#Subnavs {
width:180px;
margin:auto;
z-index:10;
position:absolute;
margin-left:170px;
/*background-color:white;*/
}

.subnav {
width:170px;
background-color:white;
margin:10px;
display:none;
z-index:10;
}

.subnav ul {
list-style:none;
margin:10px;
margin-left:5px;
padding:0px;
border:1px solid #CCCCCC;
}

.subnav ul li {
padding-left:10px;
height:20px;
padding-top:5px;
border-bottom:1px dotted #CCCCCC;
}

.subnav ul li:hover {
background-color:#DDDDDD;
}

#AboutUs {
margin-top:0px;
}

#ProductsAndServices {
margin-top:35px;
}

#MortgageTools {
margin-top:65px;
}

#Careers {
margin-top:95px;
}

#ContactUs {
margin-top:125px;
}

div.ProductPage {
width:540px;
background-repeat:no-repeat;
padding:5px;
padding-top:110px;
line-height:0;
}

div.ProductPage td {
padding:0px;
margin:0px;
padding-left:5px;
}

div.ProductPage ul {
padding:0px;
margin:0px;
}

#Classic {
background-image:url(images/classic.jpg);

}


#Services {
background-image:url(images/other_services.png);
}

#Comfort{
background-image:url(images/comfort.jpg);
}

#Flex {
background-image:url(images/flex.jpg);
}

#Direct {
background-image:url(images/direct.jpg);
}

#Administration{
background-image:url(images/administrative.jpg);
}

fieldset.application {
float: left;
width: 500px;
padding: 0px;
padding-top:0px;
border: 1px solid #FF6600;
background-color: #F2EFE9;
}

fieldset.application input,fieldset.application select,fieldset.application textarea{
font-size:11px;
border: 1px solid #FF6600;
}
fieldset.submit {
width: 500px;
margin:auto;
padding-top:10px;
text-align:center;
border-style: none;
background-color: transparent;
background-image: none;
display:block;
}

fieldset.submit #submit {
margin:auto;
}

/*fieldset.application label {
float: left;
margin-right: 1em;
}*/

fieldset.application legend {
margin-left: 1em;
padding: 0;
color: #FF6600;
font-weight: bold;
}
fieldset.application ol {
padding: 1em 1em 0 1em;
list-style: none;
}
fieldset.application li {
padding-bottom: 1em;
}

/*fieldset.application label em {
color: #FF0000; 
}*/

#CareersGrid {
margin:auto;
width:480px;
}

#CareersGrid ul {
margin:0px;
padding:0px;
list-style:none;
}

#CareersGrid ul li {
display:inline;
}


#ProductList{
margin:5px;
padding:5px;
display:block;
}
#ProductList li{
display:inline;
width:110px;
padding-right:10px;
text-align:center;
float:left;
}

h4 {
clear:both;
}