/* www.cyf.govt.nz/webadmin/css/home.css */

#container {
width:987px;
border:none;
}

body#home div#container .img1 {background: transparent url(../images/homepage-background-1.jpg) no-repeat left top;}
body#home div#container .img2 {background: transparent url(../images/homepage-background-2.jpg) no-repeat left top;}
body#home div#container .img3 {background: transparent url(../images/homepage-background-3.jpg) no-repeat left top;}
body#home div#container .img4 {background: transparent url(../images/homepage-background-4.jpg) no-repeat left top;}
body#home div#container .img5 {background: transparent url(../images/homepage-background-5.jpg) no-repeat left top;}
body#home div#container .img6 {background: transparent url(../images/homepage-background-6.jpg) no-repeat left top;}
body#home div#container .img7 {background: transparent url(../images/homepage-background-7.jpg) no-repeat left top;}

#header #toolbar {
width:987px;
}

#main {
width:987px;
height:565px;
}

html>body #main {
height:auto;
min-height:565px;
width:987px;
}

#container #main #content {
width:787px;
float:left;
position:relative;
}

#container #main #content #sections {
width:750px;
float:left;
position:relative;
padding-right:20px;
padding-left:15px;
background:url(../images/safe-strong-thrive.gif) no-repeat 450px 96px;
}

html>body #container #main #content #sections {
width:752px;
}

#container #main #content #keeping-kids-safe,
#container #main #content #adoption, 
#container #main #content #youth-justice,
#container #main #content #working-with-others {
float:left;
position:relative;
width:25%;
padding:0;
margin:0;
border:none;
}

#container #main #content p {
padding:0 6px 0 4px;
}

#container #main #content #sections #keeping-kids-safe {
height:20.5em;
margin-top:390px;
background:url(../images/home-column-keeping-kids-safe.jpg) no-repeat bottom left;
}
html>body #container #main #content #sections #keeping-kids-safe {
height:auto;
min-height:20.5em;
}

#container #main #content #sections #adoption{
height:20.5em;
margin-top:360px;
background:url(../images/home-column-adoption.jpg) no-repeat bottom left;
} 
html>body #container #main #content #sections #adoption{
height:auto;
min-height:20.5em;
}

#container #main #content #sections #youth-justice{
height:21.25em;
margin-top:305px;
background:url(../images/home-column-youth-justice.jpg) no-repeat bottom left;
}
html>body #container #main #content #sections #youth-justice{
height:auto;
min-height:21.25em;
}

#container #main #content #sections #working-with-others {
height:21.6em;
margin-top:250px;
background:url(../images/home-column-working-with-others.jpg) no-repeat bottom left;
}
html>body #container #main #content #sections #working-with-others {
height:auto;
min-height:21.6em;
}

#container #main #content h2 {
padding-left:4px;
font-size:1.2em;
}

#container #main #content h2 a, 
#container #main #content h2 a:visited {
text-decoration:underline;
color:#b94500;
}

#container #main #content h2 a:hover {
color:#000;
text-decoration:none;
}

/* sidebar specific */

#main #transparent {
display:none;
}

body#home #sidebar {
float:left;
position:relative;
width:200px;
}

body#home #sidebar .gutter {
margin:0;
padding:0 0 1em 2px;
border-left:solid 1px #cdd4d6;
}

body#home #sidebar h2 {
background: url(../images/sidebar-h2-bg.gif) no-repeat bottom left;
margin:14px 0 0;
padding-left:0;
padding-bottom:16px;
font-size:1.4em;
color:#B94500;
}
body#home #sidebar h3 {
margin:0;
padding:10px 0 0 14px;
font-size:1.1em;
line-height:1em;
color:#b94500;
}

body#home #sidebar h2 img {
padding-left:12px;
}

body#home #sidebar #info-for,
body#home #sidebar #info-about,
body#home #sidebar #news{
margin:0 0 20px 0;
padding:0;
}

body#home #sidebar ul {
padding:8px 0 0 14px;
margin:0;
}

body#home #sidebar  ul li {
position:relative;
margin:0 0 4px;
padding:0;
background:none;
list-style: none;
list-style-position:outside;
font-size:1.2em;
font-weight:bold;
}

body#home #sidebar  ul li a, 
body#home #sidebar  ul li a:visited {
margin:0;
padding:0 0 0 0;
display:block;
background:none;
color:#000;
text-decoration:none;
}

body#home #sidebar  ul li a:hover {
background: none; 
text-decoration:underline;
color:#b94500;
}

body#home #sidebar p {
margin:0 0 1em 0;
padding:0 0 2px 14px;
}

body#home #sidebar #news p,
body#home #sidebar #info-about p {
margin:0;
padding:6px 0 0 14px;
}

body#home #sidebar p.leader {
margin-bottom:0;
font-weight:bold;
}

body#home #sidebar .links {
position:relative;
padding-left: 15px;
}

body#home #footer {
height:100px;
}

body#home #footer #footer-links {
margin-top:25px;
}