/* canvas and global font */
html, body {
	font:100% "trebuchet ms",trebuchet,verdana,sans-serif;
	color:#000;
	background:#fff;
	margin:0;
	padding:0;
	}
#wrapper {
	width:710px; 
	margin:0 auto;
	margin-left:expression( (document.body.clientWidth - 700) / 2 + 'px');
	}
/* mac/ie6 and win/ie5.0 need slightly more canvas width to prevent float collapsing */
@media screen, projection { #wrapper { widt\h:700px; } }
#wrapper:not(:nth-child(n)) { width:710px; } 


/* images */
img {
	border:none;
	}




/* headings and regular text */
h1, h2, h3 {
	margin:0;
	padding:0;
	font-weight:normal;
	letter-spacing:0.5px;
	line-height:120%;
	color:#6c5f58; /* Gray Text [95989b] */
	letter-spacing:0.5px;
	}
	
h1 {
	margin-left:192px;
	padding:5px 0 3px 0;
	font-size:1.2em;
	}

h2 {
	margin:0;
	color:#6c5f58; /* Gray Text [88786e] */
	}
	
h3, h4 {
	color:#6c5f58; /* Gray Text [95989b] */
	font-size:0.75em;
	font-weight:bold;
	}
h3 span {
	display:block;
	}
	
div.outerRight h2, div.outerRight h3, div.outerRight h4 {
	font-size:0.75em;
	font-weight:bold;
	margin:0 9px 2px 9px;
	}
	
body.index div.outerRight h2 {
	font-size:0.7em;
	}
	
h2.narrowText {
	letter-spacing:0.01px;
	}
	
div.peoplenav h2 {
	font-size:0.75em;
	font-weight:bold;
	margin:10px 0 0 10px;
	}
	
body.services h2 {
	font-size:0.8em;
	}
body.services h3, body.services h4, body.faqs div.faqs h2 {
	font-size:0.85em;
	margin-bottom:10px;
	color:#6c5f58; /* Gray Text [88786e] */
	}
body.services h4 {
	font-size:0.8em;
	}
div.faqs h2 {
	margin-top:20px;
	}
	
body.services div.services h2 {
	font-size:0.73em;
	font-weight:bold;
	}

body.financing h2, body.faqs h2 {
	font-size:1em;
	font-weight:bold;
	color:#6c5f58; /* Gray Text [95989b] */
	}
	
p, div.outerRight li, div.peoplenav li, div.outerFull li, div.outerRight dl {
	margin:0;
	padding:0;
	font-size:0.75em;
	letter-spacing:0.5px;
	line-height:120%;
	color:#60554e; /* Gray Text [938a85] */
	}
div.outerRight dl p {
	font-size:1em;
	margin:0 0 5px 0;
	}
	
div.outerRight p {
	font-size:0.75em;
	margin:0 9px 9px 9px;
	}
	
div.outerRight p.backToTop {
	margin-bottom:20px;
	}

body.index div.outerRight p {
	font-size:0.7em;
	}
	
.box p, .box h2 {
	font-size:0.7em;
	line-height:120%;
	color:#60554e; /* Gray Text [9f948d] */
	background:transparent;
	}
	
address {
	display:block;
	background:#fff;
	font-size:0.75em;
	font-style:normal;
	color:#60554e; /* Gray Text [88786e] */
	margin:0 0 20px 9px;
	letter-spacing:0.5px;
	}
address span {
	display:block;
	line-height:120%;
	}
address span.phone {
	margin-top:10px;
	}
@media screen,projection {
	address span { float:none; } /* but it would break other browsers */
	}
address:not(:nth-child(n)) span { float:left; } /* now re-assert it for MSN */

cite {
	font-style:normal;
	}

dl {
	margin:0 0 0 9px !important;
	}
	
dt {
	margin:0;
	font-weight:bold;
	margin-right:10px;
	}
	
dd {
	margin:0 0 10px 0;
	}

body.services dt, body.faqs dt {
	float:left;
	}


/* links */
a, a:visited {
	color:#00a02f;
	text-decoration:none;
	}
	
a:hover, a:focus, a:active {
	color:#7a6b62;  /* Gray Text */
	}

/* abbr */
abbr {
	border:none;
	font-style:normal;
	}



/* offleft positioning */
.offleft, #skipLinks, address span span {
	position:absolute !important;
	left:-100em !important;
	display:inline;
	}




