
* { /* All Elements */
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

/* Main Layout Divs
....................................................................... */
#container {
width: 978px;
margin: 0 auto;
}
#container_inner {
float: left;
width: 938px;
padding: 0 10px 0 10px;
margin: 10px 0 0 8px;
display: inline;
}
#header {
float: left;
width: 958px;
height: 160px;
margin: 0 -10px 0 -10px;
position:relative;
}
#navi {
clear: both;
float: left;
width: 938px;
margin: 0 0 1px 0;
display: inline;
}
#hero {
clear: both;
float: left;
width: 938px;
position:relative;
height:150px;
}
#hero div{
	position:absolute;	
}
#hero div#hero_1{
	z-index:3;
}
#hero div#hero_2{
	z-index:2;
}
#hero div#hero_3{
	z-index:1;
}

#wrapper {
clear: both;
float: left;
width: 938px;
margin: 10px 0 0 0;
}
#left {
float: left;
width: 160px;
min-height: 400px;
padding: 10px 10px 135px 10px;
margin: 0 15px 0 0;
display: inline;
}
#middle {
float: left;
width: 548px;
min-height: 500px;
padding: 0 0 10px 0;
display: inline;
}
#right {
float: right;
width: 160px;
padding: 10px 10px 135px 10px;
display: inline;
}
#footer {
clear: both;
float: left;
width: 918px;
font-size: 0.8em;
margin: 20px 0 0 0;
padding: 20px 10px 10px 10px;
}

/* Generic Elements
....................................................................... */
p {
line-height: 1.4em;
margin: 0 0 10px 0;
}
a {
text-decoration: underline;
}
a:hover {
}
h1 {
font-size: 2em;
margin: 0 0 10px 0;
}
h2 {
font-size: 1.3em;
margin: 0 0 10px 0;
}
h3 {
font-size: 1.1em;
margin-bottom: 10px;
}
h4 {
font-size: 1em;
margin-bottom: 10px;
}
img, img a {
border: 0;
}
ul {
margin: 0 0 2px 20px;
list-style-type: none;
}
li {
margin: auto;
list-style-type: disc;
padding: 0 0 8px 0;
}
hr {
border: 0;
height: 1px;
margin: 10px 0 10px 0;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
img.align.left{
float:left;	
padding-right:10px;
padding-bottom: 5px;
}
img.align.right{
float:right;	
padding-left:10px;
padding-bottom: 5px;
}
.small {
font-size: 0.8em;
}
.link_highlighted a {
font-weight: bold;
font-size: 0.85em;
text-decoration: none;
padding: 1px 15px 2px 15px;
}
.link_highlighted a:hover {
text-decoration: underline;
}


/* Form styles
....................................................................... */
form {
margin: 0 0 10px 0;
padding: 0;
}
fieldset{
}
legend {
}
label	{
}
input, textarea, select {
font-size: 0.9em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
padding: 4px 3px;
margin: 0 0 10px 0;
}
.Radio, .Checkbox {
background-color: transparent;
border: 0;
}
textarea {
overflow: auto;
}
select option {
padding: 0 5px;
}
.btn { /* Submit */
border: 0;
width: auto;
font-size: 0.85em;
font-weight: bold;
padding: 1px 15px 2px 15px;
}
.required {
}


/* Header styles
....................................................................... */
#logo {
float: left;
height: 120px;
text-align: right;
margin: 10px 0 0 10px;
display: inline;
}
#logo em {
font-size: 1.1em;
padding-right: 5px;
}
#contact {
	position:absolute;
	right:20px;
	bottom:10px;
}
#contact h2 {
font-size: 2em;
font-weight: normal;
margin: 18px 0 5px 0;
}
#contact h3 {
font-size: 1.1em;
font-weight: normal;
margin-bottom: 5px;
}
#contact span {
}
#contact h3 a {
text-decoration: none;
}
#contact a:hover {
text-decoration: underline;
}


