/*Set the main background image*/
body {
padding: 0;
margin: 0;
background: white;
color: #000080;
font-family: "Times New Roman", "Times", serif;
}

/*Place logo as background on subpages*/
#logo {
position: relative;
margin: 0 auto;
width: 830px;
padding: 30px 70px 0 87px;
background: url(images/logolight.gif) repeat-y 20px 20px;
}

/*Stop cursor from changing over link to current page*/
.current {cursor: default;}

/*Remove border from image links*/
a img {border: none;}

/*Links in main text*/
a:link {color: #0000FF;}
a:visited {color: #6600CC;}

/*Format Header banner*/
h1 {
position: relative;
width: 22em;
margin: 10px auto 10px 0;
padding: 10px 3px;
background-color: #000080; 
color: #FFFFFF;
font: bold 1.5em serif;
text-align: center;
}
h1 a:link, h1 a:visited {
color: #FFFFFF;
text-decoration: none;
}

/*Position navigation buttons*/
#nav {
position: relative;
margin: 10px 0 0 0;
padding: 0;
float: left;
text-align: left;
list-style: none;
z-index: 100;
}
/*Set layout of navigation buttons  - each image on a new line*/
#nav li {
position: relative;
margin: 1px 0 4px 0; 
width: 126px;
height: 21px;
}

/*Layout submenus*/
#nav li ul.subnav {
display: none;
position: absolute;
left: 125px;
top: 0;
margin: 0;
padding: 0;
border: 1px solid #9999CC;
background: #FFFCF3;
list-style: none;
}
/*Set layout of sub-navigation buttons*/
#nav li ul.subnav li {
position: relative;
margin: 0;
padding: 0;
border-bottom: 1px dashed #BEBEE4;
height: auto;
}
/*Set widths of different submenus individually*/
#nav li ul.therapies li {width: 9em;}
#nav li ul.training li {width: 11.3em;}
/*Make the links fill the parent li elements*/
#nav li ul.subnav li a {
display: block;
padding: 3px 7px;
height: 100%;
color: #000080;
text-decoration: none;
}
/*Change colours on rollover*/
#nav li ul.subnav li a:hover {
background: #F3EEE2;
color: #000080;
}
/*Current page fainter and doesn't change on rollover*/
#nav li ul.subnav li a.current {
padding-left: 5px;
border-left: 3px solid #9999CC;
background: #FFFCF3;
color: #7777A8;
}

/*Navigation 'buttons' on landing pages*/
#landingnav {
position: relative;
margin: 0;
padding: 0 0 20px 0;
min-height: 6em;
}
#landingnav div {
position: relative;
display: block;
float: left;
margin: 0 25px 10px 0px;
}
#landingnav a {
display: block;
padding: 1px 0 0 42px;
border: 1px solid #CCCCFF;
background: #FFF;
width: 160px;
min-height: 34px;
text-decoration: none;
font: bold .8em Arial, Geneva, sans-serif;
color: #000080;
}
#landingnav a img {
position: absolute;
top: 1px;
left: 1px;
}
#landingnav a:hover {border: 1px solid #A7A7FB;}

/*Position main text section*/
#main {
position: relative;
width: 485px;
padding: 30px 0px 50px 10px;
margin: 0 auto 0 140px;
font-family: serif;
text-align: left;
}


/*Main page title*/
h2 {
margin: 0px 0 1.2em 0;
padding: 0;
text-decoration: underline;
font-size: 1.4em;
}

/*Sub-headings for paragraphs*/
h3 {
margin: 1.5em 0 0.5em 0;
padding: 0;
}

/*"also available..."*/
h4.also {
margin: 2px 2px 2px 2px;
padding: 0;
font-size: 1.03em;
font-style: italic;
}

/*Telephone and email on homepage*/
h4 {
margin: .7em 0;
}

/*"Course Content"*/
h5 {
margin: 1em 0 .2em 0;
padding: 0;
font-size: 1em;
} 

/*Main text paragraph*/
p {margin: 0 0 .5em 0;}

/*Make superscript smaller and lighter*/
sup {font-size: .5em; font-weight: lighter;}

/*Underline text*/
.line {text-decoration: underline;}

/*Small caps (type content in lowercase)*/
.small {font-variant: small-caps;}

/*Bold*/
.bold {font-weight: bold;}

/*Quotes*/
.quote {
margin: 1.6em auto 1.3em 45px;
width: 75%;
color: #009999;
font: italic bold 0.95em /135% verdana, sans-serif;
text-align: center;
}

/*Author of Quote*/
.from {
color: #006666;
font-style: normal;
font-weight: normal; 
font-size: .9em;
}

/*Authors of Testimonials*/
.by {
text-align: right;
position: relative;
top: -.5em;
right: .5em;
}

/*Float at left side of text*/
.left {
float: left;
padding: 3px 10px 2px 0px;
}

