/*______________________________________________________________________________________________------------------------

	[site].css - Template for customized site styles
	
	Authors - Mike Sachs, Wen Sun, Jason Bishop
	
______________________________________________________________________________________________------------------------*/

/* full bleed pano */

#pano-main
{
	height: 210px;
	margin-bottom: 10px;
}


#pano-sub
{
	background: transparent url(http://test.environmentalgeriatrics.org/images/panoramas/pano_home.gif) no-repeat 0 0;
	position: relative;
	width: 750px;
	height: 210px;
	margin: 0 auto;
}



#nav-toolbar
{
	display: block;
	position: absolute;
	top: 190px;
	right: 0;
	height: 19px;
	width: 265px;
	background: url(http://test.environmentalgeriatrics.org/images/panoramas/toolbar.gif) no-repeat 0 0;
	border-top: 1px solid #A3A3A3;
	border-left: 1px solid #A3A3A3;
	border-right: 1px solid #A3A3A3;
	margin: 0;
	padding: 0;
}


#nav-toolbar li {
	float: left;
	height: 20px;
	margin: 0;
	padding: 0;
}


#tools1 { width: 74px;}
#tools2 { width: 94px; }
#tools3 { width: 96px;}


/* full bleed pano */



#featuresNav 
{ 
	height: 120px; 
	width: 242px; 
	top: 0px;
	left: 0px;
	text-align: left;
	background: url(http://images.med.cornell.edu/body/environmentalgeriatrics/features.gif) no-repeat bottom right;
	margin: 10px 0 0 0;
}


#featuresNav ul, #featuresNav li
{
	list-style: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#featuresNav li, #featuresNav li#section1_active, #featuresNav li#section2_active, #featuresNav li#section3_active, #featuresNav li#section4_active
{
	display: block;
	background: transparent url(http://images.med.cornell.edu/body/environmentalgeriatrics/features.gif) 0 0 no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#featuresNav li a
{
	display: block;
	width: 242px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#featuresNav li a:hover
{
	background: transparent url(http://images.med.cornell.edu/body/environmentalgeriatrics/features.gif) 0 0 no-repeat;
	width: 242px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#featuresNav li#section1 a
{
	width: 242px;
	height: 25px;
}

#featuresNav li#section1 a:hover, #featuresNav li#section1_active { background-position: -242px 0px; }
#featuresNav li#section1_active a:hover { background-position: 0px 0px; }
#featuresNav li#section1, #featuresNav li#section1_active { height: 25px; }
#featuresNav li#section1 { background-position: 0 0px; }

#featuresNav li#section2 a
{
	width: 242px;
	height: 25px;
}

#featuresNav li#section2 a:hover, #featuresNav li#section2_active { background-position: -242px -25px; }
#featuresNav li#section2_active a:hover { background-position: 0px 0px; }
#featuresNav li#section2, #featuresNav li#section2_active { height: 25px; }
#featuresNav li#section2 { background-position: 0px -25px; }

#featuresNav li#section3 a
{
	width: 242px;
	height: 25px;
}

#featuresNav li#section3 a:hover, #featuresNav li#section3_active { background-position: -242px -50px; }
#featuresNav li#section3_active a:hover { background-position: 0px 0px; }
#featuresNav li#section3, #featuresNav li#section3_active { height: 25px; }
#featuresNav li#section3 { background-position: 0px -50px; }

#featuresNav li#section4 a
{
	width: 242px;
	height: 25px;
}

#featuresNav li#section4 a:hover, #featuresNav li#section4_active { background-position: -242px -75px; }
#featuresNav li#section4_active a:hover { background-position: 0px 0px; }
#featuresNav li#section4, #featuresNav li#section4_active { height: 25px; }
#featuresNav li#section4 { background-position: 0px -75px; }

#featuresNav li#section5 a
{
	width: 242px;
	height: 20px;
}

#featuresNav li#section5 a:hover, #featuresNav li#section5_active { background-position: -242px -100px; }
#featuresNav li#section5_active a:hover { background-position: 0px 0px; }
#featuresNav li#section5, #featuresNav li#section4_active { height: 20px; }
#featuresNav li#section5 { background-position: 0px -100px; }




#courseNav 
{ 
	height: 45px; 
	width: 242px; 
	top: 0px;
	left: 0px;
	text-align: left;
	background: url(http://images.med.cornell.edu/body/environmentalgeriatrics/course.gif) no-repeat bottom right;
	margin: 10px 0 0 0;
}


#courseNav ul, #courseNav li
{
	list-style: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#courseNav li, #courseNav li#course_section1_active, #courseNav li#course_section2_active
{
	display: block;
	background: transparent url(http://images.med.cornell.edu/body/environmentalgeriatrics/course.gif) 0 0 no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#courseNav li a
{
	display: block;
	width: 242px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#courseNav li a:hover
{
	background: transparent url(http://images.med.cornell.edu/body/environmentalgeriatrics/course.gif) 0 0 no-repeat;
	width: 242px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#courseNav li#course_section1 a
{
	width: 242px;
	height: 25px;
}

#courseNav li#course_section1 a:hover, #courseNav li#course_section1_active { background-position: -242px 0px; }
#courseNav li#course_section1_active a:hover { background-position: 0px 0px; }
#courseNav li#course_section1, #courseNav li#course_section1_active { height: 25px; }
#courseNav li#course_section1 { background-position: 0 0px; }

#courseNav li#course_section2 a
{
	width: 242px;
	height: 20px;
}

#courseNav li#course_section2 a:hover, #courseNav li#course_section2_active { background-position: -242px -25px; }
#courseNav li#course_section2_active a:hover { background-position: 0px 0px; }
#courseNav li#course_section2, #courseNav li#course_section2_active { height: 20px; }
#courseNav li#course_section2 { background-position: 0px -25px; }


.replace, a.replace { display: block; }


a.replace
{
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.replace span, a.replace span
{
	text-indent: -9999px;
	display: block;
	height: 0;
	width: 0;
}


a.courseButton, a.courseButton:hover 
{
	display: block;
	width: 242px;
	height: 20px;
	margin:20px 0 0 20px;
	padding: 0px;
	background: transparent url("http://images.med.cornell.edu/body/environmentalgeriatrics/lau_ani.gif") no-repeat 0 0;
}

a.courseButton:hover 
{
	background-position: -242px 0px;
}


#bodyMaster {
	clear:both;
	position:relative;
	width:750px;
	margin:0 auto;
	text-align:left;
}
	  
#bodySub {
	width:100%;
}

#onlyCol {
	width:750px;
	float:left;
	margin: 0px 0px 0px 0px;
	background:transparent;
}
	
#horizontalLine {
	margin:1px 0px 10px 0px;
	height:1px;
	width:100%;
	background:url("http://www.med.cornell.edu/test/images_temp/body/common/dottedLine-h.gif") repeat-x left bottom;
}


	
#homePageBox {
	/*      t   r   b    l	*/
	margin:5px 0px 0px 0px;
	width:750px;
	background:#D6E6E7;
	/* D6E6E7;*/
}

.homePageContent {
	width:374px;
	float:left;
}

#divider {
	background:#D6E6E7 url("http://images.med.cornell.edu/body/environmentalgeriatrics/fea_line.gif") repeat-y left top;
	width:1px;
	height:240px;
	float:left;
}
	
#homePageBox2 {
	/*      t   r   b    l	*/
	background:#D9D2C8 url("http://test.ivf.org/images/box2_bottom.gif") no-repeat right bottom;
	float:left;
	width:325px;
	height:100px;
	margin: 10px 0px 0px 0px;
	/* this is a fix for the peakaboo bug on IE for a PC
		Details here: http://www.positioniseverything.net/explorer/peekaboo.html*/
	/*position:relative;*/
}

#homePageBoxTop {
	width:325px;
	height:18px;
	background:url("http://test.ivf.org/images/qui_lin.gif") no-repeat left top;
}
	
#homepageBoxItemBreak {
	margin:10px 0px 15px 0px;
	height:1px;
	width:100%;
	background:url("http://images.med.cornell.edu/body/cornellphysicians/dottedline_light.gif") repeat-x left bottom;
}
	
#homePageBoxBottom {
	float:left;
	top:0px;
	width:325px;
	height:13px;
	background:url("http://test.ivf.org/images/box_bottom.gif") no-repeat left top;
}

.clearBoth {
	clear:both;
	font-size:0px;
}

.clearAll {
	clear:all;
	font-size:0px;
}
	
#rightCol {
	display:none;
}
	



/* Styles for Expanding Questions/Answer Section */







.faqs {
	position: relative;
	width: 570px;
	background: #EDEBE2 url(http://images.med.cornell.edu/body/common/faq_top.gif) no-repeat;
	display: block;
	padding: 7px 0 0 0;
	margin: 0 0 0 0;
}

.faqs-bottom {
	position: relative;
	width: 570px;
	background: url(http://images.med.cornell.edu/body/common/faq_bottom.gif) no-repeat;
	display: block;
	padding: 7px 0 0 0;
	margin: 0 0 0 0;
}

.container {
	width: 568px;
	border-right: #A79D8E;
	border-left: #A79D8E;
	border-width: 0px 1px 0px 1px;
	border-style: none solid none solid;
	background: #EDEBE2;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.question {
	display: block;
	cursor: pointer;
	color: #555;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	margin: 0 10px 0 0;
}

.question2 {
	display: block;
	cursor: pointer;
	color: #555;
	font-weight: normal;
	padding: 10px 10px 0px 10px;
	margin: 0 10px 0 0;
}

.expand {
	display: block;
	cursor: pointer;
	border-bottom: #A79D8E;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	color: #990000;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
}

.answer
{
	display: none;
	border-top: #CCC;
	border-bottom: #A79D8E;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	background: #FFF;
	padding: 10px 10px 15px 10px;
}

.expand:hover {
	display: block;
	cursor: pointer;
	border-bottom: #A79D8E;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	color: #990000;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	text-transform: inherit;
	text-decoration: underline;
}

.QA {
	color: #333;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.QA2 {
	color: #555;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* this is for those rounded corner related links boxes (by noah)*/
/* the number corresponding to linkbox (ie, 1,2, and 3) refers to the number
of columns in the grid. Should be self explanatory once you use the box. */



.linkbox1 {
        margin: 0 auto; 
        background: url(../images/linkBottomRight.gif) no-repeat bottom right;
		background-color: #E9E6DA;
		width: 547px;
        float: left;
        margin: 0px 7px 20px 7px;
}

.linkbox2 {
        margin: 0 auto; 
        background: url(../images/linkBottomRight.gif) no-repeat bottom right;
		background-color: #E9E6DA;
		width: 266px;
		float: left;
		margin: 0px 7px 20px 7px;     
}

.linkbox3 {
        margin: 0 auto; 
        background: url(../images/linkBottomRight.gif) no-repeat bottom right;
		background-color: #E9E6DA;
		width: 172px;
		float: left;
		margin: 0px 7px 20px 7px;    
}



.linkhead {
        background: url(../images/linkTopRight.gif) no-repeat top right;
		background-color: #A79D8E; 
		padding: 7px 5px 10px 0px;
		margin: 0px 0px 0px 0px;
		color: #ffffff;
		font-weight: bold;
}



.linkhead b {
        background: url(../images/linkTopLeft.gif) no-repeat top left;
        margin: 0;
		padding: 8px 5px 10px 10px;
        color: white; 
        font-weight: bold;       
}



.linkbody {
        background: url(../images/linkBottomLeft.gif) no-repeat bottom left;
        margin: 0;
        padding: 10px 10px 15px 10px;
}


.dottedline {
		/*      t   r   b    l	*/

		padding: 5px 0px 15px 15px;
		background: url("http://images.med.cornell.edu/v4/body/common/dottedLine-brown.gif") repeat-x left center;
}

/* thats the end of those boxes */


sup
{
line-height: 0;
font-size: 9px;
}

/* Hides from IE5-mac \*/
*html sup
{
vertical-align: 0px;
position: relative;
top: -4px;
font-size: 12px;
}

/* End hide from IE5-mac */