/* CSS Document */
body{
margin:0;
padding:0;
line-height: 1.4em;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #333333;
}

p{
color: #333333;
}

a{
color:#581E5E;
font-weight:bold;
}

a:hover{
color: #FE5900;
}

#content #page-title h1{
font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
font-size: 3.7em;
color:#CBD1E2;
font-weight: normal;
}

#page-title{
margin-top:10px;
width: 530px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
color: #5a2061;
font-size: 1.2em;
}

h2{
font-family:Arial, Helvetica, sans-serif;
color: #FE5900;
font-size: 1em;
letter-spacing:0.1em;
}

h3{
margin: -10px 2px 20px 6px;
color:#8F9EB6;
}

h3 a{
color:#8F9EB6;
font-size: 1em;
font-weight: normal;
line-height: 1.4em;
text-decoration:none;
}

h3 a:hover{
color:#162D70;
font-weight: bold;
text-decoration:none;
}

.img-title{
padding-top:10px;
}

#container {
width: 1000px;
margin: 0 auto; /*Center container on page*/
}

#topbanner{
width: 1000px;
height: 185px;
}

#wrapper{
width: 1000px;
}

#contentindex{
width: 735px;
float:left;
background-image:url(../images/index_main_img.jpg);
background-repeat:no-repeat;
height: 295px;
}
#contenttext-left{
width: 350px;
float:left;
margin-top:20px;
padding-top:10px;
}

#contenttext-right{
width: 350px;
float: right;
margin-top: 20px;
padding-top:10px;
}

#rightindex{
width: 230px;
float:right;
}

#left {
float: left;
width: 180px;
margin-top:10px;
}

#content {
float: left;
width: 530px;
padding-left: 30px;
}

#right {
width: 230px;
float:right;
}

.clear {
clear: both;
}

div.spacer{clear:both; height:20px; display:block;}

#date{
width: 230px;
height: 32px;
background-image:url(../images/date_bkg.jpg);
background-repeat:no-repeat;
border: 1px solid #ffffff;
margin-top: 20px;
margin-bottom: 20px;
}
.date{
font-size: 0.8em;
color: #162D70;
text-align: center;
padding-top: 8px;

}

li{
color:#333333;
}

.top{
font-size: 0.8em;
text-align:left;
margin-top: -10px;
}
.top a{
color: #8F9EB6;
font-weight: normal;
text-decoration:none;
}

.top a:hover{
color: #162D70;
font-weight: normal;
text-decoration:none;
}


/*BUTTONS ON HOME PAGE IMAGE*/

#buttons{
width: 250px;
}

ul#btn-home {
padding: 0;
margin-top:130px;
margin-left: 20px;
}

ul#btn-home li {
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
list-style-type: none;
color: #373d42;
}

ul#btn-home li a {float: left;}

a.btn1home {
display:block; 
width: 210px; 
height: 40px;
background-image: url(../images/btn1_index.jpg);
background-repeat: no-repeat;
}
	 
a.btn1home:hover {
background-image: url(../images/btn1_index_over.jpg);
}

a.btn2home { 
display:block;
width: 210px; 
height: 40px;
background-image: url(../images/btn2_index.jpg);
background-repeat: no-repeat;
margin-top: 10px;
}
	 
a.btn2home:hover {
background-image: url(../images/btn2_index_over.jpg);
}

a.btn3home { 
display:block;
width: 210px; 
height: 40px;
background-image: url(../images/btn3_index.jpg);
background-repeat: no-repeat;
margin-top: 10px;
}
	 
a.btn3home:hover {
background-image: url(../images/btn3_index_over.jpg);
}

.treatment-sum{
width: 100%;
min-height: 130px;
}

.treatment-sum h2{
padding-top: 15px;
margin-bottom:-10px;
}

#team h2{
padding-top: 15px;
margin-bottom:-10px;
}

/*CONTACT BOX */
#contact-box{
width: 230px;
height: 180px;
background-image:url(../images/contact_box_bkg.jpg);
background-repeat:no-repeat;
float:right;
margin-top: -10px;
}
.contact-text{
font-size: 0.8em;
color: #162D70;
margin-left: 15px;
margin-top: 1.1em;
line-height:1.6em;
}

a.request-appt { 
display:block;
width: 210px; 
height: 40px;
background-image: url(../images/request_appt.jpg);
background-repeat: no-repeat;
margin-left: 10px;
margin-top:-15px;
}
	 
a.request-appt:hover {
background-image: url(../images/request_appt_over.jpg);
}

div.tightp p {margin: .4em .1em;}

/*ROOM HIRE BOX */
#box{
width: 230px;
height: 160px;
background-image:url(../images/roomhire_box.jpg);
background-repeat:no-repeat;
float: right;
margin-bottom: 25px;
}

#box2{
width: 230px;
height: 160px;
background-image:url(../images/roomhire_box.jpg);
background-repeat:no-repeat;
float: right;
}

#box3{
width: 230px;
height: 160px;
background-image:url(../images/roomhire_box.jpg);
background-repeat:no-repeat;
float: right;
}

#box4{
width: 230px;
height: 160px;
background-image:url(../images/roomhire_box.jpg);
background-repeat:no-repeat;
float: right;
}

.box-text{
font-size: 0.8em;
color: #162D70;
margin-left: 15px;
margin-right: 10px;
line-height:1.3em;
}

.room-text{
font-size: 0.8em;
color: #162D70;
margin-left: 15px;
margin-right: 10px;
margin-top: .1em;
margin-bottom: .1em;
}

.box-title{
font-size: 0.8em;
color: #162D70;
margin-left: 15px;
margin-right: 10px;
margin-top: 1em;
margin-bottom:0;
}

#logos{
width: 230px;
height:220px;
float: right;
}

#footer{
width:1000px;
height:5px;
}

.footer{
font-size:0.8em;
}

.small{
font-size: 0.8em;
}

																				
/********************************************************************
 					START CONTACT FORM CSS 
 ********************************************************************/

#contactform{
width: 100%;
}

label{
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left:120px;
margin-bottom: 10px;
margin-top: 30px;
} 

fieldset
{
border: 1px dashed #4E9EDA;
width: 100%;
padding:10px;
}

legend
{
color: #000;
background: #BEE620;
border: 1px solid #4E9EDA;
padding: 5px 6px;
} 

.error{
color:#FF0000;
font-size: 1.1em;}

.success{
font-size: 1.1em;}

.letter{
font-size: 1.4em;
color:#4e9eda;
font-weight: bold;
}

/********************************************************************
 					END CONTACT FORM CSS 
 ********************************************************************/
a.info{
position:relative;           /*this is the key*/
z-index:24;
color:#8F9EB6;               /* colour of display text */
text-decoration:none;
font-size: 20px;
font-weight: normal;
}
 
a.info:hover {
z-index:25;
color:#8F9EB6; 
}
 
a.info span{
display: none;  /* hide the span text using this css */
}
 
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:fixed;
top: 260px;
left: 200px;
width: 580px;
background-color:#162D70; /* background colour here */
color:#ffffff;         /* text colour */
text-align: center;
font-size: .8em;
z-index:30;
font-weight: bold;
padding: 5px;
        }

.indent{
margin-left: 110px;
}

.profile-pic{
margin-right: 10px;
}

ul#symptoms
{
margin-left: 0;
padding-left: 0;
}

#symptoms li
{
display: inline;
list-style-type: none;
}

#symptoms a { padding: 3px 10px; }