@charset "utf-8";

html, body, div {
	margin: 0;
	padding: 0;
	}

body {
	font: 71% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

h1 {
	margin: 0 0 0.7em 0;
	font-size: 2em;
	}

h2 {
	float: right;
	width: 202px;
	margin: 0 0 1em 1em;
	padding: 0 0 0.75em 0;
	background-color: #2b63af;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 1.8em;
	}
	
h2 img {
	display: block;
	}
	
h2 strong {
	display: block;
	margin: 0.75em 20px 0 20px;
	padding-top: 0.75em;
	font-size: 0.75em;
	font-weight: bold;
	border-top: 1px solid #c4d2ea;
	}
	
h2 span {
	display: block;
	font-size: 0.6em;
	}

h5, h6 {
	color: #333;
	margin: 0 0 1em 0;
	font-size: 1.4em;
	}
	}

table, input, select, textarea {
	font: inherit;
	font-size: 1em;
	}

a:link, a:visited {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

a:link img, a:visited img {
	border: 0 none;
	}


/* UTILITY CLASSES */

.fixFloat {
	display: block;
	float: none;
	clear: both;
	height: 1px;
	margin-top: -1px;
	line-height: 1px; 
	font-size: 1px;
	overflow: hidden;
	}

.footNote {
	margin-bottom: 2em;
	font-size: 0.8em;
	}


/* HEADER */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family : Arial, Helvetica, sans-serif;
	line-height: 1em;
	background: #a4a5a4;
	}

#metaNav {
	background: #039;
	border-top: 1px solid #6d6d3e;
	border-bottom: 1px solid #000;
	}
	
#metaNav ul {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0.3em 0;
	text-align: left;
	list-style-type: none;
	}

#metaNav li {
	display: inline;
	color: #fff;
	}

#metaNav li a:link, #metaNav a:visited {
	color: #fff;
	}

#metaNav li a:hover {
	text-decoration: underline;
	}

#banner {
	border-bottom: 1px solid black;
	background: #0050c9;
	}
	
#banner div {
	position: relative;
	width: 760px;
	margin: 0 auto 0 auto;
	height: 80px;
	he\ight: 60px;
	padding: 10px 0;
	text-align: right;
	}

#banner #logoLink {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 146px;
	height: 68px;
	background-color: #0050c9;
 	background-position: 0 50%;
	background-repeat: no-repeat;
 	text-align: left;
	text-indent: -500em;
	text-decoration: none;
	}
	
	#QUOTEBOX {
	display: block;
	position: relative;
	top: 0px;
	left: 100px;
	width: 468px;
	height: 60px;
	background-image:url('http://www.njhmo.org/health-quotes.jpg');
	background-repeat: no-repeat;
	}
	
	/* QUOTE BUTTON */

.submitButton {
	background: url(http://www.njhmo.org/GO.jpg) no-repeat;
	border: 0px;
	outline: none;
	margin: 2px;
	padding: 5px 5px 5px 0px;
	width: 56px;
	height: 36px;
}

#mainNav {
	border-top: 1px solid #dcdcdb;
	border-bottom: 1px solid #000;
	background: url(../img/navbottomborderie.gif) bottom repeat-x;
	}
html>body #mainNav {
	background-image: url(../img/navbottomborder.gif);
	}

#mainNav div {
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: left;
	}

#mainNav table {
	border-collapse: collapse;
	margin: -1px 0 0 0;
	padding: 0;
	border-width: 0 1px;
	border-style: none solid;
	border-color: #838383 #dcdcdb #dcdcdb #838383;
	}

#mainNav td {
	padding: 0;
	border: 0 none;
	vertical-align: top;
	}
* html>body #mainNav td {
	white-space: nowrap;
	}

#mainNav a {
	display: block;
	padding: 0.2em 0.75em;
	border-width: 1px;
	border-style: solid;
	border-color: #dcdcdb #838383 #838383 #dcdcdb;
	background: #a4a5a4;
	}

#mainNav a:link, #mainNav a:visited {
	color: #fff;
	}