/* header strip */
.header img {
	float:left;
	}

.header div {
	width:370px;
	margin-left:5px;
	float:left;
	}
	
.header address {
	margin:17px 0 0 0;
	/* padding-right:10px; */
	float:left;
	font:0.7em arial,sans-serif;
	color:#60554e;  /* Gray Text */
	letter-spacing:0.005px;
	}

address.theGalleria {
	width:7.2em;
	}
address.stewartAvenue {
	width:7.2em;
	}
address.hackensackUniversity {
	width:12.5em;
	}
address.newAdd {
	width:11.5em;
	}
	address.newAdd2 {
		width:8.5em;
	}
	address.newAdd3 {
		width:10em;
	}

.header address span {
	line-height:110%;
	}

/* hack address display properties for mac/ie5 by setting the value for all/ie ... */
* html .header address {
	float:none;
	display:inline-block;
	}
/* then reverting for win/ie .. */
@media screen,projection {
	* html .header address {
		float:left;
		display:block;
		}
	}
/* then re-assert and hack some more for MSN */
.header address:not(:nth-child(n)) {
	float:none;
	display:inline-block;
	white-space:nowrap;
	}



/* navigation strip */
.navigation {
	padding:0 0 0 15px;
	clear:both;
	}
body.index .navigation {
	padding:18px 0 0 15px;
	}




/* search form and results page */
.searchform {
	margin:0;
	padding:1px 0 1px 0;
	width:162px;
	float:left;
	}

.searchform input.text, body.search input {
	border:1px solid #d6d7d8;
	padding-left:4px;
	width:135px;
	widt\h:129px;
	font:0.7em arial,sans-serif;
	color:#60554e;  /* Gray Text */
	}

.searchform input.submit, body.search input.submit {
	display:block;
	margin-top:3px;
	border:none;
	padding:0;
	width:auto;
	}
	
body.search .column .searchform {
	padding-left:175px;
	padding-bottom:10px;
	}

body.search div.hr {
	width:auto;
	margin:15px 0;
	}
	
div.results {
	float:left;
	width:639px;
	}

div.results h2 {
	clear:both;
	padding-left:175px;
	font-size:0.75em;
	}
	
div.results h3 {
	font-size:0.9em;
	font-weight:bold;
	color:#6c5f58; /* Gray Text [95989b] */
	}
	
div.results h3 a, div.results h3 a:hover {
	color:#6c5f58; /* Gray Text [95989b] */
	}
	
.phpdigHighlight { 
	color:#00a02f;
	font-weight:bold;
	display:inline !important;
	}
	
div.results div.notes {
	margin-bottom:15px;
	}
	
p.resultsNav {
	margin-top:30px;
	}
	
p.resultsNav span.phpdigHighlight {
	color:#6c5f58; /* Gray Text [95989b] */
	font-style:italic;
	}
	

/* navigation bar */
.navigation ul, .navigation li {
	margin:0;
	padding:0;
	list-style-type:none;
	}

.navigation li {
	float:left;
	display:block;
	}

* html body.index .navigation li { margin-top:20px; ma\rgin-top:0; } /* win/ie5.0 positioning fix */
	
.navigation a {
	width:79px;
	padding:2px 0 1px 0;
	height:34px;
	heig\ht:31px;
	font-size:0.6em;
	display:block;
	color:#60554e;  /* Gray Text [behind the tab images - not normally seen] */
	background:#fff;
	position:relative;
	text-align:center;
	z-index:0;
	}
.navigation a:hover, .navigation a:focus, .navigation a:active {
	color:#00a02f;
	}
	
.navigation span {
	position:absolute;
	left:0;
	top:2px;
	z-index:1;
	width:100%;
	height:31px;
	cursor:pointer;
	cursor:hand;
	background-color:transparent;
	background-repeat:no-repeat;
	}

