/* ===================================================

CSS for Volker Scheid - v1.1

Author: 		Whitespace Design
Contact: 		north@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		February 2008

====================== resets ===================== */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,td,tr,th
	{margin:0; padding:0 }

h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}

a img,:link img,:visited img {border:none;}

a:active {outline: none;}
:focus {-moz-outline-style: none;}

:link,:visited {text-decoration:none;}

ul, form ol {list-style:none;}

address {font-style: normal;}

#nav ul li a span,
.screenreader {
	position : absolute;
    top : -9000px;
    left : -9000px;
    }

.imageReplace {text-indent: -9000px;}

.clearfix:after,
p.quote:after { /* makes float container block clear floated blocks inside it */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix,
* html p.quote {height: 1%;} /* fix for about clearfix for IE PC */
/* End hide from IE-mac */

.hidden {display: none;}
acronym {border-bottom: 1px dotted #000;}
.clear {clear:both;}



/*====================== universals =====================*/

body {
	font: 75% helvetica, sans-serif; /* reset font size to 12px; */
	background: #FFFFFF url(/graphics/bg.jpg) no-repeat 0 0;
	}

#global {
	width: 800px;
	/* background: url(/graphics/border_stroke2.gif) 110px bottom no-repeat;
	padding-bottom: 154px; */
	}

#header {
	float: left;
	width: 800px;
	background: transparent url(/graphics/stamp2.gif) no-repeat 65px 77px;
	}

#title {
	float: left;
	margin: 77px 0 0 230px;
	}

#leftCol {
	float: left;
	width: 230px;
	}
	
#contact #leftCol,
#home #leftCol {
	height: 200px;
	}
	
#rightCol {
	float: left;
	width: 560px;
	padding: 0 0 0 10px;
	margin: 12px 0 0 0;
	display:inline;
	}
	
#rightColSide {
	float: right;
	width: 150px;
	padding: 0 0 12px 24px;
	}
	
.rightColSideItem {
	float: right;
	}
	
.rightColSideItem#image {
	margin-bottom: 1.4em;
	}
	
	
	

/*====================== nav styles =====================*/

ul#nav {
	float: left;
	width: 570px;
	margin: 28px 0 16px 238px;
	display: inline;
	}

ul#nav li {
	float: left;
	margin-right: 33px;
	}
	
ul#nav li#nav5 {
	margin-right: 0px;
	}
	
ul#nav li a.section {
	background: url(/graphics/navigation_bar.gif) left top no-repeat;
	height: 20px;
	text-indent: -5000px;
	padding-bottom: 0px;
	}
	
	
ul#nav li#nav1,
ul#nav li#nav1 a.section {width: 107px;}
ul#nav li#nav2,
ul#nav li#nav2 a.section {width: 62px; background-position: -107px top;}
ul#nav li#nav3,
ul#nav li#nav3 a.section {width: 60px; background-position: -169px top;}
ul#nav li#nav4,
ul#nav li#nav4 a.section {width: 150px; background-position: -229px top;}
ul#nav li#nav5,
ul#nav li#nav5 a.section {width: 53px; background-position: -379px top;}
		
ul#nav li#nav1 a.section:hover,
#clinical ul#nav li#nav1 a.section { background-position: 0 -20px; }
#research ul#nav li#nav2 a.section,
ul#nav li#nav2 a.section:hover { background-position: -107px -20px; }
#teaching ul#nav li#nav3 a.section,
ul#nav li#nav3 a.section:hover { background-position: -169px -20px; }
#links ul#nav li#nav4 a.section,
ul#nav li#nav4 a.section:hover { background-position: -229px -20px; }
#contact ul#nav li#nav5 a.section,
ul#nav li#nav5 a.section:hover { background-position: -379px -20px; }
	
ul#nav li ul li a {width: auto !important; border-top: 1px solid #ccc;} 


ul#nav a {
	display: block;
	color: #626262;
	font-size: 1em;
	text-transform: uppercase;
	padding-bottom: 4px;
	}

ul#nav li ul {
	position: absolute;
	left: -999em; 
	background: transparent url(/graphics/subnav_bottom.gif) no-repeat 0 bottom;
	width: 150px;
	padding-bottom: 6px;
	margin-left: -11px;
	}
	
ul#nav li ul li ul { 
	position: relative; 
	background: none;
	padding-bottom: 0px;
	}

ul#nav li:hover ul, 
ul#nav li.sfhover ul {
	left: auto;
	}

ul#nav li ul li {float: left;width: 150px !important;}

ul#nav li ul li ul li { margin-left: 9px; display: inline;}

ul#nav li ul li a.item1 {
	background: transparent url(/graphics/subnav_top.gif) no-repeat 0 0;
	padding-top: 11px;
	border: 0;
	}
	
ul#nav li ul a {
	font-size: 1em;
	padding: 5px 6px 5px 12px;
	text-transform: none;
	color: #525252;
	}

ul#subnav {
	width: 120px;
	margin: 12px 0 0 110px;
	}

	ul#subnav li {
		margin-bottom: 12px;
		}

		ul#subnav li ul {
			margin: 12px 0px 0px 10px;
			}
			
		ul#subnav li li {
			margin-bottom: 6px;
			}

	ul#subnav a {
		color: #626262;
		font-size: 1em;
		padding-bottom: 4px;
		}

	ul#nav a.current,
	ul#subnav a.current,
	body.index ul#nav a.item1,
	body.index ul#subnav a.item1,
	ul#subnav a:hover,
	ul#nav a:hover,
	ul#subnav a:active {
		color: #d4422b; /* old red EC4141 */
		}


	