#spacer {
	height: 1%;
	padding: 0.2em 0;
	border-top: 1px solid #f9f7e6;
	border-bottom: 1px solid #2e2e2e;
	background: #c4d2eb;
	}
/* only really for IE 5.0/Win, but doesn't hurt 5.5 or 6 */
html>body #spacer {
	height: auto;
	}

#breadcrumb {
	width: 100%;
	margin-bottom: -1px;
	background-color: #ddd;
	}
	
#breadcrumb div {
	width: 760px;
	w\idth: 736px;
	text-align: left;
	margin: 0 auto;
	padding: 0.4em 12px;
	}

#breadcrumb a:link, #breadcrumb a:visited {
	color: #000;
	}


/* MAIN CONTENT */

#content {
	width: 760px;
	margin: 5.8em auto 0 auto;
	padding-top: 87px;
	text-align: left;
	}

.column {
	padding: 2em 0 2em 0;
	}

/* NAV COLUMN */

#navCol {
	float: left;
	width: 160px;
	margin-right: 30px;
	}

#quickLinks {
	margin: 0 0 10px 0;
	padding: 0;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	}

.relatedLinks {
	margin-bottom: 10px;
	}

.relatedLinks h6 {
	margin: 0;
	padding: 5px;
	color: white;
	background-color: #2b63af;
	font-size: 1.15em;
	}

.relatedLinks ul {
	margin: 0;
	padding: 10px;
	border: 1px solid #eee;
	background-color: #fbf9f9;
	}
html>body .relatedLinks ul {
	padding-bottom: 0;
	}

.relatedLinks li {
	height: 1%;
	margin-bottom: 10px;
	}
html>body .relatedLinks li {
	height: auto;
	}

.relatedLinks .imageLinks {
	list-style-type: none;
	text-align: center;
	}

ul.imageLinks span {
	display: inline-block;
	padding: 10px;
	border: 1px solid #eee;
	background-color: #fff;
	}

html>body .imageLinks span {
	display: inline;
	padding: 0;
	border: 0 none;
	background-color: transparent;
	}

html>body .imageLinks a:link img, html>body .imageLinks a:visited img {
	display: inline-block;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #eee;
	}

.relatedLinks .textLinks {
	list-style-type: none;
	}

.relatedLinks .textLinks a {
	display: block;
	padding: 0 0 0 8px;
	background: url(../img/related_bullet_unvisited.gif) 0 0.5em no-repeat;
	}

.relatedLinks .textLinks a:visited {
	background-image: url(../img/related_bullet_visited.gif);
	}

.relatedLinks ul {
	margin: 0;
	padding: 10px;
	border: 1px solid #eee;
	background-color: #fbf9f9;
	}
html>body .relatedLinks ul {
	padding-bottom: 0;
	}

/* HTML ADS */

.bgfcb302 {
	background-color: #fcb302;
	}

.bg0050c9 {
	background-color: #0050c9;
	}

#navCol h6.ad {
	height: 1%;
	margin: 0 0 10px 0;
	}
html>body h6.ad {
	height: auto;
	}

h6.ad a:link, h6.ad a:visited {
	display: block;
	color: white;
	text-decoration: none;
	}

h6.ad img, h6.ad strong, h6.ad span {
	display: block;
	}

h6.ad strong, h6.ad span {
	padding: 5px;
	}

h6.ad strong {
	font-size: 1.3em;
	text-transform: uppercase;
	}

h6.ad span {
	font: 0.6em/1.2em Verdana, Helvetica, Arial, sans-serif;
	}

#newsLetter {
	margin-bottom: 10px;
	padding: 8px;
	background-color: #fbf9f9;
	border: 1px solid #eee;
	text-align: right;
	}

#newsLetter h6 {
	margin: 0;
	line-height: 1em;
	text-align: left;
	}

.emailAddy {
	display: block;
	width: 136px;
	margin: 0.75em 0;
	text-align: left;
	}
html>body .emailAddy {
	width: 138px;
	}


/* CONTENT COLUMN */

#contentCol {
	float: left;
	width: 420px;
	padding-top: 1.5em;
	}

#contentCol.twoCol {
	float: left;
	width: 570px;
	}