#about a { width:82px; }
#about span { background-image:url(/images/tab-about.gif); }

#services a { width:78px; }
#services span { background-image:url(/images/tab-services.gif); }

#testimonials a { width:79px; }
#testimonials span { background-image:url(/images/tab-testimonials.gif); }

#financing a { width:80px; }
#financing span { background-image:url(/images/tab-financing.gif); }

#resources a { width:77px; }
#resources span { background-image:url(/images/tab-resources.gif); }

#faqs a { width:88px; }
#faqs span { background-image:url(/images/tab-faqs.gif); }

.navigation a span, .navigation a:visited span {
	background-position:0 0;
	}

.navigation a:hover span, .navigation a:focus span, .navigation a:active span, .navigation li.youAreHere span, .navigation a.hover span {
	background-position:0 -41px;
	}




/* outer content columns */
.clear {
	clear:both; /* clearing DIV is because clear on .content would break mac/ie5 */
	}

.column {
	float:left;
	}
	
.outerLeft {
	padding:0 0 0 15px;
	width:177px;
	widt\h:162px;
	border-right:1px solid #dbd6d3;
	}
body.index .outerLeft {
	padding:13px 0 0 0;
	margin:0 0 15px 15px;
	border-bottom:1px solid #dbd6d3;
	display:inline;
	}
	
.outerLeftSpacer {
	border-top:1px solid #dbd6d3;
	}

.outerRight {
	width:478px;
	widt\h:466px;
	border-width:1px 0 0 1px;
	padding:20px 5px 10px 5px;
	border-style:solid;
	border-color:#dbd6d3;
	background:#fff;
	margin-left:-1px;
	}
body.index .outerRight {
	widt\h:476px;
	padding:0;
	border-width:0 1px 1px 0;
	margin-left:0;
	}
	
.outerFull {
	border-top:1px solid #dbd6d3;
	margin:4px 0 0 15px;
	padding:8px 0 0 0;
	width:639px;
	display:inline;
	}



/* left column sidenavs */
ul.sidenav, ul.sidenav li, .peoplenav ul, .peoplenav li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
* html ul.sidenav, * html ul.sidenav li {
	float:left; /* win/ie excessive list-item margins fix */
	}

ul.sidenav {
	border-top:1px solid #dbd6d3;
	}
ul.sidenav li {
	border-left:1px solid #dbd6d3;
	}

ul.aboutindex {
	border-left:1px solid #dbd6d3;
	padding-bottom:156px;
	background:url(/images/sidenav-people.jpg) transparent no-repeat bottom left;
	}
ul.aboutindex li {
	border-left:none;
	}
	
ul.aboutmanhattan {
	padding-bottom:340px;
	background:url(/images/sidenav-manhattan.jpg) transparent no-repeat bottom left;
	}

ul.sidenav a, ul.sidenav a:visited {
	color:#60554e;  /* Gray Text */
	font-weight:bold;
	font-size:0.75em;
	display:block;
	background:#fff;
	border-bottom:1px solid #dbd6d3;
	line-height:100%;
	padding:12px 10px;
	width:162px;
	widt\h:142px;
	}

ul.sidenav a:hover, ul.sidenav a:focus, ul.sidenav a:active, ul.sidenav li.youAreHere a, ul.sidenav li.youAreHere a:visited {
	background:#95989b;
	color:#fff;
	text-decoration:none;
	}

div.peoplenav {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#dbd6d3;
	}
	
div.peoplenav ul {
	border-bottom:1px solid #dbd6d3;
	padding:2px 10px 10px 10px;
	width:161px;
	widt\h:141px;
	}
div.peoplenav li {
	width:141px;
	}

/* win/ie excessive list-item margins fix */
@media screen,projection {
	* html div.peoplenav li {
		float:left; 
		clear:both;
		}
	}
div.peoplenav li:not(:nth-child(n)) { 
	float:none; 
	} /* re-assert original values for MSN */

	
div.peoplenav li span {
	font-size:0.9em;
	display:block;
	margin-left:5px;
	color:#60554e;  /* Gray Text */
	}
	
