/* CSS Document */
#holder {
	width: 940px;
	border: 2px solid #FFFFFF;
	margin: 0 15px;
}
* html #holder { /*IE hack*/
	width: 944px;
	w\idth: 940px;
}
#banner {
	width: 940px;
	height: 200px;
	background-image:url(images/trichology-banner.jpg);
	background-repeat:no-repeat;
}
#page {
	background-image:url(images/background.gif);
	background-repeat:repeat-y;
}
#nav {
	float: left;
	width: 254px;
	margin: 0 0 0 0;
}
#content {
	float: right;
	width: 636px;
	margin: 0 0 0 0;
	padding: 0 25px 0 0;
}
* html #content {
	width: 661px;
	w\idth: 636px;
}
#pagefooter {
	clear: both;
	height: 10px;
	margin: 10px 0 0 0;
	background-image:url(images/footer_background.gif);
	background-repeat:repeat-y;
}
#content a, div#accordion a {
	color: rgb(83, 20, 3);
	text-decoration:underline;
}
#content a:hover, div#accordion a:hover {
	color: rgb(83, 20, 3);
	text-decoration:none;
}	
h1 {
	font-size: 2em;
	font-weight:normal;
	padding: 0;
	margin: 60px 0 15px 0;
}
h2 {
	font-size: 1.5em;
	font-weight:bold;
	padding: 0;
	margin: 15px 0;
}
h3 {
	font-size: 1.1em;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
p {
	font-size: 1.1em;
	margin: 0 0 15px 0;
}
p.name {
	font-size: 1.3em;
	font-weight: bold;
	margin: 55px 20px 15px 20px;
}
p.address {
	margin: 0 20px 20px 20px;
	line-height: 1.3em;
}
p.address span {
	font-weight: bold;
	color:#DB363C;
}
#iain {
	float: left;
	margin: 62px 20px 10px 0;
}
#content p {
	line-height: 1.6em;
}
.problems {
	clear: both;
	padding: 0;
	border: 2px solid #FFFFFF;
	background-color:#D4CEB6;
	margin: 15px 0;
}
ul {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
}
ul.lista, ul.listb {
	float: left;
	margin: 20px 0 20px 50px;
	display: inline;
	padding: 0;
}
ol, ul.hirsuitism {
	font-size: 1.1em;
	padding: 0;
	margin: 0 0 15px 15px;
	line-height: 1.4em;
}
ol li {
	margin: 0 0 10px 0;
}
.back {
	position: absolute;
	top: 250px;
	right: 20px;
}

/*accordion*/
div#accordion {
	text-align: left;
}
div#accordion h3 {
	font-size: 1em;
	border-top: 1px solid #FFFFFF;
	padding: 5px;
	margin: 0 5px;
}
div#accordion h3 a {
	color: #FFFFFF;
	text-decoration:none;
	display: block;
}
div#accordion h3 a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
.ui-state-active a {
	background-image:url(images/accordion-spindown-open.gif);
	background-position: 0 55%;
	background-repeat:no-repeat;
	padding-left: 12px;
}
.ui-state-default a {
	background-image:url(images/accordion-spindown-closed.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left: 12px;
}
	
div#accordion div p {
	margin: 10px 10px 10px 22px;
}
/*Remove outline from links for FF and IE7*/
div#accordion h3, div#accordion h3 a {
	outline: none;
}
/*End of accordion*/