/*
-----------------------------------------------
Inspired By:
Blogger Template Style
Name:     Mr. Moto Rising (Ellington style)
Designer: Jeffrey Zeldman
URL:      www.zeldman.com
Date:     23 Feb 2004
----------------------------------------------- */

/* Primary layout */

	/*** The Essential Code ***/

		body {
			margin: 0px;
			padding-left: 320px;    /* LC fullwidth */
			/* padding-right: 140px;   /* RC fullwidth + CC padding */
			padding-right: 60px;   /* RC fullwidth + CC padding */
			min-width: 460px;       /* LC fullwidth + CC padding + 100px */
		}

		#header, #mainnav, #footer-wrapper, #headerborder {
			margin-left: -320px;    /* LC fullwidth */
			/* margin-right: -140px;   /* RC fullwidth + CC padding */
			margin-right: -60px;   /* RC fullwidth + CC padding */
		}
		
		.column {
			position: relative;
			float: left;
		}

		#center-column {
			padding: 0 20px;		/* CC padding */
			width: 100%;
		}
		
		#center-column.column table {
			clear: both; /* allows the edit button and admin console to clear the bodytext */
		}

		#left-column {
			width: 298px;           /* LC width minus 2 pixels for border*/
			padding: 0 10px;        /* LC padding */
			right: 360px;           /* LC fullwidth + CC padding */
			margin-left: -100%;
		}

		#right-column {
			/* width: 80px;           /* RC width */
			width: 20px;           /* RC width */
			/* padding: 0 10px;        /* RC padding */
			padding: 0;        /* RC padding */
			margin-right: -100%;
		}
		
		#footer-wrapper {
			clear: both;
		}

	/*** IE Fix ***/
	
		/* html #left-column {
			left: 320px;            /* RC fullwidth
		} */
		
		* html #center-column, #left-column {
			padding-top: 1em;
			text-align: left;
		}
		
		* html #center-column h2 {
      		font-family: Georgia, Times, serif;
    	}
	
	
	/*** Appearance ***/

		body {
			background-color: #aca589;
			font-family: "Lucida Grande", lucida, arial, helvetica, sans-serif;
			font-size: 0.9em;
			/* font: normal 14px Arial, Helvetica, sans-serif; */
			color: #666;
		}
	
		#header {
      		height: 100px;
      		background: #aca589;
      		background-image: url(http://treatcancer.com/images/machineheader3.jpg);
      		background-repeat: no-repeat;
      		text-align: left;
      		/* border-top: 0px;
      		border-right: 0px;
      		border-bottom: 0px;
      		border-left: 0px;
      		border-style: solid;
      		border-color: #333; */
    	} 
    
    	#header img {
    		position: relative;
    		left: 20px;
    		top: 20px;
    		border: 0;
    	}
    	
    	#mainnav {
    		/* see tabNavigation.css */
    	}
 
		#center-column {
			background-color: #F7F7E7;
			border-right: 1px dotted #aca589;
		}	
		
		#center-column p {
			line-height: 1.5em;
		}
	
		#center-column h2 {
			font-family: Georgia, Times, serif;
		}
	
		#left-column {
			background-color: #E7DEC6;
			border-right: 1px dotted #aca589;
		}
	
		#right-column {
			background-color: #ACA589;
			/* border-left: 1px dotted #aca589; */
		}
	

		#bottomnav {
       		background-color: #163f6e;
        	text-align: right;
        	font-size: .9em;
        	padding: .2em;
        	color: #ccc;
        	border-top: 2px solid #aca589;
		}
	
		#bottomnav a {
			text-decoration: none;
			color: #ccc;
		}
	
		#footer {
        	height: 4em;
 			background: #4c7094;
 			border-top: 1px solid #333;
 			border-bottom: 3px solid #ccc;
 			font-size: .8em;
        	color: #333;
        	padding: 1em;
 		}
 	
 		#footer a {
 			color: #333;
 			}
 		
 		#footer-address {
    		float: left;
    		text-align: left;
    	}
    
    	#footer-copyright {
    		float: right;
    		text-align: right;
    	}
    	
    	h4 {
			font-size: 1.3em;
			margin: 0 0 0;
		}
	
		#left-column h4 {
			font-family: 'Lucida Grande', Verdana, Sans-Serif;
			font-size: 1.2em;
			margin: 5px 0 0;
			padding: 0;
		}
		
		.imageLeft {
			float: left;
			padding: 0 1em .5em 0;
		}
		
		.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

		.sIFR-replaced {
			visibility: visible !important;
		}

		span.sIFR-alternate {
			position: absolute;
			left: 0;
			top: 0;
			width: 0;
			height: 0;
			display: block;
			overflow: hidden;
		}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

		.sIFR-hasFlash h1 {
			visibility: hidden;
		}

		.sIFR-hasFlash h2 {
			visibility: hidden;
			letter-spacing: -9px;
			font-size: 30px;
		}