div.peoplenav a, div.peoplenav a:visited {
	color:#60554e;  /* Gray Text */
	font-style:italic;
	}
	
div.peoplenav a:hover, div.peoplenav a:focus, div.peoplenav a:active {
	color:#00a02f;
	}

div.peoplenav li.youAreHere a, div.peoplenav li.youAreHere a:visited {
	color:#119a37;
	font-weight:bold;
	text-decoration:none !important;
	}






/* homepage left boxes */
div.box {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#dbd6d3;
	margin:0;
	background:#fff;
	}
/* 
	float fix for moz, which doesn't do any other browswers any harm ...
	except for win/ie, where it causes misrendered borders in the middle of some boxes
*/
div[class="box"] { margin-top:-2px; }

.outerLeft .box {
	padding:6px 10px 6px 18px;
	}
	
.outerLeft .refundProgram {
	padding:0 3px 6px 0;
	background:url(/images/gradient-refundProgram.gif) #fff repeat-x;
	}

.refundProgram h2 {
	font-weight:bold;
	font-size:0.75em;
	line-height:120%;
	}
.refundProgram span {
	display:block;
	}
.refundProgram h2 abbr {
	font-size:1.7em;
	}

.refundProgram p {
	font-weight:bold;
	margin-left:18px;
	}

.outerLeft .eggDonor {
	padding:0;
	}

/* peekaboo fix for IE6 */
* html .outerLeft .box {
	height:1%;
	}







/* homepage central columns */
.outerRight .column {
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#dbd6d3;
	margin-left:-1px;
	width:160px;
	widt\h:158px;
	background:#fff;
	color:#000;
	}

.outerRight .column img {
	background:#fff;
	}
	
.outerRight .innerRight {
	border-right-width:0;
	}

.outerFull p {
	margin-left:5px;
	}

/* column rollovers */
.outerRight .rollover {
	background:#999;
	}
.outerRight .rollover h2 {
	color:#fff;
	}
.outerRight .rollover p {
	color:#fff;
	}
	
/* test element for measuring em-px ratio */
.test {
	visibility:hidden;
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:10em;
	height:10em;
	}
	




/* mid-page full size columns */
.midPageFull {
	margin-top:20px;
	}

.midPageFull .column {
	margin:0;
	padding:25px 15px 0 25px;
	width:318px;
	widt\h:278px;
	}
.midPageFull .column2 {
	border-left:1px solid #dbd6d3;
	padding-bottom:25px;
	width:319px;
	widt\h:278px;
	}



/* horizontal rules */
div.hr {
	font-size:0;
	margin:15px 0 20px -5px;
	border-top:1px solid #dbd6d3;
	clear:both;
	width:473px;
	}

div.indented {
	margin:15px 0 20px 9px;
	width:460px;
	}


/* portrait photos */
.portrait {
	float:left;
	margin:2px 10px 10px 9px;
	}


/* services */
div.servicesContainer {
	margin:0;
	float:left;
	width:630px;
	widt\h:628px;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#dbd6d3;
	background:url(/images/gray-vline.gif) #fff repeat-y 0 0;
	position:relative;
	z-index:0;
	}
/* tweak vline position for mac/ie5 by setting the value for all/ie ... */
* html div.servicesContainer {
	background-position:1px 0;
	}
/* then reverting for win/ie .. */
@media screen,projection {
	* html div.servicesContainer {
		background-position:0 0;
		}
	}
/* then re-asserting for MSN */
div.servicesContainer:not(:nth-child(n)) h2 a:visited {
	background-position:0 0;
	}
	
	
	
	
	
	
/* thumbnails in link groups */
#flashHolder {
	position:relative;
	margin-top:20px;
	float:left;
	}
#flash {
	position:absolute;
	left:323px;
	bottom:10px;
	width:140px;
	height:105px;
	z-index:1;
	margin-left:-157px;
	/*
	position:absolute;
	bottom:1px;
	left:0;
	*/
	}

	
	
/* link groups */
div.services {
	margin:0 0 0 -1px;
	background:transparent;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#dbd6d3;
	width:158px;
	widt\h:156px;
	float:left;
	position:relative;
	z-index:1;
	overflow:hidden;
	}
	
