/* CSS Document */

/* 
	font sizing rules
	100% / 16 = 6.25 (equivalent to setting the font size to 12px). 6.25 * 12 = 75 (%) 
	
	20pt (20/12) = 1.67em
	18pt (18/12) = 1.5em
	16pt (16/12) = 1.33em
	14pt (14/12) = 1.16em
	13pt (13/12) = 1.08em
	12pt (12/12) = 1em
	11pt (11/12) = 1em
	10pt (10/12) = 0.83em
*/
html, body {
height: 100%;
margin: 0 0 1px;
padding: 0;
}
body {
background: #2F3405 url('../images/page-background-repeat.jpg') repeat-x top;
}
p, ul, ol, table {
margin-bottom: 1em; /* was originally 1em */
}
a:hover {
text-decoration: none;
}
img.float-left {
float: left;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
sup {
vertical-align: super;
font-size: 0.83em;
}
sub {
vertical-align: sub;
font-size: 0.83em;
}

/* #################################
layout elements 
################################# */	

#page-wrapper {
width: 100%;
position: relative;
float: left;
background: url('../images/page-background-top.jpg') no-repeat center top;
}
#wrapper {
width: 864px;
margin: 0 auto;
position: relative;
}
#wrapper-img {
position: relative;
width: 864px;
float: left;
background:#FFF;
}
#header {
width: 864px;
height: 162px;
position: relative;
background:url('../images/header-bg.jpg') no-repeat top left;
}

/* #################################
general styles 
################################# */	

.button {
cursor: pointer;
}
p.margin-top-lrg {
margin-top: 2em;
}

/* #################################
header
################################# */	

#header .title {
position: absolute;
top: 29px;
left: 28px;
}
#header .title a {
display: block;
padding-left: 120px;
}
#header .search {
position: absolute;
top: 13px;
right: 22px;
}
#header .search .text-field {
color: #3e4242;
border: 1px solid #000;
font-size: 0.83em;
width: 157px;
padding: 3px 5px;
float: left;
margin-right: 11px;
}
#header .entry {
position: absolute;
top: 48px;
right: 22px;
width: 89px;
}
ul.entry li {
float: left;
margin-bottom: 6px;
}
.entry a {
display: block;
float: left;
width: 89px;
text-align: center;
color: #686c2c;
cursor: pointer;
text-decoration: none;
font-size: 0.91em;
}
.entry a span.link,
.entry a span.top,
.entry a span.bottom {
display: block;
width: 89px;
float: left;
position: relative;
}
.entry a span.top,
.entry a span.bottom {
height: 2px;
font-size: 1px;
}
#header .entry a span.link {
padding-bottom: 1px;
background: url('../images/opening-btn-bg.gif') repeat-y;
}
#header .entry a span.top {
background: url('../images/opening-btn-top.png') no-repeat;
}
#header .entry a span.bottom {
background: url('../images/opening-btn-bottom.png') no-repeat;
}

/* #################################
innerpage tabs 
################################# */	

#tabs {
float: left;
position: relative;
padding-left: 1px;
margin-top: -39px;
}
#tabs ul {
margin: 0;
}
#tabs li {
display: inline;
}
#tabs li a {
display: block;
float: left;
width: 191px;
height: 20px;
margin-right: 9px;
padding-top: 19px;
background: url('../images/innerpage-tab-bg-off.png') no-repeat left top;
text-align: center;
font-size: 1.08em;
font-family:Verdana, Geneva, sans-serif;
text-decoration: none;
overflow: hidden;
}
#tabs li a:hover, #tabs li.first a:hover {
text-decoration: underline;
cursor: pointer;
}
.whanau #tabs li.current a, .professionals #tabs li a, #tabs li.whanau_health a {
color: #444b05;
}
.professionals #tabs li.current a, .whanau #tabs li a, #tabs li.health_professionals a {
color: #444b05;
}
#tabs li.current a,
#tabs li.first a {
color: #666600;
text-decoration: none;
}
#tabs li.current a {
width:191px;	
height: 20px;
padding-top: 19px;
background: url('../images/innerpage-tab-bg.png') no-repeat left top;
cursor: default;
}
#tabs li.current a:hover {
cursor: default;
text-decoration: none;
}
#tabs .tool-text {
position: absolute;
top: 7px;
right: 13px;
font-size: 0.91em;
border: none;
color: #FFF;
}

