* {
border:0px;
padding:0px;
margin:0px;
font-family:"Arial","Times New Roman",sans-serif;
font-size:medium;
}
a{
text-decoration:none;
font-size:medium;
color:blue;
}
a:visited {
color:blue;
}
a:hover {
color:red;
text-decoration:underline;
}
h1 {
font-family:"Times New Roman";
font-size:x-large;
text-align:center;
margin-bottom:6px;
}
h2 {
font-size:large;
text-align:center;
margin-bottom:6px;
color:red;
text-transform:uppercase;
font-weight:normal;
}
body#home a#homenav {color:red;}
body#counselling a#counsellingnav {color:red;}
body#skype a#skypenav {color:red;}
body#supervision a#supervisionnav {color:red;}
body#cpd a#trainingnav {color:red;}
body#workshops a#workshopsnav {color:red;}
body#contact a#contactnav {color:red;}
body#location a#locationnav {color:red;}

#container {
position:relative;
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#headerbar {
width:100%;
height:230px;
background: url(images/logo.jpg) no-repeat;
}
#topnav {
margin-left:auto;
margin-right:auto;
margin-top:6px;
margin-bottom:6px;
height:30px;
width:900px;
width:100%;
background: url(images/topnav.png) 0 0 no-repeat;
padding-top:3px;
text-align:center;
}
.navgapl {
width:auto;
height:30px;
border-right-style:solid;
border-right-color:#666666;
border-right-width:1px;
}
.navgapr {
width:auto;
height:30px;
border-left-style:solid;
border-left-color:#666666;
border-left-width:1px;
}
.leftpicture{
margin-bottom:10px;
}
.navgapc {
width:auto;
height:30px;
border-right-style:solid;
border-right-color:#666666;
border-right-width:1px;
border-left-style:solid;
border-left-color:#666666;
border-left-width:1px;
}
.navgapl:hover, .navgapr:hover, .navgapc:hover {
border-color:red;
border-left-width:2px;
border-right-width:2px;
border-left-style:solid;
border-right-style:solid;
}
#topnav a {
padding-left:15px;
padding-right:15px;
Color:Black;
height:30px;
text-transform: uppercase;
font-weight:bold;
text-decoration:none;
}
#topnav a:hover {
color:Red;
text-decoration:none;
}
.mainframetop {
float:left;
width:100%;
height:13px;
background: url(images/frametop.png) 0 0 no-repeat;
}
.mainframemid {
float:left;
display:block;
position:relative;
width:100%;
height:auto;
background: url(images/framemid.png) 0 0 repeat-y;
padding-left:15px;
padding-right:15px;
padding-top:8px;
padding-bottom:20px;
}
.mainframebottom {
/*float:left;*/
margin-left:auto;
margin-right:auto;
display:block;
width:100%;
height:13px;
background: url(images/framebottom.png) 0 0 no-repeat;
}
.secondnav {
padding:5px;
width:200px;
float:left;
border-style:ridge;
border-width:5px;
border-color:#99ccff;
}
.rightboxouter{
margin-left:10px;
padding:5px;
padding-bottom:15px;
float:left;
top:8px;
left:25%;
width:425px;
border-width:5px;
border-style:ridge;
border-color:#99ccff;
height:auto;
}
#navlist li {
list-style: none;
text-decoration:none;
text-align:center;
}
.clearfloat {
display:block;
float:none;
left:0;
margin:1px;
visibility:hidden;
}
.contactform {
margin-left:auto;
margin-right:auto;
width:495px;
padding-top:8px;
padding-bottom:8px;
border-style:solid;
border-width:2px;
border-color:black;
}
#name {
padding:5px;
border-color:grey;
border-style:solid;
border-width:1px;
width:220px;
}
#name:hover {
border-color:red;
}
textarea {
width:450px;
height:300px;
padding:5px;
border-color:grey;
border-style:solid;
border-width:1px;
}
textarea:hover {
border-color:red;
}
#submit {
padding:3px;
border-color:black;
border-style:ridge;
border-width:2px;
cursor:pointer;
}
#submit:hover {
border-color:red;
}
#form {
margin-left:auto;
margin-right:auto;
text-align:center;
}
.treatments{
list-style-type:circle;
list-style-position:inside;
margin-left:25px;
}
/*
#footer {
margin-left:auto;
margin-right:auto;
width:1000px;
height:218px;
background:url(images/footer.png) 0 0 no-repeat;
}
*/
.enrollnow {
float: left;
margin-right:150px;
padding-top:20px;
}