.dn {
	color: #f0f !important;
	font-size: 11px !important;
	font-weight: normal !important;
}

hr.dn {
	border-color: #f0f;
	background-color: #f0f;
	border: 0;
	height: 1px;
}


/*
	(1) html elements
	(2) structures
	(3) formatting for structures
	(4) general purpose 
	
	COLORS: 
		- orange: 					#d59f0f		links/headers
		- blue: 					#174a7c		links/headers (dark blue)
		- light gray/purple: 		#f2f3f3  	faint lines like borders & under/over bars
		- dark gray/purple:			#dde0e2		menu hover color, etc...
		- white: 					#fff 		;-)
		
	*/

	
	
/************************************************
	(1) html elements 
*************************************************/
body {
	margin: 15px 0 0 0;
	padding: 0;
	font-family: arial, sans-serif;
	background-color: #fff;
}

img {
	border: none;
}

a {
	color: #174a7c;
}

a:hover {
	color: #005695;
}

h1 {
	color: #174a7c;
	font-size: 1.4em;
	border-bottom: 2px solid #f2f3f3;
	margin: 13px 0 12px 0;
	padding: 0 0 4px 0;
}

h2 {
	color: #174a7c;
	font-size: 1.2em;
	margin: 13px 0 0 0;
	padding: 0;
}

p {
	margin: 0 0 12px 0;
	padding: 0;	
}

/************************************************
	(2) structures
*************************************************/
#main {
	width: 910px;
	margin: 0 auto;
}

#masthead {
	background: transparent url(../images/bg_masthead.gif) 0 0 no-repeat;
	padding-right: 16px;
	font-size: .75em;
}

#logos {
	padding: 12px 0 0 34px;
	height: 70px;
}

#contact {
	padding: 39px 6px 0 0;
}

#utility {
	width: 722px;
	padding: 3px 0 4px 170px;
	font-size: 1em;
}

#page-actions {

}

#content-wrapper {
	background: transparent url(../images/bg_content-wrapper.gif) 0 0 repeat-y;
	padding: 35px 0 20px 18px;
	font-size: .75em;
}

#primary-nav {
	background: #f4f5f5 url(../images/cap_primary-nav_top.gif) 0 0 no-repeat;
	width: 172px;
	float: left;
	font-size: .95em;
	padding-top: 12px;
}

#content {
	width: 439px;
	float: left;
	padding: 0 30px 0 20px;
	line-height: 1.4em;
}

#content.full-column {
	width: 670px;
	padding-right: 0;
}

#breadcrumb {
	border-bottom: 2px solid #f2f3f3;
	color: #d59f0f;
	padding-bottom: 4px;
}

#sidebar {
	float: left;
	width: 195px;
	margin: 0;
	padding: 58px 26px 0 10px;
	position: relative;
	font-size: .95em;
}

* html #sidebar {
	padding: 58px 10px 0 10px;
}

#footer {
	background: transparent url(../images/bg_footer.gif) 0 0 no-repeat;
	font-size: .6em;
	padding: 15px 15px 0 0;
	margin-bottom: 15px;
	text-align: right;
}
/************************************************
	(3) formatting for structures
*************************************************/

/* logos */
#logos li {
	padding-left: 34px;
}


/* contact */
#contact li {
	margin-right: 10px;
	position: relative;
	float: left;
}

#contact #phone {
	position: absolute;
	left: -315px;
	top: 25px;
	display: none;
	width: 330px;
    text-align: right;
}

/* utility */
#utility li {
	float: left;
	padding: 5px 0 0 5px;
}

#utility li a {
	color: #000;
	margin-right: 3px;
	text-decoration: none;
}

#utility li a:hover {
	color: #005695;
}

#utility #util-search {
	float: right;
}

#utility #util-search input {
	float: left;
}

#utility #txt-query {
	width: 130px;
	height: 15px;
	margin-right: 5px;
}

#utility #btn-go {
	margin-top: -3px;
}

/* page-actions */
#page-actions li img {
	float: left;
	margin-left: 2px;
}

/* primary-nav */
#primary-nav ul { 
	background: #f4f5f5 url(../images/cap_primary-nav_bottom.gif) bottom left no-repeat;
	padding-bottom: 5px;
}

#primary-nav li {
	position: relative;
	display: inline;
}

#primary-nav li.last a {
	border-bottom: none;
}

