/* Remove default styling from every element */

* {
   padding: 0;
   margin: 0;
}

/* end Remove default styling */




/* ############################################################################ */
/* ############################################################################ */

/*   HTML items defined here   */


a:link {
	color: #F58621;   /* #F58621    #FBB41C  #FFC115 */
	text-decoration: none;
}
a:visited {
	color: #AA650D;
	text-decoration: none;
}
a:hover {
	color: #006166;
	text-decoration: underline;
}
a:active {
	color: #AA650D;
	text-decoration: none;
}



body {
	background: #ffffff url('images/background-body.jpg') repeat-x  top center; /* large background image starts at the top of the page and is centered horizintally */
	font-size: 1em;
	margin: 0;
	padding: 0;
}


img {
	border-style: none;
	margin: 0; 
	padding: 0;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: 3px;
	font-weight: normal;
	text-align: left;
	color: #529bbe;
	margin: 0 20px 0 10px;
	padding: 20px 0 10px 0;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #529bbe;
	margin: 30px 20px 10px 10px;
	padding: 0;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	color: #00446a;
	margin: 10px 20px 0px 10px;
	padding: 0;
}



h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	color: #00446a;
	margin: 10px 20px 10px 10px;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #000000;
}






p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	color: #00446a;
	margin: 0 20px 0px 10px;
	padding: 0 0 10px 0;
}


p.centered {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: center;
	color: #00446a;
	margin: 0 10px 0px 10px;
	padding: 0;
}


p.main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 30px;
	text-align: left;
	color: #00446a;
	margin: 0 20px 30px 10px;
	padding: 0 0 10px 0;
}



ul, ol {
	margin: 0 0px 0px 30px;
	padding: 0;
}


ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #00446a;
	margin: 0 20px 0px 10px;
	padding: 0 0 3px 0;
	list-style: outside disc;
}


ol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #00446a;
	margin: 0 20px 0px 10px;
	padding: 0 0 3px 0;
	list-style: outside decimal;
}



sup {
	font-size: 75%;
	line-height: 0;
}










/* ############################################################################ */
/* ############################################################################ */

/*   CLASS items defined here   */





.credits {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	font-style: italic;
	color: #00446a;
	margin: 0 20px 0px 10px;
	padding: 0 0 10px 0;
}






table.tableStats {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	text-align: center;
	color: #00446a;
	margin: 0 10px;
	padding: 0;
}

table.tableStats td {
	padding: 6px;
}



table.tableProlactin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	color: #000000;
	margin: 20px auto;
	padding: 0;
	border:solid #000000;
}

table.tableProlactin td {
	padding: 10px;
}


table.tableProlactin td.tableProlactinHead {
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
}



.footnote {
	font-size: 12px;
	line-height: 14px;
}


p.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #ffffff;
	margin: 0;
	padding: 0 0 0 236px;
}



p.menu a:link {
	color: #ffffff;
	text-decoration: none;
}
p.menu a:visited {
	color: #ffffff;
	text-decoration: none;
}
p.menu a:hover {
	color: #529bbe;
	text-decoration: underline;
}
p.menu a:active {
	color: #ffffff;
	text-decoration: none;
}




.question {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	color: #00446a;
	margin: 20px 20px 0px 10px;
	padding: 0 0 10px 0;
}



p.boldItalic {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	color: #00446a;
	margin: 0 20px 0px 10px;
	padding: 0 0 10px 0;
}



img.lineHorizontal {
	border-style: none;
	margin: 10px 20px 20px 10px; 
	padding: 0;
}


img.inset_left {
	border-style: none;
	margin: 3px 10px 10px 0; 
	padding: 0;
}

img.inset_right {
	border-style: none;
	margin: 3px 0 10px 10px; 
	padding: 0;
}



.back_to_top {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #00446a;
	margin: 20px 20px 0px 10px;
	padding: 10px 0 0 0;
	border-top: 1px solid #000000;
}



.horizontalLine {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #00446a;
	margin: 0px 20px 0px 10px;
	padding: 0px 0 0 0;
	border-top: 1px solid #000000;
}





/*   menu search form items defined here   */

.quickFormTextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #00446a;
	text-align: left;
	margin: 3px; 
	padding: 3px;
	width: 190px;
	height: 100%;
	background: #F1F1CA;
	border: #69562F 1px solid;
}

.quickFormSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	text-align: center;
	margin: 3px; 
	padding: 3px;
	width: 80px;
	height: 100%;
	background: #4888AE;
	border:  #4888AE 1px solid;
}


.quickFormSubmit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff; /* #00446a */
	text-align: center;
	margin: 3px; 
	padding: 3px;
	width: 80px;
	height: 100%;
	background: #00446a;
	border: #ffffff 1px solid;
}











/*   contact form items defined here   */

p.formItemLeft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: right;
	color: #00446a;
	margin: 0 10px 0px 10px;
	padding: 0 0 10px 0;
}


p.formItemLeftReq {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: right;
	font-weight: bold;
	color: #FF0000;
	margin: 0 10px 0px 10px;
	padding: 0 0 10px 0;
}

p.formItemRight {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	color: #00446a;
	margin: 0 20px 0px 10px;
	padding: 0 0 10px 0;
}


p.formItemRightReq {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	color: #FF0000;
	margin: 0 20px 0px 10px;
	padding: 0 0 10px 0;
}









/*   contact form fields defined here   */

.form_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #00446a;
	text-align: left;
	margin: 0;
	padding: 6px;
	width: 720px;
	background: #ffffff;
	border: #69562F 1px solid;
}

.form_input, .form_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #00446a;
	text-align: left;
	margin: 0;
	padding: 2px;
	width: 200px;
	background: #ffffff;
	border: #69562F 1px solid;
}

.form_inputRadio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #00446a;
	text-align: left;
	margin: 0;
	padding: 2px;
	background: #ffffff;
	/* border: #69562F 1px solid;*/
}




.form_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	text-align: center;
	margin: 3px; 
	padding: 3px;
	width: 80px;
	height: 100%;
	background: #4888AE;
	border:  #4888AE 1px solid;
}


.form_submit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff; /* #00446a */
	text-align: center;
	margin: 3px; 
	padding: 3px;
	width: 80px;
	height: 100%;
	background: #00446a;
	border: #ffffff 1px solid;
}












/*   footer items defined here   */

.pageFootAddress {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	color:#00446a;
	margin: 0;
	padding: 20px 0px 10px 0px;
}

.pageFootLinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#00446a;
	margin: 0;
	padding: 5px 0px 10px 0px;
}




p.footMenuLeft {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color:#ffffff;
	margin: 0;
	padding: 120px 290px 0 5px; /* padding: 132px 290px 0 5px; */
}


p.footMenuLeft a:link {
	color: #ffffff;
	text-decoration: none;
}
p.footMenuLeft a:visited {
	color: #ffffff;
	text-decoration: none;
}
p.footMenuLeft a:hover {
	color: #00446a;
	text-decoration: underline;
}
p.footMenuLeft a:active {
	color: #ffffff;
	text-decoration: none;
}




p.footMenuRight {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 18px;
	text-align: center;
	color:#529bbe;
	margin: 0;
	padding: 0;
	width: 200px;
	position: relative;
	left: 737px;
	top: -42px; /* top: -32px; */
}



p.footMenuRight a:link {
	color: #529bbe;
	text-decoration: none;
}
p.footMenuRight a:visited {
	color: #529bbe;
	text-decoration: none;
}
p.footMenuRight a:hover {
	color: #00446a;
	text-decoration: underline;
}
p.footMenuRight a:active {
	color: #529bbe;
	text-decoration: none;
}











/* ############################################################################ */
/* ############################################################################ */

/*   Low Internet Explorer Version warning styled here   */


p.ie_lowVersion {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height: 24px;
	text-align: center;
	color: #FF0000;
	margin: 0;
	padding: 30px;
	background: #FFFFFF;
	border: #FF0000 5px solid;
}












/* ############################################################################ */
/* ############################################################################ */

/*   DIV items defined here   */



/* This will center the flash vertically and horizontally  */
#flashContentIndex {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	width: 1000px;
	height: 600px;
	margin: auto;
	padding: 0;
}


#wrap {
	background: url('images/contentBackAlt2.jpg') repeat-y;
	width: 1000px;
	border: 10px solid #DCD4B9;
	margin: 0 auto;
	padding: 0;
}


#header {
	position: relative;
	width: 1000px;
	height: 156px;
	margin: 0;
	padding: 0;
}


#menu {
	width: 1000px;
	background: #00446a;
	margin: 0;
	padding: 0;
}