/*	.sIFR-hasFlash h3 {
		visibility: hidden;
		letter-spacing: -5px;
		font-size: 25px;
	}

	.sIFR-hasFlash h4 {
		visibility: hidden;
		letter-spacing: -5px;
		font-size: 21px;
	}

	.sIFR-hasFlash h5#pullquote {
		letter-spacing: -4px;
		visibility: hidden;
		font-size: 24px;
	}
	*/
a:link, a:visited {
	text-decoration: underline;
	color: #163f6e;
	/* background-color: #E7DEC6; */
}

.secondNav {
	font-size: small;
}

.subHead12 {
	font-weight: bold;
	font-size: 1.2em;
}

	/* Left Column Navigation ------------------------------------------------------- */
	
#left-column h4 a {
	width: 272px;
	height: 25px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -3000px;
	text-decoration: none;
	color: #003366;
	}
	
#left-column #treatmentInfoClosed h4 a {
	background-image: url(http://treatcancer.com/images/treatmentInfoClosed.gif);
	}
	
#left-column #treatmentInfoOpen h4 a {
	background-image: url(http://treatcancer.com/images/treatmentInfoOpen.gif);
	}
	
#left-column #treatInfoListOpen li h4 {
	display: none;
	}
	
#left-column #diseaseInfoClosed h4 a {
	background-image: url(http://treatcancer.com/images/diseaseInfoClosed.gif);
	}
	
#left-column #diseaseInfoOpen h4 a {
	background-image: url(http://treatcancer.com/images/diseaseInfoOpen.gif);
	}
	
#left-column #diseaseInfoListOpen li h4 {
	display: none;
	}
	
#left-column #treatmentCenterClosed h4 a {
	background-image: url(http://treatcancer.com/images/treatmentCenterClosed.gif);
	}
	
#left-column #treatmentCenterOpen h4 a {
	background-image: url(http://treatcancer.com/images/treatmentCenterOpen.gif);
	}
	
#left-column #treatmentCenterListOpen li h4 {
	display: none;
	}
	
#left-column #doctorInfoClosed h4 a {
	background-image: url(http://treatcancer.com/images/doctorInfoClosed.gif);
	}
	
#left-column #doctorInfoOpen h4 a {
	background-image: url(http://treatcancer.com/images/doctorInfoOpen.gif);
	}
	
#left-column #doctorInfoListOpen li h4 {
	display: none;
	}
	
#left-column #qualityassuranceClosed h4 a {
	background-image: url(http://treatcancer.com/images/qualityassuranceClosed.gif);
	}

#left-column #qualityassuranceOpen h4 a {
	background-image: url(http://treatcancer.com/images/qualityassuranceOpen.gif);
	}

#left-column #qualityassuranceListOpen li h4 {
	display: none;
	}
	
#left-column ul {
	list-style-type: none;
	list-style-position: default;
	margin: 0;
	padding: 0;
	/* width: 10em; */
	width: 272px;
	}
	
