/*
Theme Name: Literacy Westland
Theme URI: http://www.avatar.co.nz
Description: Literacy Westland theme by <a href="http://www.avatar.co.nz">Avatar</a>
Version: 1 (WP2.6.2)
Author: Avatar
Author URI: http://www.avatar.co.nz
Tags: avatar
*/

@charset "utf-8";

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #000;
background-color: #ECF0F6;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
margin: 0px;
}

#container {
width: 948px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#header {
width: 948px;
height: 167px;
}

#logo {
float: left;
width: 636px;
height: 156px;
}

/*--------------------- Menu ---------------------*/

#nav-container {
float: left;
width: 948px;
height: 48px;
}

#nav, #nav ul {
height: 48px;
width: 948px;
background-image: url(images/nav.gif);
margin: 0px;
position: relative;
z-index: 2;
padding: 0px;
list-style-type: none;
float: left;
display: inline;
}

#nav li {
float: left;
padding: 0;
display: block;
height: 48px;
}

#nav li a {
display: block;
height: 48px;
text-decoration: none;
margin: 0px;
text-indent: -99999px;
}

#nav li a:hover {
text-decoration: none;
background-image: url(images/nav.gif);
background-repeat: no-repeat;
}

#nav .page-item-1 {
left: 0px;
width: 127px;
}

#nav .page-item-75 {
left: 127px;
width: 143px;
}

#nav .page-item-77 {
left: 270px;
width: 167px;
}

#nav .page-item-82 {
left: 437px;
width: 200px;
}

#nav .page-item-79 {
left: 637px;
width: 141px;
}

#nav .page-item-9 {
left: 778px;
width: 170px;
}

#nav .page-item-1 a:hover { background: url(images/nav.gif) 0 -48px no-repeat; }

#nav .page-item-75 a:hover { background: url(images/nav.gif) -127px -48px no-repeat; }

#nav .page-item-77 a:hover { background: url(images/nav.gif) -270px -48px no-repeat; }

#nav .page-item-82 a:hover { background: url(images/nav.gif) -437px -48px no-repeat; }

#nav .page-item-79 a:hover { background: url(images/nav.gif) -637px -48px no-repeat; }

#nav .page-item-9 a:hover { background: url(images/nav.gif) -778px -48px no-repeat; }

#nav a span { display: none; }

/*--------------------- Drop Downs ---------------------*/

#nav li ul {
position: absolute;
left: -999em;
display: none; /* Important */
height: auto;
width: 172px;
font-weight: normal;
margin: -4px 0 0 0;
background-image: none;
border-top: 1px solid #0279C6;
}

#nav li li {
width: 170px;
height: auto;
background-color: #fff;
margin: 0 0 0 1px;
border: 1px solid #0279C6;
border-top: none;
}

#nav li ul a {
width: 150px;
height: 16px;
margin: 0px;
padding: 6px 10px 3px 10px;
color: #0279C6;
font-size: 11px;
background-color: #fff;
line-height: 12px;
text-indent: 0px;
outline: none; /* Hide dotted line */
}

:focus /* Hide dotted line in Firefox */ { -moz-outline-style: none; }

#nav-container #nav li ul a:hover, #nav-container #nav li.current_page_item ul a:hover {
background-color: #0279C6;
background-image: none;
background-repeat: no-repeat;
background-position: 6px 10px;
color: #fff;
}

#nav li ul ul {
margin: -25px 0 0 130px !important;
margin: -25px 0 0 129px; /* IE6 fix */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
display: block;  /* Important */
}

#nav li:hover, #nav li.sfhover { background-image: none; }

/*--------------------- Body ---------------------*/

#body-container {
float: left;
width: 948px;
background-image: url(images/body-bg.gif);
background-repeat: repeat-y;
margin: 17px 0;
}

#body-bg {
float: left;
width: 948px;
background-image: url(images/body-top.gif);
background-repeat: no-repeat;
background-position: left top;
}

#body {
float: left;
width: 878px;
background-image: url(images/body-bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 35px 35px 30px 35px;
}

p {
margin-top: 6px;
margin-bottom: 12px;
}

h1 {
font-size: 26px;
color: #0178C6;
font-weight: bold;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #A7D0EB;
}

h2 {
font-size: 18px;
color: #0178C6;
font-weight: bold;
margin: 15px 0px 0px 0px;
}

h3 {
font-size: 14px;
color: #000;
font-weight: bold;
margin: 15px 0px 0px 0px;
}

a {
color: #0178C6;
text-decoration: underline;
}

a:hover { text-decoration: none; }

#body ul {
margin: 15px 0px 15px 0px;
padding-left: 24px;
}

#body ul li {
margin: 0px 0px 4px;
padding: 0px 16px;
background: url(images/bullet.gif) no-repeat 2px 5px;
list-style-type: none;
}

#cta {
float: left;
width: 948px;
height: 188px;
}

.cta-contact-us {
float: left;
width: 311px;
height: 188px;
margin-right: 8px;
}

.cta-enroll {
float: left;
width: 311px;
height: 188px;
;
margin-right: 7px;
}

.cta-need-help {
float: left;
width: 311px;
height: 188px;
}

p.linklove, div.mapp-poweredby, .ddsg-wrapper h2 { display: none; }

/*--------------------- Body ---------------------*/

#footer {
float: left;
width: 940px;
height: 78px;
color: #0279C6;
font-size: 12px;
border-top: 1px dotted #9AC6E5;
margin: 20px 4px 0 4px;
}

#literacy-aotearoa-logo {
float: right;
width: 195px;
height: 63px;
}

#footer a {
color: #0279C6;
text-decoration: none;
}

#footer a:hover {
color: #0279C6;
text-decoration: underline;
}

#copyright {
float: left;
width: 720px;
margin: 22px 0 0 0
}

#avatar-link {
float: left;
width: 720px;
margin: 3px 0 0 0;
}

#avatar-link a {
color: #9AC6E5;
text-decoration: none;
}

#avatar-link a:hover {
color: #0279C6;
text-decoration: underline;
}

.homepage-seo {
padding:10px;	
}

.seo {
font-style:italic;
text-align:center;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	
}