#tabs .tool-text a {
color: #FFF;
}

/*
stefen 200510 :: unsure why this was added but it allows the items below to float up and over the text resizing if used.
Revised version which applies colour etc below.

#main .tool-text {
position: absolute;
top: 180px;
right: 30px;
font-size: 0.91em;
border: none;
color: #333366;
text-align:right;
}
*/
#main .tool-text {
font-size: 0.91em;
color: #333366;
position: relative;
right: 5px;
}


#main .tool-text a {
color: #333366;
}

/* #################################
main block area layout 
################################# */	

#main {
width: 862px;
margin: 0 1px;
background: #FFF;
float: left;
padding-top: 18px;
display: inline;
}
#left {
width: 175px;
padding-left: 10px;
float: left;
}
#content {
width: 440px;
float: left;
}
#right {
width: 225px;
float: left;
padding-bottom: 20px;
}

/* #################################
left block specific styles 
################################# */	

#left {
margin-bottom: 2em;
}
#left h3 {
width: 163px;
color: #FFF;
font-size: 1.16em;
font-weight: normal;
margin-bottom: 3px;
}
#left h3 a {
display: block;
width: 150px;
color: #FFF;
text-decoration: none;
padding: 13px 0 13px 13px;
}
#left ul {
margin-bottom: 4px;
font-size: 0.91em;
}
#left ul li {
width: 163px;
}
#left li a {
display: block;
width: 153px;
padding: 2.3px 5px;
/*margin-bottom: 3px; - replaced with bottom border to get around ie6 jump issue */
border-bottom: 3px solid #FFF;
text-decoration: none;
background: #E4E4E4;
color: #000;
}
#left li a:hover {
text-decoration: underline;
} 
#left li.current a {
text-decoration: none;
background: #395A80;
color: #FFF;
}
#left li.current li a {
text-decoration: underline;
width: 140px;
padding: 2.3px 5px 2.3px 9px;
margin-left: 9px;
}
#left li.current li a:hover {
text-decoration: none;
}
#left li.current li.current a {
font-weight: bold;
}
#left li.current li.current li a {
font-weight: normal;
width: 130px;
}
#left li.current li.current li.current a {
font-weight: bold;
}
#left li.current li.current li {
margin-left: 1em;
width: 131px;
}

/* --------------------------------
Whanau section specific styles
----------------------------------- */

.whanau #left h3 {
background: #708808 url('../images/left-whanau-heading-bg.jpg') repeat-x bottom;
}
.whanau #left li a {
background: #EDEEE5;
color: #224201;
}
.whanau #left li.current a {
background: #708808;
color: #FFF;
}
.whanau #left li.current li a, .whanau #left li.current  li.current li a {
background: #FFF url('../images/left-nav-whanau-lvl2.gif') no-repeat 0 8px;
color: #224201;
}
.whanau #left li.current li.current a, .whanau #left li.current li.current li.current a {
background: #FFF url('../images/left-nav-whanau-lvl2-current.gif') no-repeat 0 6px;
padding: 2.3px 5px 2.3px 11px;
margin-left: 7px;
}


	/* Professional section specific styles */
.professionals #left h3 {
background: #900009 url('../images/left-professionals-heading-bg.jpg') repeat-x bottom;
}
.professionals #left li a {
background: #F6E7E8;
color: #8B0D0D;
}
.professionals #left li.current a {
background: #8B0D0D;
color: #FFF;
}
.professionals #left li.current li a, .professionals #left li.current  li.current li a {
background: #FFF url('../images/left-nav-professionals-lvl2.gif') no-repeat 0 8px;
color: #8B0D0D;
}
.professionals #left li.current li.current a, .professionals #left li.current li.current li.current a {
background: #FFF url('../images/left-nav-professionals-lvl2-current.gif') no-repeat 0 6px;
padding: 2.3px 5px 2.3px 11px;
margin-left: 7px;
}

	/* #left featured items */