div.other {
	border-right-width:0;
	}
	
div.other h2 {
	width:157px;
	}
	
div.other h2 a, div.other h2 a:visited {
	width:157px;
	widt\h:137px;
	}
	
div.services h2 {
	display:block;
	border-width:1px 0;
	border-style:solid;
	border-color:#dbd6d3;
	width:156px;
	}
	
div.services h2 a, div.services h2 a:visited {
	color:#7c6d64;  /* Gray Text */
	background:#fff;
	display:block;
	width:156px;
	widt\h:136px;
	padding:0.8em 10px;
	}

div h2.surgery {
	line-height:100%;
	} 
/* more irrational tweaks for ie */
* html div h2.surgery {
	line-height:97%;
	padding-top:1px;
	}

div h2.surgery a, div h2.surgery a:visited {
	padding:0.4em 10px;
	}
	
/* tweak width for mac/ie5 by setting for all/ie ... */
* html div h2.surgery a, * html div h2.surgery a:visited {
	padding:0.45em 10px;
	}
/* then reverting for win/ie ... */
@media screen,projection {
	* html div h2.surgery a, * html div h2.surgery a:visited {
		padding:0.4em 10px;
		}
	}
/* then re-asserting for MSN */
div:not(:nth-child(n)) h2.surgery a, div:not(:nth-child(n)) h2.surgery a:visited {
	padding:0.45em 10px;
	}

	
div.services h2 a:hover, div.services h2 a:focus, div.services h2 a:active {
	color:#fff;
	background:#95989b;
	}
	
div.services ul, div.services li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
div.services ul {
	padding:10px;
	}

div.services li {
	line-height:150%;
	}

div.services li a, div.services li a:visited {
	color:#60554e;  /* Gray Text [897f79] */
	}
	
div.services li a:hover, div.services li a:focus, div.services h2lia:active {
	color:#00a02f;
	}


/* egg donor pages */
div.eggdonor dl {
	padding-top:10px;
	}

div.eggdonor dt {
	float:none;
	}

div.eggrecipient li {
	margin:0;
	padding:0;
	font-size:0.75em;
	line-height:130%;
	}
div.eggrecipient li li {
	font-size:1em;
	}

div.eggdonor p.links {
	margin-top:20px;
	text-align:center;
	}


/* testimonials */
div.letterBody {
	padding-left:23px;
	}
	
ul.letterLinks, ul.letterLinks li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
ul.letterLinks {
	clear:both;
	margin:30px 0 20px 28px;
	}
ul.letterLinks li {
	font-weight:bold;
	float:left;
	margin-right:12px;
	}

div.outerLeft ul.letterLinks {
	font-size:0.7em;
	float:left;
	width:130px;
	widt\h:120px;
	margin:60px 0 8px 10px;
	padding:0 0 5px 10px;
	border-bottom:1px solid #dbd6d3;
	}

* html div.outerLeft ul.letterLinks {
	position:relative;
	left:-10px;
	}

div.outerLeft ul.letterLinks li {
	font-size:1em;
	}

p.transcriptLink {
	width:152px;
	text-align:center;
	clear:both;
	}

p.signature {
	padding-top:20px;
	}

p.signature span {
	display:block;
	margin-top:10px;
	}




/* arrow links */
li.previous {
	padding-left:12px !important;
	background:url(/images/tinyarrow-back.gif) #fff no-repeat center left;
	}
li.next {
	padding-right:12px !important;
	background:url(/images/tinyarrow-next.gif) #fff no-repeat center right;
	}


/* resources */
body.resources h2 a, body.resources h2 a:visited {
	font-weight:normal;
	}

div.publications ul {
	margin:0 0 0 9px;
	padding:0;
	list-style-type:none;
	}
div.publications ul li {
	margin:0 0 29px 0;
	padding:0;
	list-style-type:none;
	}
div.publications ul li span {
	display:block;
	}
	
div.glossary ul, div.glossary li {
	margin:0;
	padding:0;
	list-style-type:none;
	}