#left-column ul li {
	margin: 0;
	padding: 0;
	display: inline; /* this gets rid of the gaps */
  	list-style: none;
  	font-size: small;
	}
	
#left-column ul li a {
	margin: 0;
	padding: .25em .25em .25em 30px;
	border-color: #ACA589;
	border-width: 0 0 1px 0;
	border-style: solid;
	display: block;
	color: #313131;
	background-color: #F7F7E7;
	text-decoration: none;
	width: 239px;
	/* width: 10em; or use height (tricks IE into letting you click anywhere on the block, not just the text */
	}
	
#left-column ul li a:hover {
	color: #333333;
	text-decoration: none;
	border-color: #ACA589;
	border-width: 0 0 1px 0;
	border-style: solid;
	background-color: #ACA589;
}

#left-column ul li a:visited {
	color: #336633;
	/* color: #028570; */
}

/* Photos with descriptions */

div.photo-desc {
    clear: both;
    margin: 20px;
    padding: 20px;
    border-top: 1px solid #aca589;
    }
div.photo-desc img {
    float: left;
    padding: 0px 20px 20px 0px;
    }
div.photo-desc p {
    margin: 0px 0px 0px 250px;
    }
    
.imageright {
	float: right;
	padding: 7px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

/* Physician CV Layout */

#cv {
  padding: 10px 10px 0px 10px;
}
/* #cv h3 {
  width: 9em;
  padding: .5em;
  float: left;
  margin: 0;
  border-top: 0px solid #999;
  display: block;
}
h3.btop {
  border-top: 1px solid #999;
}
#cv h3.btop {
  border-top: 1px solid #999;
  clear: both;
}
h3.underline
{
  border-top: 1px solid #999;
  font-weight: normal;
  text-decoration: underline;
}
h3.normal {
  font-weight: normal;
  text-decoration: none;
}
h4 {
  font-weight: normal;
  color: #333333;
  text-decoration: none;
} */
#cv hr {
	border: 0;
	height: 1px;
	color: #aca589;
	background-color: #aca589;
}
#cv h4 {
  width: 13em;
  font-size: 1em;
  padding: .5em .5em 1.5em .5em;
  float: left;
  margin: 0;
  font-weight: normal;
  border-top: 0px solid #999;
  clear: left;
}
#cv h4.btop {
  border-top: 1px solid #999;
  padding: .5em .5em .5em .5em;
  font-weight: bold;
  clear: both;
}
#cv h4.underline
{
  border-top: 1px solid #999;
  font-weight: normal;
  text-decoration: underline;
}
#cv p {
  margin: 0 0 0 14em;
  padding: .5em .5em 1.5em .5em;
  /* display: block; */
  /* clear: right; */
}
#cv p.descrip {
  margin: 1em 0 1em .5em;
  padding: 0em;
  min-height: 165px;
}
#cv p.btop {
  border-top: 1px solid #999;
  min-height: 1em;
}
#cv ul {
  margin-left: 15em;
  padding: .5em;
  list-style: none;
}
#cv ol {
  margin-left: 18em;
  padding: .5em;
}
dt {
  border-top: 0px solid #999;
  font-weight: bold;
  color: #333333;
}
#glossary dt {
  width: 9em;
  padding: .5em;
  float: left;
  margin: 0;
}
dt.btop {
  border-top: 1px solid #999;
}
dt.underline {
  border-top: 1px solid #999;
  font-weight: normal;
  text-decoration: underline;
}
dt.normal {
  font-weight: normal;
  text-decoration: none;
}
#glossary dd {
  margin-left: 10em;
  padding: .5em;
}
dd.btop {
  border-top: 1px solid #999;
}
#cv blockquote {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0em 0em 0em 14em;
	padding: 0 .75em 0 1.25em;
	border-left: 1px solid #999;
	border-right: 0px solid #999;
}
#gallery li {
	width:120px;
	min-height:225px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}
/* End Physician CV Layout */