/* Top navigation styles
....................................................................... */
#navi ul {
margin: 0;
padding: 0;
}
#navi li {
float: left;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#navi li a {
display: block;
width: auto;
font-size: 1.1em;
text-align: center;
text-decoration: none;
padding: 5px 10px 6px 10px;
margin: 0;
}
#navi li a:hover {
}
#navi li.first a {
border: 0;
padding-left: 15px;
}
#navi li.selected a{ /* Selected state */
background: url(../img/navi_selected.gif) 50% 100% no-repeat;
}
#navi li.selected a:hover {
}


/* Sidebar navigation styles
....................................................................... */
#subnavi {
clear: both;
margin: 0 -10px 15px -10px;
}


/* Newsletter styles
....................................................................... */
#newsletter {
clear: both;
margin: 0 0 15px 0;
}
#newsletter form {
margin: 0;
padding: 0;
}
#newsletter input {
width: 150px;
}
#newsletter .btn {
width: auto;
}


/* Testimonial styles
....................................................................... */
.testimonial {
clear: both;
float: left;
width: 100%;
font-size: 1em;
padding: 25px 0 10px 0;
margin: 0 0 15px 0;
}
.testimonial_content {
padding: 0 0 5px 0;
}
.testimonial_content p {
font-style: italic;
margin: 0 0 5px 0;
}
.testimonial_content p.client {
font-style: normal;
margin-right: 30px;
display: inline;
}


/* News/Carer/Accreditation etc item styles
....................................................................... */
.article_item {
clear: both;
margin: 0 0 15px 0;
}
.article_item h3 {
margin-bottom: 4px;
}
.article_item ul{
margin: 0;
padding: 0;
}
.article_item li{
clear: both;
list-style: none;
margin: 0 0 6px 0;
padding: 0 0 6px 0;
}
.article_item li a {
text-decoration: none;
font-weight: bold;
font-size: 0.85em;
}
.article_item li a:hover {
text-decoration: underline;
}
.article_item a span {
font-weight: normal;
font-style: italic;
}
.article_item .article_pic {
}

.article_item.news {
}
.article_item.events {
}


/* Picture link styles
....................................................................... */
.side_piclink {
clear: both;
margin: 0 0 15px 0;
}
.side_piclink .pictext {
}
.side_piclink .pic a {
margin: 0;
padding: 0;
}
.side_piclink .pictext a {
display: block;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
padding: 2px 10px 3px 2px;
margin-top: -4px;
}
.side_piclink .pictext a:hover {
text-decoration: underline;
}


/* Footer styles
....................................................................... */
#footer ul {
margin: 0 0 15px 0;
padding: 0;
}
#footer li {
display: inline;
font-size: 0.9em;
list-style: none;
margin: 0;
padding: 0 5px 0 5px;
}
#footer li.first {
border: 0;
padding-left: 0;
}
#footer li a {
font-weight: bold;
text-decoration: none;
}
#footer li a:hover {
text-decoration: underline;
}
#footer p {
line-height: 1em;
}
#footer a {
}
#footer .floatright {
text-align: right;
padding-bottom: 15px;
}


/* Misc styles
....................................................................... */
.cta_btn {
clear: both;
text-align: center;
margin: 0 0 15px 0;
}
.cta_btn a {
display: block;
font-size: 1.3em;
text-decoration: none;
padding: 4px 0 4px 0;
}
.cta_btn a:hover {
text-decoration: underline;
}
.cta_btn a span {
background: url(../img/large_arrow.gif) 100% 65% no-repeat;
padding: 0 12px 0 0;
}



/* ############################################################################################### New CSS March 2011 */


/* Tables
....................................................................... */
table {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 10px 0 20px 0;
font-size: 1em;
}
th {
text-align: left;
font-size: 1.1em;
padding: 8px 10px 8px 10px;
}
td {
vertical-align: top;
padding: 8px 10px 8px 10px;
}


/* FAQ's
....................................................................... */
.question {
font-weight: bold;
}
.question span {
font-weight: bold;
font-size: 1.2em;
}
.answer span {
font-weight: bold;
font-size: 1.2em;
}
.top_link {
float: right;
width: 2.25em;
text-align: center;
margin: 1px 0 0 0;
}
.top_link a {
display: block;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
padding: 1px 0 1px 0;
}
.top_link a:hover {
text-decoration: underline;
}