#left .featured {
font-size: 0.91em;
color: #2c3e58;
}
#left .featured a {
color: #2c3e58;
}
#left .featured h4 {
margin-bottom: 1em;
text-align: center;

}
#left .featured h4 a {
text-decoration: none;
}
#left .featured .text {
padding: 0 9px;
}
#left .featured .pullup {
margin-top: -38px;
}

/* #################################
content block specific styles 
################################# */	

#content {
color: #364b68;
padding-bottom: 20px;
}
#content h1 {
font-size: 1.67em;
font-weight: normal;
margin-bottom: 0.3em;
margin-top: -0.3em; /* to counter the line height */
}
#content h1 span.newline {
display: block;
clear: left;
font-size: 0.7em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 1.5em;
padding-top: 0.4em;
}
.professionals #content h1.article, .whanau #content h1.article {
margin-top: 43px;
}
#content h2 {
font-size: 1.16em;
font-weight: bold;
line-height: 1.2;
margin-bottom: 1em;
}
#content h3 {
font-size: 1.33em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 1em;
}
#content p.dates {
margin: -0.5em 0 0.5em;
}
#content a { 
color: #364b68;
}
#content ul {
margin-left: 20px;
}
#content ul li {
list-style: outside disc;
}
#content ol {
margin-left: 25px;
}
#content ol li {
list-style: outside decimal;
}
#content ul.nostyle, #content ol.nostyle {
margin-left: 0;
}
#content ul.nostyle li, #content ol.nostyle li {
list-style: none;
}
#content blockquote {
font-family: "Times New Roman", Times, serif;
font-size: 1.42em;
font-style: italic;
padding: 0 15px;
}
#content .intro {
padding: 17px 17px 5px;
margin-bottom: 0.7em;
}
#content .intro h2 {
font-weight: normal;
font-size: 1.33em;
}
#content .arrow {
background: url('../images/hyperlink-arrow.gif') no-repeat right 7px;
padding-right: 10px;
}
#content .arrow-left {
background: url('../images/hyperlink-arrow-left.gif') no-repeat left 7px;
padding-left: 10px;
}
#content p.totop a {
background: url('../images/totop.gif') no-repeat 0 3px;
padding-left: 15px;
}

/* --------------------------------
breadcrumb navigation
----------------------------------- */

#content .breadcrumb {
margin-top: -5px;
margin-bottom: 37px;
position: relative;
width: 440px;
}
#content .breadcrumb ul {
margin: 0;
}
#content .breadcrumb li {
list-style: none;
display: inline;
color: #747474;
font-size: 0.83em;
background: url('../images/breadcrumb-icon.gif') no-repeat right 5px;
padding-right: 14px;
}
#content .breadcrumb li.last {
background: none;
}
#content .breadcrumb li a {
color: #747474;
}

/* --------------------------------
download options
----------------------------------- */

#content .download {
font-size: 0.91em;
}
#content .download h3 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0;
}
#content .download ul {
margin: 0;
}
#content .download li {
list-style: none;
margin-bottom: 6px;
padding: 8px 8px 8px 39px;
background-color: #E7E7E7;
background-repeat: no-repeat;
background-position: 8px 11px;
}
#content .download li.pdf, #content div.pdf {
background-image: url('../images/icons/icon-pdf.png');
}
#content .download li.msword, #content div.msword {
background-image: url('../images/icons/icon-word.png');
}
#content .download li.rtf, #content div.rtf {
background-image: url('../images/icons/icon-txt.png');
}
#content .download li.ppt, #content div.ppt,
#content .download li.pps, #content div.pps {
background-image: url('../images/icons/icon-ppt.png');
}
#content .download li.vnd-ms-excel, #content div.vnd-ms-excel {
background-image: url('../images/icons/icon-excel.png');
}
#content .download li div.document {
background: none;
padding: 0;
margin: 0;
}
#content .download li .date, #content div.document .date {
display: block;
clear: both;
}
#content .download .arrow, #content div.document .arrow {
background-position: right 5px;
}
#content div.document {
margin-bottom: 6px;
padding: 8px 8px 8px 39px;
background-color: #E7E7E7;
background-repeat: no-repeat;
background-position: 8px 11px;
width: 393px;
}