/*================= internal nav styles =================*/

#rightCol ul#internalnav {
	list-style:none;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	}

	#rightCol ul#internalnav li {/*reset*/
		margin-bottom: 0;
		line-height: 1em;
		}

		#rightCol ul#internalnav li a {
			display:block;
			width: 145px;
			padding: 8px 0 10px 3px;
			border-top: 1px solid #CCC;
			border-right: 1px solid #CCC;
			border-left: 1px solid #CCC;
			color: #626262;
			background-color: #FBFBFB;
			}
			
		#rightCol ul#internalnav li a:hover {
			color:#d4422b;
			background-color: #FDF3F6;
			}
			
		#rightCol ul#internalnav li a:focus {
			color:#d4422b;
			background-color: #FDF3F6;
			outline: none;
		}

/*===================== text styles =====================*/

	
span#h1placeholder {/* takes the place of the h1 on homepage to preserve spacing */
	float: left;
	clear: left;
	font-size: 2.25em; /* 27px */
	line-height: 1em;
	margin: 25px 0 10px 239px;
	padding: 2px 0;
	width: 260px;
	}
	
h2 {
	font-size:1.167em; /* 14px */
	line-height: 1.125em;
	margin: 10px 0 10px 0px;
	color: #494949;
	font-weight: normal;
	}
	
.subPage h2,
h2.first,
h2.order1,
body.practice_information h2 {
	margin-top: 0px;
	}
	
h3 {
	padding-top: 10px;
	font-size:1.167em; /* 14px */
	line-height: 1.125em;
	margin: 0px 0 10px 0px;
	color: #494949;
	font-weight: normal;
	}
	
h4 {
	font-size:1.167em; /* 14px */
	line-height: 1.125em;
	margin: 0px 0 10px 0px;
	color: #494949;
	font-weight: normal;
	}
	
h5 {
	margin: 0px 0 10px 0px;
	color: #494949;
	font-weight: bold;
	}

#links h3 {
	font-size:1.167em; /* 14 px */
	line-height: 1.286em;
	margin: 0px 0 0px 0px;
	color: #494949;
	font-weight: normal;
	}
	
#links h3 span.date {
	font-size: .857em;
	}
	
#links h3 img {
	vertical-align: middle;
	}
	
#third h2 {/* table of contents of a book header */
	color: #666;
	}
	
blockquote {
	padding: 0 25px;
	}
	
#rightCol p,
#rightCol li {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
	color: #494949;
	text-align: justify;
	}
	
#rightCol p.backLink {
	margin-top: 2em;
	}
	
#rightCol .item p { /* indent for list of downloads */
	margin-left: 30px;
	}
		
#rightCol p a,
#rightCol li a,
#rightCol p a em,
#links h3 a {
	color: #d4422b;
	}
#rightCol p a:hover,
#rightCol li a:hover,
#rightCol p a:hover em,
#links h3 a:hover {
	color: #000;
	}
	
#rightCol p em {color: #393939;}
	
#rightCol ul {
		list-style: disc;
		}
		
#rightCol li {
	margin-bottom: .5em;
	margin-left: 12px;	
		}
		
#rightCol #rightColSide li {
	margin-left: 0px;
	}

#rightCol #rightColSide p {
	width: 150px;
	}
	
#rightCol .rightColSideItem p.quote {
	font-size: 1.167em; /* 14px */
	margin-bottom: 0px;
	line-height: 1.5em;	
	text-align: left;
	}
	
#rightCol .rightColSideItem p.author {
	margin-top: 1em;
	text-align: right;
	color: #7F7F7F;
	}

#rightCol p.patient {
	font-style: italic;
}
	
#rightCol .rightColSideItem p.author cite {display:block;}
	
.book #rightCol .rightColSideItem p.author cite {
	font-style: italic;
	}
	
.accordion_content {
	overflow: hidden;
	}
	
h2.accordion_toggle {
	color: #d4422b;
	margin-top: 20px;
	cursor: pointer;
	}

h2.accordion_toggle:hover {
	color: #000;
	}
	
h2.accordion_toggle_active {
	color: #494949;
	}
	
.teacher img {
	float: right;
	}
	
.teacher p {
	width: 386px;
	float: left;
	}
	
.teacher {
	clear: both;
	}
	
#footer {
	margin: 75px 0px 0px 239px;
	color: #7F7F7F;
	width: 560px;
	font-size:0.833em;
	line-height: 1.8em;
}
	
#footer .credit a {
	color: #7F7F7F;
	}

#footer .credit a:hover {
	color: #d4422b;
	}
	
#footer .credit a.nolink:hover {
	color: #7F7F7F;
	cursor: default;
	}
	
/*===================== form styles =====================*/

form label {
	display: block;
	float: left;
	width: 100px;
	clear: left;
	}
	
form input,
form textarea {
	width: 255px;
	font: 1em helvetica;
	padding: 3px 3px 1px 5px;
	color: #333;
	}

form input.send {
	width: auto;
	width: 100px;
	height: 24px;
	color: #333;
	float: left;
	padding: 0;
	cursor: pointer;
	}
form input.send:hover {color: #d4422b;}