#contentThreeCol {
	float: left;
	width: 760px;
	padding-top: 1.5em;
	}

#contentCol .rateTable {
	clear: both;
	padding: 0;
	}

#contentCol .rateTable caption {
	padding: 0 0 1em 0;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
	}
	
#contentCol .rateTable td, #contentCol .rateTable th {
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #fff;
	text-align: left;
	}

#contentCol .rateTable th {
	background-color: #0050C9;
	color: #fff;
	}

#contentCol .rateTable td {
	background-color: #c4d2ea;
	}

#contentCol .halfCol {
	float: right;
	clear: right;
	width: 202px;
	margin: 0 0 0 1em;
	}
html>body #contentCol .halfCol {
	margin-bottom: 1em;
	}

#contentCol .halfCol caption {
	width: 202px;
	}
html>body #contentCol .halfCol caption {
	padding-left: 1em;
	}

#contentCol .fullCol {
	width: 420px;
	}

#contentCol .fullCol caption {
	width: 420px;
	}

#iconLinks {
	clear: both;
	height: 1%;
	padding-top: 18px;
	background: url(../img/iconlinks_border.gif) top left repeat-x;
	}
html>body #iconlinks {
	height: auto;
	}
/* compensate for IE/Win's whack margin collapsing, but hide it from IE/Mac */
/*\*/* html #iconLinks {
	margin-bottom: -15px;
	}
/* stop hiding */

#iconLinks h3 {
	margin: 0 0 10px 0;
	background: #c4d2ea url(../img/iconlinks_bg_mortgage.gif) repeat-y;
	font-size: 1.15em;
	line-height: 1em;
	}
		
.oneColIconLinks h3 {
	float: left;
	width: 420px;
	}

.twoColIconLinks h3 {
	float: left;
	clear: left;
	width: 205px;
	}

body .twoColIconLinks h3.right {
	float: right;
	clear: right;
	}

#iconLinks img {
	display: block;
	float: left;
	margin: 0 0 0 -3px;
	/* for IE6 */
	marg\in: 0;
	}

#iconLinks a span {
	display: block;
	position: relative;
	padding: 10px 5px 0.3em 58px;
	font: normal 0.85em/1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	/* hides the underline on the span for IE; FF needs 'none' set on the a as well;
	   but if IE sees that it won't underline the srong */
	text-decoration: none;
	}

#iconLinks strong {
	font: bold 1.2em "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

#iconLinks a {
	display: block;
	}
/* letting IE/Win see any of these rules will cause it to ignore the underline on the strong;
   hiding it leaves a bit of non-clickable area in IE, but it's not as ugly usability-wise as the
   non-underline */
div>#iconLinks a {
	float: left;
	width: 100%;
	text-decoration: none;
	}

#iconLinks a:link strong {
	color: #00e;
	}
#iconLinks a:visited strong {
	color: #551a8b;
	}
#iconLinks a:hover strong {
	text-decoration: underline;
	}

#overtureLinks h4 {
	margin: 10px 0 0 0;
	border-top: 1px solid #2a63af;
	border-bottom: 1px solid #2a63af;
	/*background-color: #e8ecf4;*/
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	border-color:#FFFFFF;
	background-color: #ffffff;
	}

#overtureLinks h4 a {
	display: block;
	padding: 1em;
	}

#overtureLinks a:hover strong, #overtureLinks a:hover em {
	text-decoration: underline;
	}

/* letting IE/Win see any of these rules will cause it to ignore the underline on the strong;
   hiding it leaves a bit of non-clickable area in IE, but it's not as ugly usability-wise as the
   non-underline */
div>#overtureLinks a:link, div>#overtureLinks a:link {
	text-decoration: none;
	}

#overtureLinks a span {
	display: block;
	color: #000;
	/* hides the underline on the span for IE; FF needs 'none' set on the a as well;
	   but if IE sees that it won't underline the srong */
	text-decoration: none;
	}

#overtureLinks strong {
	display: block;
	font-weight: bold;
	font-size: 1em;
	}

#overtureLinks em {
	display: block;
	font-style: normal;
	}