/* --------------------------------
full width item
----------------------------------- */

#content .full-width {
width: 664px;
}
#content .full-width img.margin-bottom {
margin-bottom: 1em;
}
#content .full-width .credit {
float: left;
font-size:  0.91em;
}
#content .full-width .longdesc {
float: right;
text-align: right;
font-size:  0.91em;
}

/* --------------------------------
tool tip hover information styles
----------------------------------- */

a.tooltip {
position: relative;
background: url('../images/glossary-term-icon.png') no-repeat right 0;
padding-right: 6px;
z-index: 900;
}
.home a.tooltip {
background: url('../images/glossary-term-icon-white.png') no-repeat right 0;
z-index: 900;
}
a.tooltip span.tip {
left:-5000px;
position:absolute;
top:-5000px;
z-index: 1000;
}
a.tooltip:hover {
display: inline;
text-decoration: none;
z-index: 999;
}
a.tooltip:hover span.tip {
display: block;
position: absolute;
width: 260px;
padding: 5px;
margin: 0;
background: #ECECEC;
font-size: .91em;
text-align: left;
z-index: 1000;
color: #364b68;
border-style:solid;
border-width:2px;
border-color:#2F3405;
}
#content a.tooltip:hover span.tip {
top: 1.5em;
left: 1.5em;
float: right;
z-index: 1000;
}
.block a.tooltip:hover span.tip {
top: 1.5em;
left: -250px;
float: right;
z-index: 1000;
}
a.tooltip:focus { /* remove dotted border from focused tooltips*/
/*-moz-outline-style: none;*/
border: none;
}

/* --------------------------------
wall of remembrance 
----------------------------------- */

#content ul.wall {
position: relative;
float: left;
width: 616px;
margin-top: 1.5em;
margin-left: 51px;
margin-right: -227px;
display: inline;
}
#content ul.wall li {
position: relative;
list-style: none;
width: 229px;
float: left;
margin-right: 91px;
padding-bottom: 10px;
}
#content ul.wall li.alternate {
margin: 0;
}
#content ul.wall .image {
width: 175px;
height: 224px;
overflow: hidden;
margin-left: 23px;
position: relative;
}
#content ul.wall .image .link {
position: absolute;
top: 27px;
left: 28px;
z-index: 1000;
width: 123px;
height: 146px;
overflow: hidden;
}
#content ul.wall .overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 175px;
height: 224px;
background: url('../images/frame.png') no-repeat;
z-index: 1001;
}
#content ul.wall .desc {
position: relative;
margin-top: -13px;
z-index: 1003;
}

/* --------------------------------
back / more page navigation 
----------------------------------- */

#content ul.page-nav {
margin: 0 0 1em;
float: left;
width: 100%;
}
#content ul.page-nav li {
list-style: none;
float: left;
margin-right: 15px;
}

/* --------------------------------
data tables 
----------------------------------- */

#content table.renderedtable {
margin-right: -3px;
}
#content table.renderedtable caption {
color: #FFF;
text-align: left;
background: #3A6F89;
font-weight: bold;
padding: 6px 12px;
border-bottom: 4px solid #FFF;
margin-right: 3px;
}
#content table.renderedtable th,
#content table.renderedtable td {
padding: 6px 12px;
border-right: 3px solid #FFF;
border-bottom: 3px solid #FFF;
font-weight: normal;
text-align: left;
}
#content table.renderedtable th {
background: #D4D4D4;
}
#content table.renderedtable td {
background: #E7E7E7;
}
#content table.renderedtable th.width-small {
width: 22%;
}

/* --------------------------------
recaptcha
----------------------------------- */
#recaptcha_area {
position:relative;
right:8px;
}
.recaptchatable #recaptcha_response_field {
left: 0;
}
/* --------------------------------
inline images
----------------------------------- */

