html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

body {min-height:100%;background-color:#FAF5D5;margin: 0 auto;padding:0;font-size:10pt;font-family:arial,sans-serif;
	color:#7D3A11;letter-spacing:1pt;}

a {color: green;text-decoration:underline;}
a:hover {color:#0099DD;text-decoration:underline;}
a.hover {color:#7D3A11;text-decoration:none;}
a.hover:hover {color:#0099DD;text-decoration:underline;}
a.closebox {text-decoration:none;float:right;color:white;background-color:#2DB19A;padding:0px 3px 0px 4px;}
a.closebox:hover {text-decoration:none;}

a.article_backlink {font-size:90%;}

a.button {color: white;text-decoration:none;}
a.button:hover {color:#000099;text-decoration:none;}
a.button span {position:relative;top:3px;left:5px;}

form.search input {margin-top:5px;}
option,select {color:#824100;background-color:#F08396;font-size:10pt;}
input.submit {font-size:10pt;color:#7D3A11;font-weight:bold; background-color:#FFECF0;padding:0;border:1px outset #99CC99;width:110px;height:21px;}
input.text  {background-color:#F08396;border:1px inset #99CC99;}
input.text:hover  {background-color:white;}
input.textarea  {background-color:#F08396;border:1px inset #99CC99;}
input.textarea:hover  {background-color:white;}

span.phoneno {color: #0199CB;text-decoration:underline;cursor:help;}

p {margin:10px 0;}
p.legalnotes {color:red;font-size:90%;}
p.article_author {margin:0;margin-left:20px;font-size:80%;line-height:17px;}
p.article_author a {font-style:italic;}
p.article_author span {font-style:italic;}
p.smaller {font-size:90%;}
p.no_letterspacing {letter-spacing:0pt;}

select {background-color:ivory;}

div.infobox {margin:0px;border:1px solid #6D78C7;width:350px;text-align:left;
	background-color:white;position:absolute;top:195px;left:600px;z-index:10; overflow:auto;}
div.infobox p {margin-bottom:10px;margin-top:0px;}
div.infobox p.legalnotes {margin-bottom:0px;margin-top:10px;}
div.infobox div {margin:7px 7px 7px 10px;}

div.trailbox {padding:0px;height:200px;width:190px;margin:10px 0px 0px 0px;font-size:100%;letter-spacing:0pt;font-size:90%;
	background: url(layout-images/full-trail-box-hdr-bg.jpg) top left no-repeat;border:1px solid #FAF6D5;}
div.trailbox div {width:190px;height:170px;overflow:auto;padding:0;margin:0;line-height:14px;}
div.trailbox h5 {text-align:center;margin:5px 0px 0px 0px;padding-bottom:7px;font-size:13px;color:#7D3A11;font-weight:bold;letter-spacing:1pt;}
div.trailbox p {margin:7px 5px 5px 5px;}
#testimonials a.hover {font-style:italic;}

div.readlink {text-align:right;margin-right:5px;}
div.emphquote {clear:both;color:red;margin-left:20px;}
div.emphbox {clear:both;color:red;border:1px solid #6D78C7;padding:7px;}
div.hr {border-top:1px solid #F08396;width:100%;font-size:3pt;}
div.smallspace {font-size:3pt;clear:both;}

h1.pagehdg {font-size:130%;margin:0;height:25px;margin-bottom:14px;font-weight:bold;letter-spacing:3pt;font-style:italic;}
h1.therapist_pagehdg {font-size:110%;font-weight:bold;letter-spacing:1pt;font-style:italic;margin:0 0 15px 0;}
h1.line1 {margin-bottom:0;}
h1.line2 {margin-top:0;margin-bottom:0;position:relative;top:0px;}
h1.line3 {margin-top:0;margin-bottom:0;position:relative;top:0px;}
h1.line4 {margin-top:0;margin-bottom:0;position:relative;top:0px;}
h1.bot {margin-bottom:14px;}
h2 {margin:0px 0px 8px 0px;font-size:110%;font-weight:bold;letter-spacing:1pt;font-style:italic;}
h2.therapist_subhdg {clear:both;margin:20px 0 10px 0;font-size:110%;}
h2.indexintro {margin-bottom:0px;font-size:100%;color:#0199CB;color:#33AD98;font-style:normal;}
h2.smaller {font-size:100%;color:#0199CB;font-weight:bold;letter-spacing:1pt;font-style:normal;}
h2.moretopmargin {margin-top:20px;}
h5 {margin:10px 0 5px 0;font-size:100%;letter-spacing:0pt;font-weight:bold;}
h4 {font-size:110%;color:red;font-weight:bold;margin:0;}

div.article_list h2 {margin-top:10px;margin-bottom:0px;} 
div.article_list a.readlink {float:right;}
div.therapist_contact_details {letter-spacing:0pt;margin-bottom:20px;}
div.therapist_info_link {float:right;margin:0 0 15px 0;}
div.practice_on_therapist_page {clear:both;letter-spacing:0;}

hr {color :#F08396;height:1px;}
img {margin:0;padding:0;border:0;}

span.tel {cursor:help;text-decoration:underline;}

/* ul has pink bullets,
   the <em> tag is used to turn the text (within the <li> tags) back to black, 
   with weight: normal to make it non-bold 
   in general, list items are moved 20px to the left (making them non-indented)*/
ul {text-align:left; color:#F08396; list-style-type:circle;padding:0 0 0 18px;margin:5px 0 15px 0;}
ul li em {font-style:normal; color:#7D3A11;}
li {margin-left:0px;padding:0 0 0 5px;}

ul.benefits {font-weight:normal;color:#7D3A11;margin:0px 0px 15px 0px;}
ul.benefits li { margin:0;margin-bottom:3px;}
ul.sub {margin:5px 0 0 0;}

.rfloat {float:right;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.left10 {margin-left:10px;}
.left20 {margin-left:20px;}
.bot0 {margin-bottom:0;}
.top0 {margin-top:0;}
.smalltext {font-size:90%;letter-spacing:0;}

#maincontainer {background: url(layout-images/new-main-bg.jpg) center 162px repeat-y;
	text-align: left;margin: 0 auto;padding: 10;width: 998px;}

#header {height:160px;width:998px;padding:0; margin:0;font-size:100%;text-align:left;
	background: url(layout-images/header-bg-with-logo-and-text.jpg) center top no-repeat;}

#heading {margin:0;padding:0;margin-left:185px;padding-top:40px;font-size:13pt;
	font-weight:bold;font-style:italic;letter-spacing:12pt;color:#0077DD;}

div.ukpta {float:right;width:775px;margin:22px 0 0 0;font-size:24pt;}

#topnavi {width:505px;margin:0px 0px 0px 0px;text-align:center;padding:0;float:right;}
#topnavi:after {content: ".";display: block;line-height: 1px;font-size: 0;clear: both;}
ul#navlist {list-style-type: none;margin:43px 0px 0px 0px;padding: 0;font-weight:bold;text-align:center;}
ul#navlist li {text-align:center;display: block;margin: 0;padding: 0px 8px 0px 8px;float: left;width:auto;
	border-right: 1px dotted #F08396;}
ul#navlist li.home {border-left: 1px dotted #F08396;}
ul#navlist li.wide {width:130px;}
ul#navlist li.thispage {color:#7D3A11;}
ul#navlist li a {color:#F08396;font-size:9pt;display: block;text-decoration: none;padding: 0px 0px;}
ul#navlist li a.thispage {color:#0077DD;}
ul#navlist li a:hover {color:#0077DD;text-decoration: underline; }

/* layout table */
#layout {margin: 0 auto;width:904px;}

#leftcolumn {float:left;margin: 0;padding:0;width:240px;}
div.leftinner {margin: 0;padding:0;width:190px;margin-left:50px;} 
ul.leftnavi {list-style-type:none;margin:0;margin-top:14px;margin-bottom:139px;padding:0;}
ul.leftnavi li {text-align:center;height:27px;width:190px;margin:5px 0;padding:0;font-size:9pt;background-color:#FAF5D5;
	background: url(layout-images/navi-bg1.jpg) top left no-repeat;}
ul.leftnavi li.one {background: url(layout-images/navi-bg1.jpg) top left no-repeat;}
ul.leftnavi li.two {background: url(layout-images/navi-bg2.jpg) top left no-repeat;}
ul.leftnavi li.three {background: url(layout-images/navi-bg3.jpg) top left no-repeat;}
ul.leftnavi li.four {background: url(layout-images/navi-bg4.jpg) top left no-repeat;}
ul.leftnavi li.five {background: url(layout-images/navi-bg5.jpg) top left no-repeat;}
ul.leftnavi li.six {background: url(layout-images/navi-bg6.jpg) top left no-repeat;}
ul.leftnavi li.seven {background: url(layout-images/navi-bg7.jpg) top left no-repeat;}
ul.leftnavi li a {color:#7D3A11;font-size:9pt;font-weight:bold;margin:0;position:relative;top:6px;margin-left: 5px;text-decoration:none;}
ul.leftnavi li a.thispage {color:#0077DD;}
ul.leftnavi li a:hover {color:#0077DD;text-decoration: underline; }
ul.therapist {margin-bottom:10px;}

ul.leftnavili a.thispage {color:#9E6D10;text-decoration:none;}

#midcolumn {float: left;width: 490px;margin: 0;}
div.midinner {margin: 0;padding:0;width:465px;margin:12px 0px 0 25px;font-size:100%;}

#rightcolumn {float: left;width: 210px;margin: 0;margin-top:0px;text-align:left;}
div.rightinner {margin: 0;padding:0;width:200px;margin-left:25px;} 

/*div {border:1px solid black;}*/

#footer {clear:both;background: url(layout-images/footer-bg.jpg) center top no-repeat;
	width: 998px;margin: 0 auto;height: 156px;letter-spacing:0pt;}
#footer div {margin:0;padding:0;width:998px;margin-top:47px;font-size:75%;text-align: left;}
#footer #credits {float:right;text-align:right;width:520px;padding-top:15px;padding-right:45px;}
#footer #credits span.legal {font-size:90%;color:red;}
#footer #credits h2 {font-size:100%; display:inline;font-weight:normal;font-style:normal;margin:0;}
#footer #sizer {float:left;width:300px;padding-left:45px;padding-top:25px;}
#footer  p {margin:5px 0;}

div#hoverTip {
  position:absolute;
  z-index:1000;
  letter-spacing:0pt;
  background-color:#FAF5D5;
  border:1px solid #0099DD;
  text-align:left;
  padding:5px;
  min-height:1em;

}

div#hoverTip p {
  margin:0;
  padding:0;
  font:9pt arial,sans-serif;
}

.hoverTip {
  border-bottom:1px dotted #00F;
  cursor:help;
}