/* www.cyf.govt.nz/webadmin/css/main.css*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, cite, em, img, ins, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
padding:0;
border:none;
margin:0;
} 

body {
background:#FFF;
color:#000;
font-family: arial, helvetica, sans-serif;
font-size:82.5%;
text-align:center;
}

#container {
width:987px;
margin: 0 auto;
padding:0;
text-align:left;
background:transparent;
}

#logo {
float:left;
position:relative;
top:0;
left:0;
height:142px;
width:94px;
margin:0;
margin-bottom:-142px;
z-index:3;
}

*html #logo {
height:102px;
margin-bottom:-282px;
}

#header {
float:left;
position:relative;
display:inline;
top:0;
width:987px;
paddding:0;
margin:0;
}

#header #toolbar {
width:987px;
}

#header a, 
#header a:visited {
text-decoration:none;
color:#FFF;
font-weight:bold;
}

#wrapper {
width:987px;
float:left;
position:relative;
top:0;
background: transparent url(../images/nav-bg-fade.jpg) no-repeat 0 0;
}

#wrapper:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

body#home #header a, 
body#home #header a:visited, 
body#about-us #header a, 
body#about-us #header a:visited, 
body#about-us-landing #header a,
body#about-us-landing #header a:visited,
body#info-for-kids #header a, 
body#info-for-kids #header a:visited, 
body#info-for-kids-landing #header a,
body#info-for-kids-landing #header a:visited,
body#working-here #header a, 
body#working-here #header a:visited, 
body#working-here-landing #header a,
body#working-here-landing #header a:visited{
color:#000;
}

body#keeping-kids-safe #header a, 
body#keeping-kids-safe #header a:visited, 
body#keeping-kids-safe-landing #header a, 
body#keeping-kids-safe-landing #header a:visited,
body#working-with-others #header a, 
body#working-with-others #header a:visited, 
body#working-with-others-landing #header a,
body#working-with-others-landing #header a:visited {
color:#fff;
}


#header a:hover{
text-decoration:underline;
}

#header #helplinks {
position:absolute;
top:-200px;
}

#header #toolbar {
float:left;
position:relative;
height:2.2em;
padding:1em 0 0 0;
background-color:#dbc48e;
color:#000;
}

body#keeping-kids-safe #toolbar,
body#keeping-kids-safe-landing #toolbar{
background-color:#b94500;
color:#000;
}

body#adoption #toolbar,
body#adoption-landing #toolbar{
background-color:#4e5c38;
color:#fff;
}

body#youth-justice #toolbar,
body#youth-justice-landing #toolbar{
background-color:#3e5b69;
color:#fff;
}

body#working-with-others #toolbar,
body#working-with-others-landing #toolbar{
background-color:#b94500;
color:#000;
}

body#about-us #toolbar,
body#about-us-landing #toolbar,
body#working-here #toolbar,
body#working-here-landing #toolbar{
background-color:#dbc48e;
color:#000;
}

body#info-for-caregivers #toolbar,
body#info-for-caregivers-landing #toolbar{
background-color:#593d28;
color:#fff;
}

body#info-for-parents #toolbar,
body#info-for-parents-landing #toolbar{
background-color:#923d40;
color:#fff;
}

body#info-for-teenagers #toolbar,
body#info-for-teenagers-landing #toolbar{
background-color:#3e5b69;
color:#fff;
}

body#info-for-kids #toolbar,
body#info-for-kids-landing #toolbar{
background-color:#feb913;
color:#000;
}

#toolbar .toolsub {
display:block;
float:right;
position:relative;
padding-left:1em;
padding-right:0.8em;
background-color:transparent;
}

#toolbar form {
position:relative;
top:-2px;
background:transparent;
}

#toolbar form input {
margin:0;
border:none;
padding:0;
}

#toolbar form input#searchtext {
border-top:solid 1px #666;
border-left:solid 1px #999;
border-right:solid 1px #333;
border-bottom:solid 1px #333;
padding:2px 2px 1px 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

#toolbar form input#search-button {
border-top:solid 1px #666;
border-left:solid 1px #999;
border-right:solid 1px #333;
border-bottom:solid 1px #333;
margin:0;
margin-right:0.5em;
padding:2px;padding:0;
background: #d9dedf url(../images/searchbuttonbg.gif) no-repeat top right;
font-weight:bold;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#444;
}

/* (using css3 class) reset padding on safari 3.+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#toolbar form input#search-button {padding:2px 2px 1px 2px;}
}

#breadcrumbs {
float:left;
position:relative;
display:inline;
width:auto;
margin:0 0 0 -100px;
padding:4px 0 0 6px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
font-weight:bold;
width:500px;
}

html>body #breadcrumbs {
width:auto;
min-width:500px;
}

#breadcrumbs a, 
#breadcrumbs a:visited {
color:#333;
text-decoration:none;
font-weight:normal;
}

#breadcrumbs a:hover {
text-decoration:underline;
color:#b94500;
}

/* #main div */