#content .inline-image {
margin-bottom: 1em;
}
#content .inline-image div.caption {
display: block;
clear: both;
font-size: 0.91em;
}
#content .imageright {
text-align: right;
clear: both;
}
#content .imageleft {
text-align: left;
clear: both;
}
#content .imagecenter {
text-align: center;
}

/* --------------------------------
fact block 
----------------------------------- */

#content .block {
width: 100%;
background: #D0E2E9;
margin-top: 10px;
}
#content .block h3 {
background: #3A6F89;
color: #FFF;
font-weight: bold;
font-size: 1em;
padding: 5px 9px;
margin-bottom: 0;
border-bottom: 2px solid #FFF;
}
#content .block .inner {
padding: 6px;
}

/* --------------------------------
glossary 
----------------------------------- */

#content .section-glossary .skiplinks, #content .section-glossary-term .skiplinks {
margin-bottom: 2em;
}
#content .section-glossary .skiplinks a, #content .section-glossary-term .skiplinks a {
display: block;
padding: 1px 3.5px;
background: #D5E5EC;
float: left;
margin-right: 1px;
text-decoration: none;
}
#content .section-glossary .skiplinks a.current, #content .section-glossary-term .skiplinks a.current,
#content .section-glossary .skiplinks a:hover, #content .section-glossary-term .skiplinks a:hover {
background: #F3ECB5;
}
#content .section-glossary-term h2, #content .section-glossary h3, #content .section-glossary-term h3 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0;
}
#content .section-glossary h2 {
margin-top: 1em;
float: left;
width: 100%;
border-bottom: 1px solid #D5E5EC;
}

/* --------------------------------
news and events 
----------------------------------- */

#content .section-news-events p {
margin: 0;
}
#content .section-news-events-item h1 {
font-size: 1.16em;
font-weight: bold;
border-bottom: 1px solid #D5E5EC;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}
#content .section-news-events h2 {
font-size: 1.16em;
font-weight: normal;
background: #D5E5EC;
padding: 2px 6px;
}
#content .section-news-events h3 {
font-size: 1em;
font-weight: bold;
margin: 0;
}
#content .section-news-events li {
margin-bottom: 1.5em;
}
#content .section-news-events li p, #content .section-news-events-item p.date {
font-size: 0.91em;
}

/* --------------------------------
block more styles 
----------------------------------- */

#content .block-more {
clear: both;
background: #D0E2E9;
padding: 11px;
margin-bottom: 1em;
}
#content .block-more .image {
width: 168px;
overflow: hidden;
float: left;
}
#content .block-more .text {
width: 235px;
float: right;
}

/* --------------------------------
sitemap styles 
----------------------------------- */

#content .sitemap {
width: 664px;
}
#content .sitemap .section {
width: 329px;
margin-right: 3px;
float: left;
}
#content .sitemap h2 {
color: #FFF;
font-size: 1.16em;
font-weight: normal;
}
#content .sitemap .section h2 a {
display: block;
width: 316px;
color: #FFF;
text-decoration: none;
padding: 13px 0 13px 13px;
}
#content .sitemap .whanau_health h2 {
background: #708808 url('../images/left-whanau-heading-bg.jpg') repeat-x bottom;
}
#content .sitemap .health_professionals h2 {
background: #900009 url('../images/left-professionals-heading-bg.jpg') repeat-x bottom;
}
#content .sitemap .section a {
color: #666;
}
#content .sitemap .inner {
font-size: 0.91em;
}
#content .sitemap ul, #content .sitemap ul ul ul {
margin-left: 11px;
padding: 0;
float: left;
width: 318px;
position: relative;
display: inline;
}
#content .sitemap ul ul {
width: 307px;
margin-left: -11px;
margin-bottom: 1.5em;
padding: 0 0 5px 22px;
border-bottom: 1px solid #BCBCBC;
}
#content .sitemap ul ul ul {
width: 296px;
}
#content .sitemap li {
width: 318px;
float: left;
list-style: none;
font-weight: bold;
padding: 3px 0;
}
#content .sitemap li li {
width: 297px;
font-weight: normal;
background: url('../images/sitemap-arrow.gif') no-repeat 0 8px;
padding-left: 10px;
}
#content .sitemap li li li {
width: 286px;
font-weight: normal;
background: url('../images/sitemap-hyphen.gif') no-repeat 0 8px;
padding-left: 10px;
}