div.glossary ul {
	margin-left:9px;
	width:450px;
	float:left;
	margin-bottom:15px;
	}
	
div.glossary div.hr {
	margin-top:0;
	}
	
div.glossary li {
	float:left;
	font-weight:bold;
	padding-right:8px !important;
	}

div.glossary h2 {
	margin-bottom:10px;
	}
	
	
	
/* financing */
div.financing ul, div.guaranteed ul, .midPageFull ul {
	margin:15px 0 10px 0;
	padding:0;
	}
	
div.financing li {
	margin:0 0 15px 25px;
	padding:0;
	}
	
div.guaranteed li {
	margin:0 0 0 25px;
	line-height:130%;
	padding:0;
	}
	
.midPageFull h2 {
	border-bottom:1px solid #dbd6d3;
	text-align:center;
	padding:1px 0 8px 0;
	}

div.midPageFull li {
	margin:0 0 0 15px;
	line-height:130%;
	padding:0;
	}



/* faqs */
div.faqs ul {
	margin:0 0 0 9px;
	padding:0;
	list-style-type:none;
	}
div.faqs li {
	margin:0 0 12px 0;
	padding:0;
	line-height:130%;
	list-style-type:none;
	}

div.faqs a, div.faqs a:visited {
	color:#60554e; /* Gray Text [7a6b62] */
	}
	
div.faqs a:hover, div.faqs a:focus, div.faqs a:active {
	color:#00a02f;
	}

p.return {
	margin-top:20px !important;
	padding-left:15px;
	background:url(/images/tinyarrow-back.gif) #fff no-repeat center left;
	}



/* sitemap */
#sitemap h2 {
	font-size:0.95em;
	font-weight:bold;
	margin:1.0em 0 0.3em 0;
	}
#sitemap {
	margin:0 0 0 20px;
	padding:0;
	}
#sitemap li {
	margin:0;
	padding:0;
	font-size:0.85em;
	line-height:130%;
	}
#sitemap li li li {
	font-size:1em;
	}
	
	
	
	
	
	
	

/* footer */
.footer {
	float:left;
	width:655px;
	widt\h:459px;
	padding:34px 9px 9px 187px;
	}
body.index div.footer {
	padding:9px !important;
	width:478px;
	widt\h:459px;
	}
	

/* hack homepage footer position for mac/ie5 by setting for all/ie ... */
* html body.index div.footer {
	float:right;
	margin:-56px 52px 0 0;
	}
/* then reverting for win/ie ... */
@media screen,projection {
	* html body.index div.footer {
		float:left;
		margin:0;
		}
	}
/* then re-asserting for MSN ... */
body.index div.footer:not(:nth-child(n)) {
	float:right;
	margin:-56px 52px 0 0;
	}

	
div.outerFull .footer {
	width:630px;
	widt\h:612px;
	padding:34px 9px 9px 9px;
	}
div.outerFull .footer p, div.outerFull .footer li {
	font-size:0.7em;
	}
	
	
	
.footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:1em;
	}

	
.footer li {
	margin:0;
	padding:0;
	list-style-type:none;
	font:0.7em arial,sans-serif;
	letter-spacing:0.005px;
	color:#60554e;
	background:transparent;
	float:left;
	text-align:center;
	}

#footer-copy { width:42%; text-align:left; }
#footer-email { width:18%; }
#footer-privacy { width:28%; }
#footer-sitemap { width:11%; text-align:right; }
	
	
	
	
/* glossary tooltips */
span.hasTooltip {
	position:static;
	background:#eee;
	color:#897f79; /* Gray Text */
	cursor:help;
	}
	
div.tooltip {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	border:1px solid #000;
	color:#000;
	background:url(/images/greenbit.gif) #e5e5e5 repeat-x 0 0;
	margin:0;
	width:250px;
	padding:17px 0 10px 0;
	}

div.tooltip dl {
	margin:0 10px !important;
	}
div.tooltip dt, div.tooltip dd {
	margin:0;
	font-size:0.75em;
	float:none;
	line-height:120%;
	}
div.tooltip dd.more {
	padding-top:5px;
	text-align:right;
	}