#main {
width:787px;
height:500px;
float:left;
position:relative;
background:transparent url(../images/main-bg.jpg) no-repeat top right;
}

html>body #main {
height:auto;
min-height:500px;
}

/* page type background images */

body#keeping-kids-safe #main {
background-image:url(../images/main-bg-keeping-kids-safe.jpg);
}

body#adoption #main {
background-image:url(../images/main-bg-adoption.jpg);
}

body#youth-justice #main {
background-image:url(../images/main-bg-youth-justice.jpg);
}

body#working-with-others #main {
background-image:url(../images/main-bg-working-with-others.jpg);
}

body#about-us #main,
body#working-here #main {
background-image:url(../images/main-bg-about-us.jpg);
}

body#info-for-caregivers #main {
background-image:url(../images/main-bg-caregivers.jpg);
}

body#info-for-parents #main {
background-image:url(../images/main-bg-parents.jpg);
}

body#info-for-teenagers #main {
background-image:url(../images/main-bg-teenagers.jpg);
}

body#info-for-kids #main {
background-image:url(../images/main-bg-kids.jpg);
}

#main .gutter {
margin-top:0;
}

#main #transparent {
width:225px;
height:auto;/*227px*/
float:right;
position:relative;
margin:0;
padding:0;
border:0;
}

/* LHS nav bar */

#navigation {
width:200px;
float:left;
position:relative;
margin-top:0;
}

#navigation .gutter {
float:left;
position:relative;
height:570px;
margin:0;
padding:100px 10px 0 0;
}

html>body #navigation .gutter {
height:auto;
min-height:570px;
}

#navigation a, #navigation a:visited {
color:#000;
text-decoration:none;
}

#navigation a:hover {
color:#b94500;
text-decoration:underline;
}

#navigation a.selected {
color:#b94500;
font-weight:bold;
}

#navigation h2 {
margin:20px 0 6px 0;
padding-left:1px;
}

#navigation ul{
font-size:1.1em;
font-weight:bold;
list-style-type:none;
margin-top:8px;
padding-left:0;
}

#navigation ul ul {
font-size:0.825em;
font-weight:normal;
margin-top:4px;
padding-left:8px;
}

#navigation ul li {
margin:0 0 4px 0;
padding:0 0 6px 8px;
background: url(../images/navlistitembg.gif) repeat-x bottom left;
}

#navigation ul li li {
background:none;
margin:0;
padding:0 0 6px 0;
}

#navigation ul ul ul {
padding-top:2px;
padding-left:4px;
font-size:1em;
}

#navigation ul li li li {
background: url(../images/nav-list-bg.gif) no-repeat 0 0px;
margin:0 0 0 2px;
padding:0 0 0 8px;
}

/* main content */

#main #content {

}

#main #content .gutter {
padding-top: 40px;
padding-right:2em;
padding-left:1.5em;
}

#main #bookmarks {
margin-bottom: 14px;
}

#main div#no-bookmarks, 
#main .no-heading, 
#main #no-summary {
display:none;
}

#main #bookmarks p{
font-weight:bold;
margin-bottom:0.5em;
}

#main #bookmarks ul {
margin:0;
padding-left:10px;
list-style-type:none;
}

#main #bookmarks ul li {
line-height:1.3em;
background:url(../images/bookmarksbg.gif) no-repeat 0 8px; 
padding-left:12px; 
display:list-item;
zoom:1;
}

#main #bookmarks a {
text-decoration:underline;
color:#b94500;
}

#main #bookmarks a:visited {
color:#551A8B;
}

#main #bookmarks a:hover {
text-decoration:none;
}

#main h1, 
#main h2, 
#main h3, 
#main h4 {
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin:1em 0 0.2em 0;
} 

#main h1 {
font-size:1.8em;
color:#B94500;
margin:0 0 0.6em 0;
padding-bottom:14px;
background: transparent url(../images/h1-bg.gif) no-repeat bottom left;
}

