/*------------------------------------------------------------------
Navigation CSS

--------------------------------------------------------------------*/


/* Header Navigation 
------------------------------- */
#LeftNav {}
#LeftNav td {padding: 3px 40px 3px 30px;
text-align:left;
vertical-align:middle;
background-color:#8d9cb2
}
#LeftNav a {
    font-size:1.2em;
	color: #ffffff;
}
#LeftNav td a:hover {
    font-size:1.2em;
	color: #ffffff;
	text-decoration: none;
}

#LeftNav td.selected {
	background-color:#425b83;
}

/* Top Navigation
--------------------------------------------------------------------*/
#TopNav {
	position: relative;
/*	width:600px;*/

}
#TopNav ul {
	list-style-type: none;
	list-style-position: outside;
	font-size: 1.2em;
	
}
#TopNav ul li {
	float: left;
	display: inline;
	position: relative;
}
#TopNav ul li a {
	height: 25px;
	float: left;
	text-align: center;
	display: inline;
	color: #808284;
	text-decoration: none;
	padding: 0px;
	background: url(/images/menu_bg.gif) repeat-x 0 100%;
	overflow: hidden;
	line-height: 2.0em;
	vertical-align: bottom;
}
#TopNav ul li a:hover {
	background: url(/images/menu_bg_over_white.gif) ;
	background-repeat: no-repeat;
    color: #1a3966;
}
#TopNav ul li a.selected {
	background: url(/images/menu_bg_over.gif) ;
	background-repeat: no-repeat;
	color: #1a3966;

}
#TopNav ul li.hover a {

}
#TopNav ul li.hoverSub {
	background: url(/images/menu_bg_over_white.gif);
	background-repeat: no-repeat;
}
#TopNav ul li.hoverSub a {

	padding: 0px;
	background-position: 10px -25px;
}

/* Nav Image Replacements
-------------------------------- */
/* Home */
#TopNav ul li.li1 a {
    width: 78px;
}
/*  About Us  */
#TopNav ul li.li2 a {
    width: 101px;
}
/* Newsroom */
#TopNav ul li.li3 a {
    width: 110px;
}
/* Services */
#TopNav ul li.li4 a {
    width: 94px;
}
/* Borrower Center */
#TopNav ul li.li5 a {
    width: 148px;
  
}
/* Careers */
#TopNav ul li.li6 a {
    width: 90px;
}
/*  Locations */
#TopNav ul li.li7 a {
    width: 106px;
}
/* Contact us */
#TopNav ul li.li8 a {
    width: 110px;
}
/*  */
#TopNav ul li.li9 a {
    width: 100px;
}


/* Navigation -> Dropdown
--------------------------------------------------------------------*/
#TopNav ul li div.subnav {
	position: absolute;
	top: 22px;
	left: 0;
	display: none;
	padding: 0 6px 6px 0;
	overflow: hidden;
	/* This box needs a width. Setting inline, as box widths will vary. */
}
#TopNav ul li.hoverSub div.subnav {
	display: block;
}
#TopNav ul li div.subnav div.subnavImg {
	position: absolute;
	right: 0;
	bottom: 0;

}
#TopNav ul li div.subnav div.contentWrapper {
	padding: 3px;
	background: #fff;
	border: 1px solid #fff;
	border-top: 0;
	position: relative;
}
#TopNav ul li div.subnav div.content {
	background: #fff;
	padding: 3px 6px;
	position: relative;
}
#TopNav ul li div.subnav div.col {
	float: left;

}
#TopNav ul li div.subnav div.col.last {
	margin-right: 0;
}
#TopNav ul li div h3 {
	font-size: .8em;
	color: #959595;
	font-style: italic;
	border-bottom: 1px solid #ddd;
	margin: 0 0 3px 6px;
	line-height: 1.5em;
}

#TopNav ul li div ul {
	float: left;
	border-top: 0;
	font-size: .8em;
	height: auto;
	padding-left: 0;
}
#TopNav ul li div ul.sep {
	margin-right: 16px;
}
#TopNav ul li div ul li {
	float: none;
	line-height: 1.1em;
}
#TopNav ul li div ul li a,
#TopNav ul li.selected div ul li a,
#TopNav ul li.hoverSub div ul li a {
	display: block;
	height: auto;
	width: auto;
	float: none;
	text-align: left;
	line-height: 1.5em;
	color: #777;
	padding: 4px 0 4px 6px;
	background: url(/images/bgSubNavArrowOff.gif) no-repeat 0 9px;
	text-indent: 0;
	overflow: auto;
	border: 0;
}
#TopNav ul li div ul li a:hover,
#TopNav ul li.selected div ul li a:hover,
#TopNav ul li.selected div ul li.selected a {
	color: #1a3966;
	background: url(/images/bgSubNavArrowOn.gif) no-repeat 0 9px;
}



/* TopNav -> Search
--------------------------------------------------------------------*/
#TopNav #Search {
    _width: 190px;
    position: absolute;
    top: 3px;
    right: 16px;
}
#TopNav #Search input.text {
    width: 128px;
    height: 1.4em;
    float: left;
    color: #959595;
    font-size: 1em;
    border: 1px solid #ddd;
    background: #fff ;
    padding: 3px 0 0 20px;
    margin-right: 5px;
}

/* Breadcrumb
--------------------------------------------------------------------*/
#Breadcrumb ul {
	list-style-type: none;
	list-style-position: outside;
    color: #009dd9;
    height: 2.3em;
    line-height: 2.4em;
    _line-height: 2.3em;
    padding: 0 12px;
    margin: 0;
    border-bottom: 1px solid #dddfe1;
}
#Breadcrumb ul li {
	font-size: .9em;
	float: left;
	display: inline;
	margin-right: 3px;
}
#Breadcrumb ul li.arrow {
	color: #aaafb4;
}
#Breadcrumb ul li a {
	color: #aaafb4;
}
#Breadcrumb ul li a:hover {
	color: #009dd9;
	text-decoration: none;
}

/* Left Hand Nav
--------------------------------------------------------------------*/
#LeftCol ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 2.0em 10px;
}
#LeftCol ul li {
	font-size: 1.3em;
	margin: 0 0 .5em 0;
	padding: 0 0 0 6px;
	font-weight: normal;
}
#LeftCol ul li a {
    color: #777;
}
#LeftCol ul li a:hover {
    color: #009dd9;
    text-decoration: none;
}
#LeftCol ul li.selected {
    color: #009dd9;
}
#LeftCol ul li.selected a.selected {
    color: #009dd9;
}
#LeftCol ul li ul {
	margin: 6px 0 0 6px;
}
#LeftCol ul li ul li {
	margin: 0 0 .3em 0;
	font-size: .85em;
}
#LeftCol ul li ul li ul {
	margin: 4px 0 0 6px;
}
#LeftCol ul li ul li ul li {
    font-size: 1em;
}
#LeftCol ul li.section {
	margin-top: 10px;
	padding-top: 23px;
}