/*Colours for testimonials etc*/
.orange {color: #CC6600;}
.green {color: #339900;}
.purple {color: #6600CC;}
.gold {color: #999933;}
.midblue {color: #336699;}
.turquoise {color: #009999;} /*as quotes in main text*/
.red {color: #FF0000;} /*Required fields on forms*/

/*Speech bubbles saying "call me on... to book treatment" on therapies pages */
.callmeon {
float: right; 
margin: 10px 17px 0px 8px; 
padding: 16px 19px; 
background: transparent url(images/bubble.png) no-repeat 0px 0px; 
width: 150px; 
color: #404099; 
font-size: .9em; 
font-weight: normal;
text-align: center;
}
.callmeon a {
display: block;
text-decoration: none;
color: #000080;
}

/*Background hints on forms*/
.hint {
color: #999999;
font-size: .9em;
} 
.hint a:link, .hint a:visited {color: #999999;}
.hint a:hover {color: #333333;}

/*Error boxes for when database info not available*/
.warning {
margin-bottom: 2em;
padding: 5px 8px; 
border: 1px solid #FF0000; 
background: #FFEFF0;
}

/*Page contents list (toc is normal toc, toptoc is the upper if more than one)*/
#toc, .toptoc {
margin: .8em auto 2em .4em;
padding: 0;
font-weight: bold;
}
.toptoc {margin-bottom: 1em;}
#toc li, .toptoc li {
margin: 0;
padding: 0;
}
#toc a:link, #toc a:visited, .toptoc a:link, .toptoc a:visited {text-decoration: none;}

/*Top of page links*/
.top {
position: relative;
margin-right: 0.5em;
text-align: right;
font-size:0.8em;
}

/*Stop anchor links (toc & top of page) for same page displaying as visited*/
#toc a:visited, #toptoc a:visited, .top a:visited {color: #0000FF;}

/*Course Content list*/
.content {
margin: 0 0 .5em 0px;
padding: 0;
}

/*Book Now links*/
a:link.booknow, a:visited.booknow {
color: #CC6600;
text-decoration: none; 
font-weight: bold;
font-variant: small-caps;
}

/*Add space around forms*/
form {margin: 1em 0 1.5em 0;}
form table {width: 90%;}
form td {vertical-align: top;}
form td input, form td textarea {margin-left: 0; width: 98%;}
form td input[type="checkbox"], form td input[type="radio"] {width: 15px;} /*Else each checkbox full width!*/
.shortinputs input {width: auto;} /*Use in TABLE tag if don't want inputs to be full width of table*/

/*Right align the key to show that red * means required field*/
.reqdkey {text-align: right;}

/*Submit button*/
p.submit {
margin: 1.5em 0 0 0;
width: 90%;
text-align: right;
}

/*Hide the spam-check input so that real users don't see it*/
#humanitycheck {display: none;}

/*Invalid class to change colour of required form elements when checking with js or php*/
.invalid {color: #FF0000;} /*red*/
.invalid input, .invalid textarea {border: 2px inset #FF0000;}
select.invalid {
border: 2px inset #FF0000; 
background: #FFEFF0; 
color: #000080;
}

/*Privacy Notice*/
.privacy {
position: absolute;
bottom: 0.5em;
font-size: .75em;
color: #339900; /*Green*/
}

/*Format the forthcoming workshops list*/
dl {margin: .5em 0 2em 0;}
dt {margin: .5em 0 0 0; padding: .1em 0 .2em 0;}
dd {margin: 0 0 0 0;}

/*General paragraphs in list, e.g. Advantages on Kinesiology page*/
ul {
margin: 0 0 0.5em 1em;
padding: 0 1.5em 0 0;
}
ul li {margin-bottom: 0.5em;}

/*Tighter UL for one line per li element, e.g. list in "What is Stress?" page*/
ul.tight {
margin: 1em 0 1em 2em;
padding: 0;
}
ul.tight li {
margin:0;
padding: 0;
}

/*Table of Past Successes in Kinesiology and EFT page*/
table.successes {margin-bottom: 20px;}
table.successes td {
border: 1px outset #CCCCFF;
border-spacing: 0px;
padding: 3px;
vertical-align: top;
font-size: 0.9em;
}

/*Fees table*/ 
table.fees {
margin: 15px auto 30px auto;
padding: 0px;
width: 100%;
border: 2px solid #CCCCFF;
background-color: white;
}
table.fees td {
border-spacing: 0;
border:1px solid #CCCCFF;
width: 50%;
padding: 10px;
text-align: left;
vertical-align: top;
}
table.fees td.head {
background: #DF8453;
padding: 2px;
text-align: center;
vertical-align: middle;
}
table.fees h3 {margin: .5em 0;}
table.fees h4 {margin: 1em 0 .5em 0;}
table.fees h5 {margin: .5em 0 1.2em 0; text-align: center;} 

/*Different types of therapies (fees page)*/
table.fees div.type {
margin: 0 0 2em 0;
padding: 0;
}

/*Horizontal rule*/
hr {
margin: 0;
padding: 0;
width: 60%;
text-align: left;
}

/*Social networking bookmarks*/
#bookmarks {
margin: 30px 120px 0 0px;
text-align: center;
font-size: .75em;
}
#bookmarks img {
position: relative;
bottom: -1px;
}

/*Footer*/
#footer {
clear: both;
margin: 10px 90px 0 0px; /*Was 10px 120px 0 0px but need extra space for quals with EFT Cert-1 plus EFT ADV*/
padding: 8px;
border-top: 1px solid #BDC6E7;
font-size: .75em;
text-align: center;
color: #7585BF;
}

/*FHT membership verification button*/
#FHTverification {
margin-top: 10px;
}