body#keeping-kids-safe #main h1,
body#keeping-kids-safe-landing #main h1,
body#working-with-others #main h1,
body#working-with-others-landing #main h1,
body#keeping-kids-safe #main span.quote,
body#keeping-kids-safe-landing #main span.quote,
body#working-with-others #main span.quote,
body#working-with-others-landing #main span.quote,
body#keeping-kids-safe #main #summary,
body#keeping-kids-safe-landing #main #summary,
body#working-with-others #main #summary,
body#working-with-others-landing #main #summary {
color:#c60;
}

body#adoption #main h1,
body#adoption-landing #main h1,
body#adoption #main span.quote,
body#adoption-landing #main span.quote,
body#adoption #main #summary,
body#adoption-landing #main #summary {
color:#4e5c38;
}

body#about-us #main h1,
body#about-us-landing #main h1,
body#about-us #main span.quote,
body#about-us-landing #main span.quote,
body#about-us #main #summary,
body#about-us-landing #main #summary,
body#working-here #main h1,
body#working-here-landing #main h1,
body#working-here #main span.quote,
body#working-here-landing #main span.quote,
body#working-here #main #summary,
body#working-here-landing #main #summary {
color:#8a7443;
}

body#youth-justice #main h1,
body#youth-justice-landing #main h1,
body#info-for-teenagers #main h1,
body#info-for-teenagers-landing #main h1,
body#youth-justice #main span.quote,
body#youth-justice-landing #main span.quote,
body#info-for-teenagers #main span.quote,
body#info-for-teenagers-landing #main span.quote,
body#youth-justice #main #summary,
body#youth-justice-landing #main #summary,
body#info-for-teenagers #main #summary,
body#info-for-teenagers-landing #main #summary {
color:#3e5b69;
}

body#info-for-caregivers #main h1,
body#info-for-caregivers-landing #main h1,
body#info-for-caregivers #main span.quote,
body#info-for-caregivers-landing #main span.quote,
body#info-for-caregivers #main #summary,
body#info-for-caregivers-landing #main #summary {
color:#593d28;
}

body#info-for-parents #main h1,
body#info-for-parents-landing #main h1,
body#info-for-parents #main span.quote,
body#info-for-parents-landing #main span.quote,
body#info-for-parents #main #summary,
body#info-for-parents-landing #main #summary {
color:#923d40;
}

body#info-for-kids #main h1,
body#info-for-kids-landing #main h1,
body#info-for-kids #main span.quote,
body#info-for-kids-landing #main span.quote,
body#info-for-kids #main #summary,
body#info-for-kids-landing #main #summary {
color:#21276f;
}

#main h2 {
font-size:1.4em;
}

#main h3 {
font-size:1.2em;
}

#main h4 {
font-size:1em;
}

#main p, 
#main .links {
margin-bottom:0.5em;
line-height:1.2em;
}

#main .links {
padding-left:3px;
}

#main .links a {
padding-left:12px;
background:url(../images/links-bg.gif) no-repeat 0 0;
text-decoration:underline;
color:#b94500;
}

#main .links a:visited, #main .links a:hover {
background:url(../images/links-bg.gif) no-repeat 0 -50px;
color:#551A8B;
}

#main .links a span {
font-size:0.8em;
color:#666;
}

#main .topBottomFloat {
margin-bottom:10px;
}

#main .floatLeft {
float:left;
position:relative;
padding:0 8px 10px 0;
}

#main .floatRight {
float:right;
position:relative;
padding:0 0 10px 8px;
}

#main .leftFloat {
float:left;
position:relative;
padding:0 20px 10px 0;
}

#main .rightFloat {
float:right;
position:relative;
padding:0 0 10px 8px;
}

#main .img-caption{
padding:0;
margin:0 0 10px 10px;
float:right;
width:180px;
position:relative;
background-color:#F3E8D2;
border:none;
border-bottom:dotted 1px #b94500;
}

#main .img-caption img{
padding:0;
margin:0 0 4px 0;
width:180px;
position:relative;
border:none;
}

#main .img-caption p{
padding:0 6px 7px 6px;
margin:0;
position:relative;
border:none;
font-size:85%;
}

#main span.quote {
margin:0;
padding:0;
border:none;
font-weight:bold;
font-style:normal;
display:block;
}

#main table{
margin:0 0 10px 0;
padding:0;
border:none;
border-collapse:collapse;
border-right:solid 1px #9b3a00;
border-bottom:solid 1px #9b3a00;
}