#primary-nav a {
	color: #174a7c;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px dashed #dbd8bd;
	display: block;
	margin: 0 10px 0 0;
	padding: 12px 10px 12px 10px;
	clear: both;
	width: 147px;
}

* html #primary-nav a {
	padding-right: 5px;
}

#primary-nav a span {
	background: transparent url(../images/arrow_primary-nav_collapsed.gif) 100% 50% no-repeat;
	padding-right: 10px;
}

#primary-nav a:hover {
	color: #d59f0f;
}

#primary-nav a:hover span,
#primary-nav li.hover span {
	background-image: url(../images/arrow_primary-nav_active.gif);
}

#primary-nav li.hover a {
	color: #d59f0f;
}

#primary-nav li.hover li a {
	color: #174a7c;
}

#primary-nav li.hover h2 span {
	background-image: none;
}


/* rather than looking for:
	 -- #primary-nav li.active div.menu a --
	... to set properties on the active element *and then* overwriting all the values on 
	 -- #primary-nav li.active div.menu ul ul a  (<- clutter) --
	... to prevent nested elements from inheriting properties intended only for the active element, 
	i'm just defining class names to be born by the elements intended to be emphasized.  then,
	there will be no inheritance to recover from and i'll already be classing the LI container so it won't 
	take any extra logic to apply this to the a.  */
#primary-nav a.L1-active span {}
#primary-nav a.L2-active span {}

#primary-nav a.L1-active span {
	background-image: url(../images/arrow_primary-nav_expanded.gif);
	color: #d59f0f;
}

/* nested menus are not visible by default */
#primary-nav ul li div.menu {
	display: none;
}

#primary-nav ul li div.menu a:hover {
	text-decoration: none;
}


	/* 
		MENUS: primary-nav 

		menu container
			h2 [title]
			p [description]
			ul [menu]
	*/
	
	
	/*  ACTIVE STATE */
	
	/* reduce left margin & bottom pad to zero and remove bottom border on active elements */
	#primary-nav a.L1-active {
		border-bottom: 0;
		margin: 0;
		padding-bottom: 0;
	}
	
	/* restore the bottom pad on the last item */
	#primary-nav li.last a.L1-active {
		padding-bottom: 15px;
	}
	
	/* removed the left margin on li.active so that the gray-ish background can bleed but, 
	need to restore the distance between the UL margin and the anchor itself */
	#primary-nav li.active a {
		padding-left: 10px;
	}

    #primary-nav a.L1-active.empty {
        border-bottom:1px dashed #DBD8BD;
        padding-bottom:12px;
    }

    /* remove inherited values */
	#primary-nav li.active ul {
		padding-bottom: 0;
	}

	/* show menus when parent is active */
	#primary-nav li.active div.menu {
		display: block;
		margin-top: 10px;
		z-index: 0;
		position: relative;
	}
	
	/* hide overview info when element is "active" and not being hovered over */
	#primary-nav li.active div.menu h2.title,
	#primary-nav li.active div.menu p {
		display: none;
	}

	/* overwrite inherited values and display: inline since nested anchors are now blocks */
	#primary-nav li.active div.menu li {
		margin: 0;
		display: inline;
	}
	
	/* nested anchors of active elements have a gray-ish background and, now that the padding is eliminated on the li, apply it to the block a */
	#primary-nav li.active div.menu li a {
		border-bottom: none;
		background: #e6e9eb url(../images/bg_primary-nav_at.gif) bottom left repeat-x;
		padding: 9px 0 9px 24px;
		margin: 0;
		display: block;
		text-transform: none;
		width: 147px;
	}

	#primary-nav li.active div.menu li a span {
		background: none;
	}

	#primary-nav li.active div.menu li a.active,
	#primary-nav li.active div.menu li a:hover {
		background-image: url(../images/bg_primary-nav_active.gif);
		background-color: #dde0e2;
		color: #174a7c;
	}
	
	#primary-nav li.active div.menu a.L2-active {
		background-color: #dde0e2;
		background-image: url(../images/bg_primary-nav_active.gif);
	}	


	/*  HOVER STATE */
	
	/* menu container - now showing */
	#primary-nav li.hover div.menu {
		background: transparent url(../images/cap_menu_top3.png) 0 0 no-repeat;
		width: 219px;
		position: absolute;
		top: 0px;
		left: 170px;
		padding: 20px 0 0 0;
		display: block;
		z-index: 10;
	}
	
	#primary-nav li.hover div.menu div.masthead {
		background: transparent url(../images/bg_menu_masthead.png) 0 0 repeat-x;
		height: 1%;
	}

	/* give IE a gif as a bg *not* because of it's lame lack of png support but, because of its lame flicker effect during mouseover/out events. */
	* html #primary-nav li.hover div.menu {
		background-image: url(../images/cap_menu_top_IE.gif);
	}
	
	* html #primary-nav li.hover div.menu div.masthead {
		background-image: url(../images/bg_menu_masthead.gif);
	}
	
	/* h2 [title] */
	#primary-nav li.hover h2.title {
		display: block;
		color: #174a7c;
		font-size: 1.4em;
		margin: 0 0 15px 0;
		padding: 0 0 0 20px;
		font-size: 1em;
		border: none;
		text-transform: uppercase;
	}
	
	/* p [description] */
	#primary-nav li.hover div.menu p {
		display: block;
		padding: 0 10px 10px 20px;
		margin-bottom: 0;
	}
	
	/* ul [menu] */
	#primary-nav li.hover div.menu ul {
		background: transparent url(../images/cap_menu_bottom2.png) bottom left no-repeat;
		padding: 0 0 12px 0px;
		height: 1%;
	}

	/* give IE a gif as a bg *not* because of it's lame lack of png support but, because of its lame flicker effect during mouseover/out events. */
	* html #primary-nav li.hover div.menu ul {
		background-image: url(../images/cap_menu_bottom_IE.gif);
		background-color: #fff;
	}

	/* li [menu items] */
	#primary-nav li.hover div.menu ul li {
		background: none;
		display: inline;
		margin: 0;
		padding: 0;
	}

	/* a [actual anchors] */
	#primary-nav li.hover div.menu ul li a {
		background: none;
		display: block;
		border: none;
		border-top: 2px solid #f2f3f3;
		margin: 0 0 0 6px;
		padding: 9px 0 9px 10px;
		text-transform: none;
		width: 199px;
	}
	
	/* strip background off of spans */
	#primary-nav li.hover div.menu ul li a span {
		background: none;
	}
	
	* html #primary-nav li.hover div.menu ul li a {
		margin-top: -2px;
	}

	#primary-nav li.hover div.menu a.L2-active,
	#primary-nav li.hover div.menu ul li a:hover {
		/*background: #e6e9eb url(../images/bg_primary-nav_active.gif) bottom left repeat-x;
		border-top-color: #dde0e2;*/
		color: #d59f0f;
	}

