/*html {height:100%}*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
/*color: #000;*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E7E96', endColorstr='#9DC8E5');
background: -moz-linear-gradient(top, #1E7E96, #9DC8E5);
background: -webkit-gradient(linear, left top, left bottom, from(#1E7E96), to(#9DC8E5));
background-repeat:no-repeat;
background-position: center;
/*background-image:none;*/
height:870px;
margin:0;
padding:0;
}

.button {display:block;
        border:0;
        margin-left:35px;
        font-size: 14pt;
        font-weight:bold;
        background-color:transparent;    
}

.button-small {font-weight:normal;
              font-size:13pt;
              display:block;
        border:0;
        margin-left:35px;
        background-color:transparent;  
}

.button:hover {color:#1E7E96;}

.button_empty {display:block;
        border:0;
        margin-left:35px;
        font-size: 14pt;
        font-weight:bold;
        background-color:transparent;
       
}

.button_empty:hover {color:black;}

#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;
background-image: url("images/body-top.gif");
margin:0;
padding:0;
border-bottom: 4px solid #8ABADB;
/**/
}

#nav, #nav ul {
height: 48px;
width: 740px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
 position: relative;
z-index: 2;
padding: 0px;
list-style-type: none;
display: block;
background-image: url("images/body-nav.gif");
background-repeat: no-repeat;
background-position: left bottom;
margin-left: auto;
    margin-right: auto;
}

#nav li {/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E9E9E9');
background: -moz-linear-gradient(top,  #FFFFFF,  #E9E9E9);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9));*/
z-indez:-2;
float: left;
padding-left: 25px;
padding-right:25px;
display: block;

}

li.left {border-right: 1px dotted #A7D0EB;}

#nav li a {
display: block;
text-decoration: none;
margin-top: 2px;
color:#05436C;
font-size:14pt;

}

#nav li a:hover {color:#0178C6;
                 backgound-color:blue;

}


#nav a span { display: none; }

.right {border-width:0;}

/*--------------------- 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;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E9E9E9');
background: -moz-linear-gradient(top,  #FFFFFF,  #E9E9E9);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9));
margin: 17px 0;
-moz-border-radius: 15px;
border-radius: 15px;-webkit-border-radius: 15px;
    behavior: url(border-radius.htc);
    border-radius: 15px;
    position:relative;

}

.photos {    float: right;
    margin-left: 10px;
    margin-right: -15px;
    width: 220px;
}

img.shots {margin:4px;
           margin-left:8px;
           margin-right:-15px;
       border:3px solid grey;
}

.press {position:absolute;
       left:55px;
       bottom:60px;
}

.publications {position:absolute;
       left:450px;
       bottom:60px;
}

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

#body-bg h2, p, h4 {margin-left:35px;}

#body {
float: left;
width: 878px;
margin-left:20px;


}

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

p.contact {margin-left:35px;}

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

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; }

#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: 100%;
height: 78px;
color: #0279C6;
font-size: 12px;
border-top: 1px dotted #9AC6E5;
margin: 0px 4px 0 4px;
position:relative;
border-top: 1px dotted #A7D0EB;
}

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

#footer a {

text-decoration: none;
}

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

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

#copyright a {color: #0279C6;}

#para1, #para2, #para3, #para4, #para5, #para6, #para7, #para8, #para9, #para10{
    margin-left:138px;
    font-weight:bold;
}

#para1doc, #para2doc {background-image:url('images/white-space.jpg');
                      background-repeat:repeat;
           z-index: +3;

}


.homepage-seo {
padding:10px;	
}

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

a.footright {position:absolute;right:15px;top:25px;text-align:right;color:#777722;font-family:arial;font-size:9pt;text-decoration:none}