#contentContainer {
	background: /* #ffffff */ url('images/contentBackAlt.jpg') no-repeat;
}


#contentLeftImage {
	width: 267px;
	float: left;
}


#contentLeftImageIndex {
	width: 267px;
	float: left;
	background: url('images/pageImageLeft-index.jpg');
}


#contentMain {
	width: 772px;  /* width: 733px; */
	float: left;
	min-height: 430px;
}

#footMenu {
	clear: both;
	background: url('images/bottomMenu.gif');
	width: 1000px;
	height: 179px;
}


#pageFooter {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}


div.calloutBox {
	margin: 10px 20px 0px 10px;
	padding: 10px;
	background: #dfeff5;
}


div.calloutBoxSmall {
	margin: 10px 0px 0px 10px;
	padding: 10px;
	background: #dfeff5;
	width: 280px;
}



div.calloutBoxFloatRight {
	margin: 10px 20px 10px 10px;
	padding: 10px;
	background: #dfeff5;
	float: right;
	width: 250px;
}



#flashHeader {
	width: 1000px;
	height: 156px;
}



#mediLogo {
	display: block;
	width: 177px;
	height: 186px;
	margin: 0;
	padding: 0;
}








/* ############################################################################ */
/* ############################################################################ */


/* Side Navigation Dreams and Science */
	
	/* establish positioning context */
	div#sideMenu {
		float: left;
		position: relative;
		width: 208px; /* width: 267px; */
		margin: 0 20px -70px 0; /* margin: 0 59px 0 0; */
		padding: 0;
	}
	
	
	/* move this nav list to fit in header/sideMenu area */
	div#sideMenu ul#nav {
		position: relative;
		width: 208px; /* width: 267px; */		
		margin: 10px 0 0 10px;
		padding: 0;
		list-style: none;
	}
	
	div#sideMenu ul#nav li {
		float: left; /*  */
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}
	
	/* make anchors behave as buttons */
	div#sideMenu ul#nav a {
		display: block;
		position: relative; /* reestablish positioning for image replacement */
		/* height: 33px; */
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
		float : left; /*   Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items bacause the anchors are set to block, so we float the anchors too */
		list-style: none;
	}
	
	
	
	
	/* make space for images */
	
	
	
	
	div#sideMenu ul#nav a#dream {
		width : 208px;
		height: 47px;
		margin: 0 0 4px 0;
	}
	
	div#sideMenu ul#nav a#science {
		width : 208px;
		height: 47px;
		margin: 30px 0 4px 0;
	}
	
	

	div#sideMenu ul#nav a#firstVisit,
	div#sideMenu ul#nav a#current_firstVisit {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#cope,
	div#sideMenu ul#nav a#current_cope {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#approach,
	div#sideMenu ul#nav a#current_approach {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#doctors,
	div#sideMenu ul#nav a#current_doctors {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#success,
	div#sideMenu ul#nav a#current_success {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#faq,
	div#sideMenu ul#nav a#current_faq {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#financial,
	div#sideMenu ul#nav a#current_financial {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#patientNote,
	div#sideMenu ul#nav a#current_patientNote {
		width : 208px;
		height: 47px;
	}
	
	
	
	div#sideMenu ul#nav a#treatments,
	div#sideMenu ul#nav a#current_treatments {
		width : 208px;
		height: 47px;
	}
	
	div#sideMenu ul#nav a#ivf,
	div#sideMenu ul#nav a#current_ivf {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#egg,
	div#sideMenu ul#nav a#current_egg {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#eggFreezing,
	div#sideMenu ul#nav a#current_eggFreezing {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#preservationCenter,
	div#sideMenu ul#nav a#current_preservationCenter {
		width : 208px;
		height: 66px;
	}
	
	div#sideMenu ul#nav a#research,
	div#sideMenu ul#nav a#current_research {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#pros,
	div#sideMenu ul#nav a#current_pros {
		width : 208px;
		height: 33px;
	}
	
	div#sideMenu ul#nav a#resourceCenter,
	div#sideMenu ul#nav a#current_resourceCenter {
		width : 208px;
		height: 33px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* image replacment via Gilder/Levin method (needs non-semantic span in HTML but leaves text in place for useragents w/ images off) */
	div#sideMenu ul#nav a span {
		position : absolute;
		width : 100%;
		height : 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}






	/* This second span is only used because of the transparent images used in the menu
	   Normally, the text is covered up by the image in the first span, but this 
	   image has no background, so the text needs to be positioned out of site. */
	   
	div#sideMenu ul#nav a span.textBackup {
		position: absolute;
		top: -9999px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	

	