/* breadcrumb */
#breadcrumb a {
	color: #d59f0f;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb li {
	margin: 0 !important;
}



/* content */
#content ul {
	list-style: disc;
}

#content ul ul {
	list-style: circle;
	margin-top: 10px;
}

#content li {
	margin: 0 0 10px 30px;
}


/* footer */
#footer p {
	margin-top: 5px;	
}


/************************************************
	(4) general purpose
*************************************************/

/* lists*/


.search-results ul {
	list-style: none !important;
}


/* lists: flat */
ul.flat {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.flat li {
	margin-left: 0 !important;
	padding-left: 0 !important;
}


/* lists: adjacent */
ul.adjacent {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.adjacent li {
	display: inline;
	margin: 0;
	padding: 0
}


/* lists: bullets */
ul.bullets {
	margin-left: 15px;
}

ul.bullets li {
	margin-bottom: 5px !important;
}

ul.bullets.disc {
	list-style: disc;
}

ul.bullets.circle {
	list-style: circle;
}

ul.checklistSublist {
    margin-left: 15px;
    margin-top: 0 !important;
}

ul.checklistSublist li{
    list-style: disc inside none !important;
    margin: 0 !important;
}

p.leed {
	font-size: 1.5em;
	color: #d59f0f;
	line-height: 1.2em !important;
}

/* feature */
.feature {	
	margin-bottom: 15px;
	padding: 13px 0 0 0;
	border: 2px solid #f2f3f3;
	border-left-width: 0;
	border-right-width: 0;
}

.feature h2, .feature h3 {
	margin: 0 0 5px 0;
	line-height: 1.1em;
}

.feature ul {
	margin-bottom: 12px;
}

/* photo */
.photo {
	background: transparent url(../images/bg_photo_top.gif) 0 0 no-repeat;
	width: 200px;
	text-align: center;
	margin-bottom: 15px;
	margin-left: -4px;
}

.photo img {
	background: transparent url(../images/bg_photo_bottom.gif) bottom left no-repeat;
	padding: 13px;
	display: block;
}

/* if the photo is in the content area, instead of in #sidebar, then float it right and establish some space to its left */
div.inline-sidebar {
	float: right;
	width: 200px;
	margin-left: 15px;
	font-size: .95em;
}

a.read-more {
	display: block;
	text-align: right;
	padding: 10px 0 0 0;
	text-decoration: none;
}

a.read-more:hover {
	text-decoration: underline;
}


div.sticky-note {
	padding: 27px 38px 34px 25px;
	margin: -25px 0 20px -11px;
	width: 150px;
	height: 133px;
	line-height: 133px;
	vertical-align: middle;
	background: transparent url(../images/bg_stickynote.gif) 0 0 no-repeat;
	position: relative;
}


/* table.form */
table.form {}

table.form td {
	padding: 4px;
	vertical-align: top;
}

table.form td.label,
table.form td.controls {
	text-align: right;
}

table.form li {
	margin: 0 0 10px 10px !important;;
}

/* table.data */
table.data {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.data td,
table.data th {
	vertical-align: top;
	padding: 4px;
	border: 1px solid #ccc;
}

table.data th {
	text-align: left;
	font-weight: bold;
}

/* table.logos */
table.logos {
	width: 100%;
}

table.logos td {
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
}



/* table.grid */
table.grid {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 15px;
}

table.grid th,
table.grid td {
	border: 1px solid #ccc;
	padding: 6px;
	vertical-align: top;
}

table.grid th {
	text-align: left;
}


/* table.lenders */
table.lenders {
	width: 100%;
}

table.lenders td {
	width: 25%;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}


/* table.pct100 */

.pct-100 {
	width: 100%;
}


/* inputs */

input.std {
	width: 150px;
}

input.wide {
	width: 300px !important;
}
textarea.wide {
	width: 300px !important;
	height: 100px !important;
}



.rule-above {	
	border-top: 2px solid #f2f3f3;
	padding-top: 13px;
}


/* orientation */
.block					{ display: block; } 
.right					{ float: right; }
.left					{ float: left; }
.t-right				{ text-align: right !important; }
.t-left					{ text-align: left !important; }
tr.t-center td,
.t-center				{ text-align: center !important; }

 
/* fonts */
.small					{ font-size: .9em; }
.smaller				{ font-size: .8em; }
.smallest				{ font-size: .7em; }
.large					{ font-size: 1.1em; }
.larger					{ font-size: 1.2em; }
.largest				{ font-size: 1.3em; }

.normal					{ font-weight: normal !important; }
.bold					{ font-weight: bold !important; }

.urgent					{ color: red; }
.error					{ color: #f0f !important; }

.pointer				{ cursor: pointer; }

/* margins, paddings */
.sm-margin				{ margin: 10px !important; }
.sm-margin-t			{ margin-top: 10px; }
.sm-margin-r			{ margin-right: 10px; }
.sm-margin-b			{ margin-bottom: 10px; }
.sm-margin-l			{ margin-left: 10px; }

.sm-padding				{ padding: 10px !important; }
.sm-padding-t 			{ padding-top: 10px !important; }
.sm-padding-r			{ padding-right: 10px !important; }
.sm-padding-b			{ padding-bottom: 10px !important; }
.sm-padding-l			{ padding-left: 10px !important; }

.lg-margin				{ margin: 20px !important; }
.lg-margin-t			{ margin-top: 20px; }
.lg-margin-r			{ margin-right: 20px; }
.lg-margin-b			{ margin-bottom: 20px; }
.lg-margin-l			{ margin-left: 20px; }

.lg-padding				{ padding: 20px !important; }
.lg-padding-t 			{ padding-top: 20px !important; }
.lg-padding-r			{ padding-right: 20px !important; }
.lg-padding-b			{ padding-bottom: 20px !important; }
.lg-padding-l			{ padding-left: 20px !important; }

.no-margin-pad			{ margin: 0 !important; padding: 0 !important; }

.clear					{ clear: both; height: 1px; overflow: hidden; }
.hidden					{ display: none; }
.relative				{ position: relative; }

tr.alt td				{ background-color: #ccc !important; border-color: #fff; }

pre.nobr				{ display: inline; font-family: arial, sans-serif; inherit; width: auto; float: left; margin: 0; padding: 0 3px 0 0;}

/* utilities */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.search-highlight{
    font-weight: bold;
}

.search-pagelink {
    margin: 0 0.2em;
    text-decoration: none;
}