.linkBox {
	height: 1%;
	margin-top: 10px;
	padding: 0.5em 1em 1em 1em;
	border: 1px solid #e8edf5;
	background-color: #f3f5fa;
	}
	
.linkBox h4 {
	height: 1%;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	line-height: 1em;
	}
html>body .linkbox h4 {
	height: auto;
	}

.linkBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.linkBox li {
	padding-left: 5px;
	background: url(../img/list_arrow.gif) 0 0.35em no-repeat;
	}
	
#headlines {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#searches {
	overflow: auto;
	}

#searches li {
	float: left;
	width: 48%;
	w\idth: 44%;
	padding-right: 4%;
	}

#more-searches {
	overflow: auto;
	}

#more-searches li {
	float: left;
	width: 48%;
	w\idth: 44%;
	padding-right: 4%;
	}


/* NEWS */
/* feature story elements */
	
#topStory {
	border-bottom: 1px solid #bbbbbe;
	}
	
#topStory h3 {
	margin: 0;
	color: #000;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
#topStory h4 {
	font-family: "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 1.7em;
	}

#topStory h6 {
	margin: 0 0 1em 0;
	color: #999;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
	
/* two columns containing links following headlines */

.newsStories {
	width: 204px;
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	}

.newsStories li {
	height: 1%;
	padding: 0;
	margin-bottom: 1em;
	}
html>body .newsStories li {
	height: auto;
	}

.newsStories li h4 {
	margin: 0 0 1em 0;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#featuredStories {
	float: left;
	}
	
#featuredStories li {
	padding-bottom: 1em;
	border-bottom: 1px solid #bbbbbe;
	}
html>body #featuredStories li {
	padding-bottom: 0;
	}

#featuredStories p {
	margin-top: 0;
	}
	
#featuredStories img {
	float: left;
	padding: 0 6px 1px 0;
	}
	
#moreStories {
	float: right;
	line-height: 1.2em;
	}
	
#moreStories li {
	margin-bottom: 0.5em;
	}

#moreStories h4 {
	margin: 0;
	padding-left: 8px;
	background: url(../img/list_arrow.gif) 0 0.35em no-repeat;
	}

#moreStories p {
	margin-top: 2em;
	text-align: right;
	}

/* archives */

#archive {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.2em;
	}

#archive li {
	margin-bottom: 0.5em;
	padding-left: 5px;
	background: url(../img/list_arrow.gif) 0 0.35em no-repeat;
	color: #999;
	}
	
#archive a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.archiveNav {
	margin-top: 2em;
	padding-top: 0.5em;
	border-top: 1px solid #bbbbbe;
	}

#disclaimer {
	margin-top: 10px;
	}

/* story */

.story h6 {
	margin-top: -1em;
	color: #999;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	}

.story h2 {
	float: none;
	width: auto;
	margin: 2em 0 1em 0;
	padding: 0;
	background-color: transparent;
	color: #000;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}

.story #moreStories {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	}

/* CONTEXT COLUMN */

#contextCol {
	float: right;
	width: 120px;
	}

#contextCol h3 {
	margin: 0 0 10px 0;
	padding: 0;
	background: #0050c9 url(../img/quote_top_mortgage.gif) top left no-repeat;
	font-size: 1em;
	font-weight: normal;
	}
		

#contextCol h3 a {
	display: block;
	margin: 0;
	padding: 0 8px 35px 8px;
	background: url(../img/quote_bottom_mortgage.gif) bottom right no-repeat;
	}
		
#contextCol h3 a .topSpan {
	padding-top: 30px;
	}

#contextCol h3 a span {
	display: block;
	font-size: 1.6em;
	}

#contextCol h3 a:link, #contextCol h3 a:visited {
	color: #fff;
	text-decoration: none;
	}
#contextCol h3 a:hover {
	text-decoration: underline;
	}


/* FOOTER */

#footer {
	clear: both;
	height: 1%;
	margin: 0 0 3em 0;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	}
html>body #footer {
	height: auto;
	}

.review-normal{
	font-size: 1em;
}

.review-normal-bold{
	font-size: 1em;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
}