/* ############################################# */
/* ####  Dream Menu Items  #### */
/* ############################################# */
	
	/* offsetting a single image for all navigation text */
	
	div#sideMenu ul#nav a#firstVisit span,
	div#sideMenu ul#nav a#current_firstVisit span 
	/* Establish the current span because the id is set to current_ and if it is not defined, it will not display */ {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px 0px;
	}
	
	div#sideMenu ul#nav a#cope span, 
	div#sideMenu ul#nav a#current_cope span {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px -33px;
	}
	
	div#sideMenu ul#nav a#approach span,
	div#sideMenu ul#nav a#current_approach span {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px -66px;
	}
	
	div#sideMenu ul#nav a#doctors span,
	div#sideMenu ul#nav a#current_doctors span {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px -99px;
	}
	
	div#sideMenu ul#nav a#success span,
	div#sideMenu ul#nav a#current_success span {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px -132px;
	}
	
	div#sideMenu ul#nav a#faq span,
	div#sideMenu ul#nav a#current_faq span {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px -165px;
	}
	
	div#sideMenu ul#nav a#financial span,
	div#sideMenu ul#nav a#current_financial span {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px -198px;
	}
	
	div#sideMenu ul#nav a#patientNote span,
	div#sideMenu ul#nav a#current_patientNote span {
		background: url('images/sideMenu-dream.png'); 
		background-position: 0px -231px;
	}
	
	
	/* menu headings - normal state */
	div#sideMenu ul#nav a#dream span {
		background: url('images/sideMenu-headers.png'); 
		background-position: 0px 0px;
	}
	
	div#sideMenu ul#nav a#science span {
		background: url('images/sideMenu-headers.png'); 
		background-position: 0px 47px;
	}

	
	
	

	/* hover states */
	div#sideMenu ul#nav a:hover#firstVisit span, /* hover state */
	div#sideMenu ul#nav a#current_firstVisit span /* current page */ {
		background-position: -208px 0px;
	}
	
	div#sideMenu ul#nav a:hover#cope span, /* hover state */
	div#sideMenu ul#nav a#current_cope span /* current page */ {
		background-position: -208px -33px;
	}
	
	div#sideMenu ul#nav a:hover#approach span, /* hover state */
	div#sideMenu ul#nav a#current_approach span /* current page */ {
		background-position: -208px -66px;
	}
	
	div#sideMenu ul#nav a:hover#doctors span, /* hover state */
	div#sideMenu ul#nav a#current_doctors span /* current page */ {
		background-position: -208px -99px;
	}
	
	div#sideMenu ul#nav a:hover#success span, /* hover state */
	div#sideMenu ul#nav a#current_success span /* current page */ {
		background-position: -208px -132px;
	}
	
	div#sideMenu ul#nav a:hover#faq span, /* hover state */
	div#sideMenu ul#nav a#current_faq span /* current page */ {
		background-position: -208px -165px;
	}
	
	div#sideMenu ul#nav a:hover#financial span, /* hover state */
	div#sideMenu ul#nav a#current_financial span /* current page */ {
		background-position: -208px -198px;
	}
	
	div#sideMenu ul#nav a:hover#patientNote span, /* hover state */
	div#sideMenu ul#nav a#current_patientNote span /* current page */ {
		background-position: -208px -231px;
	}
	
	
	
	
	
	
	
	
	/* menu headings - hover state */
	div#sideMenu ul#nav a:hover#dream span {
		background-position: -208px 0px;
	}
	
	div#sideMenu ul#nav a:hover#science span {
		background-position: -208px 47px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* ############################################# */