#main table th{
margin:0;
padding:3px 5px 3px 5px;
text-align:left;
font-size:95%;
background-color:#fcf2df;
border:none;
border-top:solid 1px #9b3a00;
border-left:solid 1px #9b3a00;
vertical-align:top;
}

#main table td{
margin:0;
padding:3px 5px 3px 5px;
background-color:#fff;
border:none;
border-top:solid 1px #9b3a00;
border-left:solid 1px #9b3a00;
vertical-align:top;
}

#main ul, #main ol {
margin:0.2em 0 1em 1em;
padding-left:1.5em;
}

#main ul ul, #main ol ul, #main ul ol {
margin:0.2em 0;
margin:0;
padding:0 0 0 1em;
}

#main ul ol {
margin-left:1em;
padding-left:1em;
}

#main #summary {
font-size:1em;
font-weight:bold;
padding:0 0 12px;
}

#main ol li {
display:list-item;
vertical-align:top;
}

/* news pages */

#main #browse {
margin:0 0 12px;
padding: 8px 6px;
border:none;
border-top: dotted 1px #b94500;
border-bottom: dotted 1px #b94500;
background-color:#F2EAD5;
width:490px;
}

#main #browse a {
font-weight:normal;
text-decoration:underline;
}

#main #browse a.selected {
font-weight:bold;
text-decoration:none;
}

#main .listing {
padding:2px 0 6px;
}

#main .listing .title a {
font-weight:bold;
}

.date {
font-size:80%;
color:#666666;
margin-bottom:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#home .date {
margin-left:16px;
}

#main .news-event {
font-weight:bold;
}

/* footer */

#footer {
width:977px;
height:130px;
float:left;
position:relative;
margin:0;
padding:0 0 0 8px;
}

#footer #footer-links {
float:left;
position:relative;
width:839px;
border-top:dotted 1px #b94500;
border:none;
background: transparent url(../images/footer-bg-border-2.gif) no-repeat top left;
margin-top:45px;
padding-top:16px;
}

#footer img.nzgovt {
margin-top:8px;
display:block;
}

#footer p {
float:left;
position:relative;
display:inline;
width:700px;
padding:0;
margin:0;
}

#footer a, #footer a:visited {
text-decoration:none;
color:#000;
}

#footer a:hover {
text-decoration:underline;
color:#b94500;
}

#footer .back-to-top {
background: url(../images/back-to-top-1.jpg) no-repeat bottom right;
float:right;
position:relative;
top:0;
right:0;
width:136px;
height:130px;
margin:0;
padding:0;
text-align:right;
}

#home #footer .back-to-top {
display:none;
}

body#keeping-kids-safe #footer .back-to-top,
body#keeping-kids-safe-landing #footer .back-to-top {
background-image:url(../images/back-to-top-2.jpg);
}

body#adoption #footer .back-to-top,
body#adoption-landing #footer .back-to-top {
background-image:url(../images/back-to-top-3.jpg);
}

body#youth-justice #footer .back-to-top,
body#youth-justice-landing  #footer .back-to-top {
background-image:url(../images/back-to-top-8.jpg);
}

body#working-with-others #footer .back-to-top,
body#working-with-others-landing  #footer .back-to-top {
background-image:url(../images/back-to-top-5.jpg);
}

body#about-us #footer .back-to-top,
body#about-us #footer-landing .back-to-top,
body#working-here #footer .back-to-top,
body#working-here-landing #footer .back-to-top {
background-image:url(../images/back-to-top-1.jpg);
}

body#info-for-caregivers #footer .back-to-top,
body#info-for-caregivers-landing #footer .back-to-top {
background-image:url(../images/back-to-top-6.jpg);
}

body#info-for-parents #footer .back-to-top, 
body#info-for-parents-landing #footer .back-to-top{
background-image:url(../images/back-to-top-7.jpg);
}

body#info-for-teenagers #footer .back-to-top, 
body#info-for-teenagers-landing #footer .back-to-top {
background-image:url(../images/back-to-top-8.jpg);
}

body#info-for-kids #footer .back-to-top,
body#info-for-kids-landing #footer .back-to-top{
background-image:url(../images/back-to-top-9.jpg);
}

/* generic */

a {
color:#b94500;
}



a:visited, a:hover {
color:#551A8B;
}

.clearboth { 
clear:both;
padding:0;
margin:0;
height:0.1em;
}

hr{
padding:0;
margin:8px 0 5px 0;
position:relative;
background-color:#FFF;
color:#fff;
border:none;
border-bottom:dotted 1px #b94500;
}

html>body hr{
margin:10px 0 10px 0;
}

