/*
-----------------------------------------------
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: 'PT Serif', serif;
			font-style: normal;
			font-size: 1.75em;
			font-weight: 200;
			text-shadow: none;
			text-decoration: none;
			text-transform: none;
			letter-spacing: 0em;
			word-spacing: 0em;
			line-height: 1.2;
		}
	
		#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;
		}
		

a:link, a:visited {
	text-decoration: underline;
	color: #163f6e;
	/* background-color: #E7DEC6; */
}

.secondNav {
	font-size: small;
}

.subHead12 {
	font-family: 'PT Serif', serif;
	font-weight: 200;
	font-size: 1.25em;
	line-height: 1.25em;
}

	/* 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 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: 14em;
  padding: 0em;
  list-style: none;
}
#cv ul li {
  padding: .5em .5em 1.2em .5em;
}
#cv ol {
  margin-left: 14em;
  padding: .5em;
  text-indent: -1.2em;
}
#cv ol li {
  padding: .5em .5em 1.2em 1em;
  list-style-position: inside;
}
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 */