/* ####  Science Menu Items  #### */
/* ############################################# */
	
	/* offsetting a single image for all navigation text */
	
	div#sideMenu ul#nav a#treatments span,
	div#sideMenu ul#nav a#current_treatments span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px 0px;
	}
	
	div#sideMenu ul#nav a#ivf span,
	div#sideMenu ul#nav a#current_ivf span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px -47px;
	}
	
	div#sideMenu ul#nav a#egg span,
	div#sideMenu ul#nav a#current_egg span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px -80px;
	}
	
	div#sideMenu ul#nav a#eggFreezing span,
	div#sideMenu ul#nav a#current_eggFreezing span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px -113px;
	}
	
	div#sideMenu ul#nav a#preservationCenter span,
	div#sideMenu ul#nav a#current_preservationCenter span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px -146px;
	}
	
	div#sideMenu ul#nav a#research span,
	div#sideMenu ul#nav a#current_research span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px -212px;
	}
	
	div#sideMenu ul#nav a#pros span,
	div#sideMenu ul#nav a#current_pros span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px -245px;
	}
	
	div#sideMenu ul#nav a#resourceCenter span,
	div#sideMenu ul#nav a#current_resourceCenter span {
		background: url('images/sideMenu-science.png'); 
		background-position: 0px -278px;
	}
	
	
	

	/* hover states */
	div#sideMenu ul#nav a:hover#treatments span, /* hover state */
	div#sideMenu ul#nav a#current_treatments span /* current page */ {
		background-position: -208px 0px;
	}
	
	div#sideMenu ul#nav a:hover#ivf span, /* hover state */
	div#sideMenu ul#nav a#current_ivf span /* current page */ {
		background-position: -208px -47px;
	}
	
	div#sideMenu ul#nav a:hover#egg span, /* hover state */
	div#sideMenu ul#nav a#current_egg span /* current page */ {
		background-position: -208px -80px;
	}
	
	div#sideMenu ul#nav a:hover#eggFreezing span, /* hover state */
	div#sideMenu ul#nav a#current_eggFreezing span /* current page */ {
		background-position: -208px -113px;
	}
	
	div#sideMenu ul#nav a:hover#preservationCenter span, /* hover state */
	div#sideMenu ul#nav a#current_preservationCenter span /* current page */ {
		background-position: -208px -146px;
	}
	
	div#sideMenu ul#nav a:hover#research span, /* hover state */
	div#sideMenu ul#nav a#current_research span /* current page */ {
		background-position: -208px -212px;
	}
	
	div#sideMenu ul#nav a:hover#pros span, /* hover state */
	div#sideMenu ul#nav a#current_pros span /* current page */ {
		background-position: -208px -245px;
	}
	
	div#sideMenu ul#nav a:hover#resourceCenter span, /* hover state */
	div#sideMenu ul#nav a#current_resourceCenter span /* current page */ {
		background-position: -208px -278px;
	}
	
	
	
	
	
	
	
	
	
	
	/* ############################################################################ */
	/* ############################################################################ */
	
	/* Style sub nav */
	
	div#sideMenu ul#nav ul a:link {
		color: #ffffff;
		text-decoration: none;
	}
	
	div#sideMenu ul#nav ul a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	
	div#sideMenu ul#nav ul a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	div#sideMenu ul#nav ul a:active {
		color: #ffffff;
		text-decoration: none;
	}
	
	
	
	
	
	
	
	/* Set main attributes of drop menus */
	div#sideMenu ul#nav ul {
		background: #988763; /* Set background color to eliminate IE7 glitch where drop menu disappears */		
		margin: 0;
		padding: 0;
		width: 225px;
		list-style: none;
		display: none;
		z-index: 100;
	}
	
	
	
	div#sideMenu ul#nav ul li {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
		border: #FFFFFF 1px solid;
	}
	
	
	div#sideMenu ul#nav ul a {
		float: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 12px;
		display: block;
		background-color: #988763;
		margin: 0;
		padding: 10px;
		height: 12px; 
		width: 100%;
	}
	
	div#sideMenu ul#nav ul a:hover {
		float: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		display: block;
		background-color: #BB9032;
		margin: 0;
	}
	
	
	
	
	/* ############################################################################ */
	/* ############################################################################ */
	
	/* Set position of individual drop menus */
	
	
	
	
	/* Dream drop menus */
	div#sideMenu ul#nav ul#nav_sub_visit {
		position : absolute; /* */
		top : 52px;
		left : 195px;
		z-index: 132;
	}
	
	div#sideMenu ul#nav ul#nav_sub_help_cope {
		position : absolute; /* */
		top : 85px;
		left : 195px;
		z-index: 131;
	}
	
	div#sideMenu ul#nav ul#nav_sub_financial {
		position : absolute; /* */
		top : 250px;
		left : 195px;
		z-index: 130;
	}
	
	
	
	
	/* Science drop menus */
	div#sideMenu ul#nav ul#nav_sub_treatments {
		position : absolute; /* */
		top : 414px;
		left : 195px;
		z-index: 114;
	}
	
	div#sideMenu ul#nav ul#nav_sub_ivf {
		position : absolute; /* */
		top : 458px;
		left : 195px;
		z-index: 113;
	}
	
	div#sideMenu ul#nav ul#nav_sub_egg {
		position : absolute; /* */
		top : 490px;
		left : 195px;
		z-index: 112;
	}
	
	
	div#sideMenu ul#nav ul#nav_sub_pros {
		position : absolute; /* */
		top : 486px;
		left : 195px;
		z-index: 111;
	}
	
	
	
	div#sideMenu ul#nav ul#nav_sub_resourceCenter {
		position : absolute; /* */
		top : 688px;
		left : 195px;
		z-index: 110;
	}
	
	
	
	
	/* ############################################################################ */
	/* ############################################################################ */
	
	/* This makes the sub-menu visible on rollover*/
	div#sideMenu ul#nav li:hover ul { 
		display: block;
	}
	
	