/* --------------------------------
search results styles 
----------------------------------- */

#content .content-search .result-item {
margin-bottom: 1em;
padding-bottom: 10px;
border-bottom: 1px solid #BCBCBC;

}
#content .content-search .result-item h3 {
font-size: 1em;
font-weight: bold;
margin: 0 0 3px;
position: relative;
padding-right: 6em;
}
#content .content-search .result-item h3 span.date {
font-weight: normal;
position: absolute;
top: 0;
right: 0;
}
#content .content-search .result-item p {
margin-bottom: 3px;
}
#content .content-search .result-item ul {
margin: 0;
}
#content .content-search .result-item li {
list-style: none;
float: left;
color: #747474;
font-size: 0.83em;
background: url('../images/breadcrumb-icon.gif') no-repeat right 5px;
padding-right: 14px;
margin-right: 5px;
}
#content .content-search .result-item li.last {
background: none;
}
#content .content-search .result-item li a {
color: #747474;
}


/* --------------------------------
all event/news items link styles 
----------------------------------- */

#content .allitems {
padding: 3px 3px 0;
font-size: 0.91em;
}
#content .allitems .arrow {
background-position: right 5px;
}


/* --------------------------------
pagination styles 
----------------------------------- */

#content .pagenavigator {
border-top: 1px solid #D5E5EC;
margin: 1em 0 1.5em;
padding: 3px;
font-size: 0.91em;
}

#content .pagenavigator .results-navigation {
position: relative;
float: left;
background: #C7D5D4;
padding: 7px 14px;
}
#content .pagenavigator .pages-count {
position: relative;
float: left;
}
#content .pagenavigator .pages-navigation {
position: relative;
float: right;
}



/* --------------------------------
login form styles 
----------------------------------- */

#content .form-login {
background: #D5E5EC;
padding: 2px 12px;
}
#content .form-login label {
display: block;
float: left;
width: 150px;
}
#content .form-login .halfbox {
width: 250px;
}
#content .form-login .buttonblock {
padding: 12px 0 12px 150px;
}
#content .form-login .buttonblock input {
margin-right: 10px;
}

/* --------------------------------
feedback form styles 
----------------------------------- */

#content .form-feedback label {
float: left;
width: 432px;
padding-left: 8px;
display: block;
margin-bottom: 2em;
font-size: 0.91em;
}
#content .form-feedback .fm-label {
display: block;
float: left;
width: 120px;
padding-right: 4px;
}
#content .form-feedback .fm-input {
display: block;
float: left;
width: 275px;
}
#content .form-feedback .fm-input input {
width: 260px;
}
#content .form-feedback .fm-input textarea {
width: 275px;
}
#content .form-feedback .buttonblock {
padding: 12px 0 12px 132px;
float: left;
}
#content .form-feedback .buttonblock input {
margin-right: 10px;
}

/* --------------------------------
professional specific styles 
----------------------------------- */

.professionals #content .intro {
color: #FFF;
background: #2F0204 url('../images/innerpage-professional-intro-bg.jpg') no-repeat top;
}
#content .intro,
.whanau #content .intro {
color: #FFF;
background: #406186 url('../images/innerpage-whanau-intro-bg.jpg') no-repeat bottom;
}


/* --------------------------------
back to top styles 
----------------------------------- */

#content .backtotop {
text-align: right;
font-size: 0.91em;
}

/* #################################
right block specific styles 
################################# */	

