/**
 * VCCP Health CSS
 * R Dowden
 * 30/07/09
 *
 * Page structure, classses, etc, designed to be compatible
 * with the original VCCP Website
 **/

body {  background:  #fff;  }
/* @group ** HEADER */
#header {  width: 948px; height: 91px; text-align: center; margin: 0 auto; clear:both; position:relative; padding-top:7px; z-index:8; }
#header .panelcontent {position:absolute;top:0; z-index:9;}
/* @end */

/* @group ** CONTENT */

#content {  width: 100%; text-align: center; clear:both;position:relative;z-index:10; }

#middle {  width: 948px; min-height: 400px; text-align: left; margin: 0 auto; position:relative; overflow:visible;z-index:9;text-align: left; }


#columns {   display: inline; width: 948px; min-height: 400px; text-align: left; float: left;  }

/* @group ** COLUMNS */

.onecol { display:inline; width:68px; margin-right:0;float:left;clear:none;}
.threecol {  display:inline; width: 228px; margin-right: 12px; float: left; clear: none;  }
.sixcol {  display: inline; width: 468px; margin-right: 12px; float: left; clear: none;  }
.eightcol{display:inline; width:628px; margin-left:12px; margin-right: 12px; float:left; clear:none;}
.ninecol{display:inline; width: 708px; margin-left:0; margin-right: 12px; float:left; clear:none;}

.eightwide .panelcontent{padding:10px 0 10px 12px;}

.endcol {  margin-right: 0;margin-top: 46px;  }

.vccp-health .centre{float:left;width:708px;}

/* @end */

/* @end */

#logo {  display: block; position:absolute;left:0; width: 177px; height: 79px;background: transparent url(../images/vccp-health-page-elements.gif) no-repeat -1230px -68px;text-indent:-9000px;z-index:100; }

/* @group ** FOOTER */
#hygiene {position:relative;width:948px;margin: 0 auto; clear:both; color:#94989b; font-size:1.1em; padding:30px 0;}
#hygiene ul {padding:0; display:block; width:461px; margin:0 auto;}
#hygiene ul li {float:left;display:inline;padding-right:8px;padding-bottom:0;border-right:1px solid #94989b; margin-right:8px;height:12px;}
#hygiene ul li.last {padding-right:0;border-right:none; margin-right:0}
#hygiene a {color: #94989b;}
#hygiene a:hover {color: #94989b; text-decoration: underline;}
/* @end */

.paneltop, .panelbottom{background: transparent url(../images/vccp-health-page-elements.gif) no-repeat;padding-top:6px;}
.vccp-health .panelcontent{background:#fff;border-width: 0 4px;border-color:#008f93;border-style:solid;padding:7px 10px 0;}
.vccp-health .centre .panelcontent{padding: 7px 10px 8px}
.vccp-health .paneltop h1, .vccp-health .paneltop h2, .vccp-health .paneltop h3{background:#008F93;color:#fff;padding-bottom:0;margin-bottom:0;}

.vccp-health .left .paneltop{background-position: -228px -36px;}
	.vccp-health .left .paneltop h1, .vccp-health .left .paneltop h2{font-size:2.2em;padding:0 0 5px 12px;}
	.vccp-health .left .panelbottom{background-position: -228px -42px;}

.vccp-health .centre .paneltop {background-position:-708px 0;}
.centre .paneltop h3 {color:#FFFFFF;line-height:1;margin:0;padding:1px 0 8px 12px;width:696px;font-size:3.2em;}
.vccp-health .panelbottom {background-position:-708px -8px;height:6px;margin-bottom:12px;padding-top:0;}

a{color:#008F93;text-decoration:none;}
p{padding-bottom:12px;}
ul{font-size:1.2em;line-height:1.5em;padding-bottom:12px;}
li{margin-bottom:6px;list-style:none; display: list-item;}

#team-members{clear:both;overflow:auto;}
#team-members .team-member{float:left;width:146px;margin-right:32px;}
#team-members h4, #team-members h5{font-size:1.2em;margin-bottom:0;}
#team-members h4{margin-top:3px;}
#team-members h5{margin-bottom:9px;}
#team-members img{margin-bottom:6px;}
#team-members .last{margin-right:0;}

.super{position: relative;	bottom: 0.5em; font-size: 0.8em;}