/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; }
fieldset,img,a {border:0; outline:none; }		
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; } 
/* end CSS reset */



/* generic classes */
.floatLeft { float: left; }
.floatRight { float: right;}
.clearFloat { clear: both;}
.hidden { display: none; }
/* end generic classes */



/* elements */
body {
	background: #FFFFFF url(images/bg.jpg);
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
}

p { margin: 15px 20px 0 20px; }

table { text-align: left; }

a { font-style: italic; font-weight: bold; color: #FFFFFF; }
/* end elements */



/* classes */
#container { position: relative; width: 720px; }

#header { width: 240px; background: url(images/headerCenter.jpg) repeat-x; }
#header h1 { color: #000000; font-size: 18px; font-weight: 900; margin: 40px 20px 15px 28px; }
#header p { color: #666666; font-size: 16px; margin:  0 20px 20px 30px; }
#header img { margin: 0 0 0 25px; }

#nav { background: url(images/navBG.jpg) repeat-x; padding: 0 0 0 35px; }
#nav ul { list-style: none; }
#nav li { float: left; margin: 0 40px -5px 0; }
#nav a { text-decoration: none; font-weight: normal; font-style: normal; }
#nav a:hover { text-decoration: underline; }

#diagnosisTemplate1 {
	position: absolute;
	top: 413px;
	left: 185px;
	background: url(images/dropDownDiagnosis.png) no-repeat;
	height: 145px;
	width: 225px;
	padding: 5px 20px 0 20px;
	display: none;
}

#proceduresTemplate1 {
	position: absolute;
	top: 413px;
	left: 295px;
	background: url(images/dropDownProcedure.png) no-repeat;
	height: 104px;
	width: 196px;
	padding: 5px 20px 0 20px;
	display: none;
}

#diagnosisTemplate2 {
	position: absolute;
	top: 338px;
	left: 185px;
	background: url(images/dropDownDiagnosis.png) no-repeat;
	height: 145px;
	width: 225px;
	padding: 5px 20px 0 20px;
	display: none;
}

#proceduresTemplate2 {
	position: absolute;
	top: 338px;
	left: 295px;
	background: url(images/dropDownProcedure.png) no-repeat;
	height: 104px;
	width: 196px;
	padding: 5px 20px 0 20px;
	display: none;
}

#leftCol { margin: 0 0 0 32px; float: left; }
#leftCol li { margin: 5px 20px 0 35px; font-size: 11px; }

.indexLeftCol { height: 580px; }
.indexRightCol { border-left: 1px solid #000; height: 580px; }
.bioRightCol { border-left: 1px solid #000; height: 713px; }
.whippleRightCol { border-left: 1px solid #000; height: 737px; }
.liverRightCol { border-left: 1px solid #000; height: 842px; }
.laparoscopicRightCol { border-left: 1px solid #000; height: 677px; }
.rfaRightCol { border-left: 1px solid #000; height: 791px; }
.cancerRightCol { border-left: 1px solid #000; height: 532px; }
.consultationRightCol { border-left: 1px solid #000; height: 485px; }
.adminRightCol { border-left: 1px solid #000; }
.gallbladderLeftCol { height: 553px; }
.pancreaticLeftCol { height: auto; }
.loginRightCol { border-left: 1px solid #000; }

.diagnosis { margin: 0 0 0 15px; }

#bio { background: #FFFFFF url(images/bioBG.jpg) repeat-x; }
#procedure { background: #FFFFFF url(images/procedureBG.jpg) repeat-x; width: 447px; }
#procedure li { margin: 0 0 0 60px; color: #000000; }
#procedure p { color: #000000; }

#sectionHeader { padding: 0 0 0 15px; font-weight: 900; font-size: 16px; height: 46px; }
#procedureHeader { background: url(images/blueFade.jpg) no-repeat; height: 10px; }
#procedureDescHeader { background: #cdcdcd url(images/procedureDescHeader.jpg) no-repeat; padding: 0 0 0 15px; font-weight: 900; font-size: 16px; height: 46px; }
#procedureSlideshow { font-weight: 900; font-size: 16px; height: 235px; color: #000000; }
#procedureSlideshow img { margin: 10px 0 0 15px; }

.surgeons { margin: 0 20px 0 0; float: left; }

p.spacedOut { line-height: 22px; }
p.bioList { font-size: 11px; font-style: italic; font-weight: bold; }
p.bioAbout { line-height: 14px; }
p.bioBottom { color: #000000; }
span.question { font-weight: bold; font-style: italic; }

#consultation { color: #000000; margin: 0 0 0 25px; }
#consultation textarea { width: 250px; padding: 2px 3px 0 3px; }
.consultationInput { width: 250px; height: 18px; padding: 2px 3px 0 3px; }

.stories { padding: 15px 15px 0 15px; color: #000000; }
.stories h1 { font-size: 16px; font-weight: bold; }
.stories span { color: #666666; font-size: 11px; font-style: italic; }
.stories p { margin: 10px 0 10px 10px; }
.stories a { text-decoration: none; color: #006599; font-size: 12px; }
.stories a:hover { text-decoration: underline; }
.viewAddComments { text-align: right; }

.addComment { display: none; background-color: #cdcdcd; border: 1px solid #2b2b2b; width: 300px; padding: 20px; margin: 0 0 15px 0; }
.addComment textarea { width: 200px; padding: 2px 3px 0 3px; }
.addCommentInput { width: 200px; height: 18px; padding: 2px 3px 0 3px; }

.adminMenu a { text-decoration: none; font-style: normal; font-size: 12px; }
.adminMenu a:hover { text-decoration: underline; }
.adminMenu ul { margin: 15px 0 25px 0; }

.footer a { color: #000000; text-decoration: none; font-weight: normal; font-style: normal; margin: 0 4px 0 4px; }
.footer p { margin: 0 0 5px 0; color: #000000; font-weight: bold; text-align: center; }
.footer span { color: #666666; }
/* end classes */
.bold {
	font-weight: bold;
	color: #333333;
}
.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #761042;
}
.subheader2 {
	color: #000000;
	font-weight: bold;
	font-size: 13px;
}
.image-margin {
	display: block;
	padding-left: 10px;
}
#bottom-featurette {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	background-position: bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #939496;
}
#bottom-featurette  a {
	text-decoration: none;
	font-style: normal;
}
#bottom-featurette a:hover {
	color: #929292;
	text-decoration: underline;
}
.right-line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9E9E9E;
}
.image-border {
	border: 1px solid #C4C4C4;
	margin-left: 15px;
}
.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}