#right {
color: #364b68;
font-size: 0.91em;
}
#right a {
color: #364b68;
}
#right img.decoration {
margin-top: 26px;
margin-bottom: 10px;
}
#right img.remembrance {
margin-top: 26px;
margin-bottom: 10px;
margin-left: 24px;
}
#right img.margin-top-lrg {
margin-top: 70px;
}
#right ul {
margin-left: 15px;
margin-bottom: 0.5em;
}
#right ul li {
list-style: outside disc;
}
#right ul.arrows {
margin-left: 24px;
}
#right ul.arrows li {
list-style: none;
background: url('../images/list-arrow.gif') no-repeat 0 6px;
padding-left: 10px;
margin-bottom: 0.4em;
}
#right ul.arrows li.current {
color: #a0a1a1;
background: url('../images/list-arrow-grey.gif') no-repeat 0 6px;
}
#right .tool-text {
border: none;
text-align: right;
margin-top: -4px;
}
#right .block {
width: 201px;
margin-left: 24px;
background: #D0E2E9;
margin-top: 10px;
}
#right .block h3 {
background: #3A6F89;
color: #FFF;
font-weight: bold;
font-size: 1em;
padding: 5px 9px;
border-bottom: 2px solid #FFF;
}
#right .block .inner {
padding: 6px;
width: 189px;
}
#right .news-events {
padding: 120px 0 0 50px;
}
#right .news-events h2 {
font-size: 1em;
font-weight: normal;
}
#right .news-events h2.margin-top-lrg {
margin-top: 5em;
float: left;
width: 100%;
}
#right .news-events ul {
margin: 0 0 2em;
float: left;
width: 100%;
}
#right .news-events li {
list-style: none;
margin-top: 0.5em;
padding-left: 15px;
background: url('../images/news-events-rhs-icon.gif') no-repeat 0 4px;
}

/* #################################
footer styles 
################################# */	

#footer {
width: 862px;
margin: 0 0 0 1px;
background: #FFF;
text-align: center;
font-size: 0.9em;
color: #000;
float: left;
}
#footer a {
color: #000;
position: relative;
}

/* #################################
home page specific styles 
################################# */

/* --------------------------------
homepage opening text and buttons
----------------------------------- */
	
.home #main .openingHead h2 {
margin-bottom: 0.5em;
font-size: 1.5em;
font-weight: normal;
}
.home #main .openingHead p {
font-size: 1.08em;
}
.home #main .openingHead .intro {
width: 560px;
float: left;
position: relative;
display: inline;
}
.home #main .openingHead .intro a {
color: #FFF
}

.home #main .openingHead .entry a span.link {
padding-bottom: 1px;
background: url('../images/home-opening-btn-bg.gif') repeat-y;
}
.home #main .openingHead .entry a span.top {
background: url('../images/home-opening-btn-top.gif') no-repeat;
}
.home #main .openingHead .entry a span.bottom {
background: url('../images/home-opening-btn-bottom.gif') no-repeat;
}

/* --------------------------------
 homepage lower blocks
----------------------------------- */



/* --------------------------------
home page footer
----------------------------------- */
	

.home #footer {
width: 864px;
position: relative;
float: left;
margin:0;
padding-bottom:50px;
text-align: left;
background-color:#333300;
font-size: 0.9em;

}
.home #footer .links {
padding: 25px 159px 0 170px;
text-align:center;
color: #fff;
}

.home #footer a {
font-size:1em;
color: #fff;
}
.home #footer .logo-nzgovt {
position: absolute;
top: 23px;
left: 0px;
}
.home #footer .logo-pharmac {
position: absolute;
top: 25px;
right: 0px;
}
.home #footer .footerCurve {
position:absolute;
top:0px;
width:100%;
}



/* #################################
welcome pages specific styles 
################################# */

/* --------------------------------
welcome page tabs
----------------------------------- */
	
.welcome #tabs {
position: relative;
width: 864px;
padding: 0;
margin: 7px 0 0;
text-align: center;
border-bottom: 1px solid #FFF;
}
.welcome #tabs ul {
margin: 0 auto;
width: 384px;
}
.welcome #tabs li {
display: inline;
}
.welcome #tabs li a {
display: inline-block;
float: left;
width: 122px;
height: 17px;
margin-right: 9px;
padding: 6px 0;
background: #CBCDB2;
text-align: center;
font-size: 1.16em;
color: #000;
font-weight: bold;
text-decoration: none;
}
.welcome #tabs li.last a {
margin: 0;
}
.welcome #tabs li a:hover {
text-decoration: underline;
}
.welcome #tabs li.current a {
background: #FFF;
cursor: default;
}
.welcome #tabs li.current a:hover {
text-decoration: none;
}	