.topLink {
position:relative;
height:30px;
font-size:100%;
font-weight:normal;
margin:0;
padding:0;
}

.topLink a {
float:right;
position:relative;
display:inline;
background: transparent url(../images/back-to-top.gif) no-repeat 0 0; 
color:#000; 
text-decoration:none; 
margin:0; 
padding:0; 
}

.topLink a:hover {
background: transparent url(../images/back-to-top.gif) no-repeat 0 -50px; 
color:#005595; 
text-decoration:none; 
}

.topLink a img {
position:relative;
top:0;
right:0;
margin:0;
padding:0;
height:19px;
}

#main #bookmarks ul {
margin:0;
padding-left:10px;
}

#main #bookmarks ul li {
line-height:1.3em;
background:url(../images/bookmarksbg.gif) no-repeat 0 8px; 
padding-left:12px; 
display:list-item;
zoom:1;
}

/* CSS Styles for the CYF Newsletter */
body#cyf-newsletter
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#000;
	margin:0;
	padding:0
}

#newsletter
{
	width:767px;
	margin:0 auto;
	padding-bottom:50px
}

#newsletter p a,#newsletter a
{
	color:#000
}

#newsletter p a:visited,#newsletter a:hover,#newsletter a:visited
{
	color:#000
}

#newsletter hr 
{
	border-color: #A89A77;
}

#newsletter h1
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:26px;
	color:#92735D;
	font-weight:400;
	font-style:normal;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	margin:20px 0
}

#newsletter h2
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:24px;
	color:#92735D;
	font-weight:400;
	font-style:normal;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	margin:20px 0
}

#newsletter h3
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:22px;
	color:#92735D;
	font-weight:400;
	font-style:normal;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	margin:20px 0
}

#newsletter h4
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:18px;
	color:#92735D;
	font-weight:400;
	font-style:italic;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	margin:10px 0
}

#newsletter .block img, #newsletter .nl-story .leftFloat img
{
	margin:inherit;
	padding:0;
	display:block;
	border-style:solid;
	border-color:#fff;
	border-width:7px;
	-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.2);
	box-shadow:4px 4px 5px rgba(0,0,0,0.2)
}

#newsletter .hr
{
	height:20px;
	clear:both
}

#newsletter #inner
{
	background-color:#fff;
	position:relative;
	height:auto;
	overflow:hidden
}

#newsletter #nl-header
{
	margin:0
}

#newsletter #nl-title h2.primary
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:20px;
	color:#344C56;
	padding:10px 0;
	margin:0;
	border-top:7px solid #e9e5dc
}

#newsletter .intro-text p,#newsletter .intro-text p a
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#000;
	margin-top:0;
	margin-bottom:10px;
	padding:0;
	line-height:20px
}

#newsletter #nl-content
{
	float:left;
	width:500px;
	height:100%;
	margin:0;
	padding:0 10px 0 20px
}

#newsletter #nl-content .bottom-logo
{
	margin:0;
	padding:0
}

#newsletter .nl-story p
{
	padding:0
}

#newsletter #nl-sidebar
{
	float:right;
	width:189px;
	height:100%;
	position:relative;
	padding:0;
	margin:0 0 0 10px;
	background-color: #e9e5dc;
}

#newsletter #nl-sidebar .date-stamp
{
	height: 20px;
	width: 100%;
	background-color: #fff;
	padding: 25px 10px 10px 10px;
	text-align: center;
	margin: 0 0 0 -10px;
	text-transform: uppercase;
}

#newsletter #nl-sidebar .inner
{
	padding:0 10px;
	min-height:160px
}

#newsletter #nl-sidebar .sidebar-header
{
	padding:0;
	margin:0 0 0 -10px;
}

#newsletter #nl-sidebar a
{
	text-decoration:none
}

#newsletter #nl-sidebar a:hover
{
	text-decoration:underline
}

#newsletter #nl-sidebar h4
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:18px;
	color:#344C56
}

#newsletter #nl-sidebar .hr
{
	margin-left:-10px
}

#newsletter #nl-sidebar ul
{
	margin:0 0 10px -10px
}

#newsletter #nl-sidebar li
{
	background:url(/webadmin/images/enewsletter/li.jpg) no-repeat 0 0;
	list-style:none;
	padding:0 0 5px 30px
}

#newsletter #nl-sidebar .sidebar-bottom
{
	height:78px;
	width:189px
}

#newsletter .bottom-logo
{
	height:118px;
	width:251px;
	padding-top:40px;
	clear:both
}