/* 	END Branding Area with Site Navigation */









/* ############################################################################ */
/* ############################################################################ */

/*   INDEX PAGE DIV items defined here   */



/* This will center the flash vertically and horizontally  */
/* This div is replaced by the flash movie, so we have to 
   put it in a container ot get a border around it. */
#flashContentIndex {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	width: 1000px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #FFFFFF;
	text-align: center; /* hack for IE */
	display:block;
}



#wrapIndex {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	width: 1000px;
	height: 600px;
	border: 10px solid #DCD4B9;
	margin: auto; /* */
	padding: 0;
	text-align: center; /* hack for IE */
}


body.index {
	background: #529bbe url('images/background_mainFlash.gif') center;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: center; /* hack for IE */
	/*  position: relative;   */
}


#flashCenter {
  position:absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  width:50%;
  height:50%;
  margin:auto;
 }







/* ############################################################################ */
/* ############################################################################ */

/*   HEADER DIV items defined here   */




/* clickable area for home button */
	div#header a#logoHomeBtn {    
		display : block;
		position : absolute; /* reestablish positioning for image replacement - THIS IS A HACK FOR IE7 */
		/* position : relative;  // reestablish positioning for image replacement */
		float: right;
		width : 340px;
		height: 147px;
		top: 0px;
		right: 0px;
		z-index: 10;
	}
	
	
	
	
	
	
	
	
	
	
	



/* ############################################################################ */
/* ############################################################################ */

/*   Squeeze Page items defined here   */	


	
	#squeezeBackgroundPopup{  
	   display: block; /*  */ 
	   position:fixed;  
	   _position:absolute; /* hack for internet explorer 6*/  
	   height:100%;  
	   width:100%;  
	   top:0;  
	   left:0;  
	   background:#000000;   
	   z-index:100;
	   opacity: 0.7;
	} 
	
	
	
	
	#squeezeWrap {
		display: block;  /* display:none;  */  
   		position:fixed;  
   		_position:absolute; /* hack for internet explorer 6*/
		width: 781px;
		text-align: center;
		background: #00426c;
		padding: 18px 0;
		margin: 0 auto;
		z-index:200;
	}
	
	
	#squeezeContent {
		width: 745px;
		text-align: center;
		background: #ffffff;
		margin: 0 18px;
		padding: 0;
	}
	
	
	
	table#tableCenter {
		margin: 0 18px;
		padding: 0;
	}
	
	
	
	p.squeezeForm {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 16px;
		text-align: left;
		color: #333333;
		margin: 0;
		padding: 0;
	}
	
	
	p.squeezeFormRight {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 16px;
		text-align: right;
		color: #333333;
		margin: 0;
		padding: 0;
	}
	
	
	
	p.squeezeFormDisclaimer {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 16px;
		text-align: right;
		font-style: italic;
		color: #333333;
		margin: 0;
		padding: 0;
	}	
	
	

/*   End Squeeze Page items defined here   */
	
/* ############################################################################ */
/* ############################################################################ */

	




/* ############################################################################ */
/* ############################################################################ */

/*   (You Tube) embedded video object items defined here   */	


	
	object.youtube {  
	   z-index:1;
	} 	
	
	
	/*   End (You Tube) embedded video object items defined here   */
	
/* ############################################################################ */
/* ############################################################################ */