/* --------------------------------
welcome page content
----------------------------------- */
	
.welcome #main {
width: 862px;
margin: 0 1px;
float: left;
display: inline;
background: #212208 url('../images/welcome-bg.jpg') no-repeat;
padding: 0 0 30px;
color: #FFFFFF;
}
.welcome #main h2 {
font-size: 1.5em;
font-weight: normal;
}
.welcome #main .block-left {
width: 166px;
float: left;
display: inline;
margin: 27px 0 20px 23px;
}
.welcome #main .block-left .section-links {
margin: 0 0 39px;
}
.welcome #main .block-left .section-links a {
display: block;
width: 136px; 
padding: 11px 7px;
color: #FFF;
text-decoration: none;
}
.welcome #main .block-left .section-links .maori {
font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.16em;
}
.welcome #main .block-left .section-links a:hover {
text-decoration: underline;
}
.welcome #main .block-left .section-links .whanau a {
background: #57631D;
margin-bottom: 2px;
}
.welcome #main .block-left .section-links .professionals a {
background: #8B0000;
}
.welcome #main .block-left .section-links .newline {
display: block;
clear: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.83em;
font-weight: bold;
}
.welcome #main .block-left .section-links .arrow {
display: inline-block;
width: 8px;
height: 7px;
}
.welcome #main .block-left .section-links .whanau .arrow {
background: url('../images/welcome-whanau-arrow.gif') no-repeat;
}
.welcome #main .block-left .section-links .professionals .arrow {
background: url('../images/welcome-professionals-arrow.gif') no-repeat;
}
.welcome #main .block-left .image {
border: 1px solid #FFF;
width: 164px;
height: 153px;
overflow: hidden;
margin-bottom: 21px;
}
.welcome #main .block-left .player a {
color: #FFFF00;
}
.welcome #main .block-right {
display: inline;
width: 509px;
float: left;
padding: 42px 72px 20px 92px;
}
.welcome #main .twocol .left {
float: left;
width: 203px;
padding-right: 54px;
}
.welcome #main .twocol .right {
float: left;
width: 252px;
}

/* --------------------------------
welcome page footer
----------------------------------- */
	
.welcome #footer {
float: left;
display: inline;
width: 862px;
margin: 0 1px;
padding-bottom: 9px;
background: #212208;
color: #FFF;
}
.welcome #footer p {
margin: 0;
}
.welcome #footer a {
color: #FFF;
}

/* #################################
begin hide items 
################################# */

.hidden,
#skiplinks, 
#content .download .type,
#content div.document .type {
position: absolute;
top: -999px;
z-index: 50;
width: 1px;
font-size: 1px;
height: 1px;
overflow: hidden;
display: block;
line-height: 0;
}
/* Float containers */
/*
* See http://positioniseverything.net/easyclearing.html
* for a description of this code.
*/
.clearfix:after,
fieldset:after /* Safari 2 required */ {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */

/* VIDEO STYLES */

.info-block h2#video-key-content, .info-block h2#video-things-to, .info-block h2#video-comments, .info-block h2#video-transcript {
background:url('"../images/disc-plus.gif"') no-repeat scroll 10px 0 transparent;
color:#3480A0;
cursor:pointer;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0 0 15px;
padding-bottom:3px;
padding-left:40px;
}

.info-block h2#video-key-content.collapse, .info-block h2#video-things-to.collapse, .info-block h2#video-comments.collapse, .info-block h2#video-transcript.collapse {
background:url('"../images/disc-minus.gif"') no-repeat scroll 10px 0 transparent;
color:#333333;
}

#content .pagetools {
float:right;
font-size:1.09em;
line-height:1.6em;
margin-right:20px;
position:relative;
top:-36px;
width:40px;
}


#content .pagetools .print {
background:url('"../images/print.gif"') no-repeat scroll left top transparent;
color:#3480A0;
padding:2px 0 5px 26px;
}

#content .video-duration {
margin-top: 1em;
}

/*    *** end hide items ***    */