/*****************************************

    Copyright: Capacity Infrastructure Services Ltd - 2011
    Author: springload.co.nz

*****************************************/

div#yk_debug_info {padding: 6px 0 0 !important; position: relative; background: transparent;}
div#yk_debug_info p.debug_link, div#yk_debug_info p {width: 300px; padding: 0; color: #DDF0F5 !important;}
div#debug {padding: 0; width: 978px !important; color: #DDF0F5 !important; position: absolute; left: -612px; top: 80px; background: #333 !important; font-size: 13px;}
div#debug div {background: #333 !important; float: none; width: 917px; padding: 6px 20px;}
div#debug div:nth-child(odd) {background: #444 !important;}
div#yk_debug_info div#debug div div {background: transparent !important; width: 600px;}


/*
=Typography / general
---------------------------------------------- */

html, body {
    width: 100%;
    height: 100%;
    }
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 62.5%;
    line-height: 1.5em;
    color: #666;
    background: #fafafa url('/images/body_bg.gif') repeat-x;
    }
body.home {
    background: #fff url('/images/home_bg.gif') repeat-x;
    }
table, tr, td, input, select, textarea, ol, ul {
    font-family: Arial, sans-serif;
    font-size: 100%;
    padding: .5em 0;
    vertical-align: top;
    }
textarea {
    width: 300px;
    }
input {
    padding: 1px;
    }
a img, img {
    border: 0;
    }
code, pre {
    font-size: 1.2em;
    color: #999;
    display: block;
    width: 500px;
    }
h1, h2, h3 {
    font-size: 1em;
    padding: 0;
    margin: 0;
    }
h1 {
    font-size: 1.8em;
    line-height: 1.3em;
    margin: 0 0 .5em 0;
    padding: 0;
    color: #6AA3A4;
    }
h2 {
    font-size: 18px;
    margin: 22px 0 14px 0;
    padding-bottom: 8px;
    color: #06424e;
    line-height: 1.2em;
    font-weight: normal;
    border-bottom: 3px solid #dbe7e7;
    }
h3 {
    color: #4c7b7b;
    font-weight: bold;
    font-size: 14px;
    margin: 1em 0 9px 0;
    padding: 0;
    }
h4 {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: .8em;
    margin: 0;
    color: #000;
    }
.hide {
    position: absolute;
    left: -999em;
    }
a {
    color: #337182;
    color: #1ba8bd;
    text-decoration: none;
    }
a:hover, a:focus {
    color: #f90;
    }
p {
    margin: 0 0 1.2em;
    padding-bottom: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    line-height: 16px;
    }
ul {
    margin: .3em 0 .7em 0;
    padding: 0;
    }
li {
    padding-bottom: .6em;
    }
hr {
    border-bottom: 1px solid #BBCED3;
    margin: 1em 0;
    }
p.intro {
    font-size: 17px;
    line-height: 21px;
    color: #135f6e;
    }
img.right {
    float: right;
    margin: 0 0 15px 20px;
    }
img.photo_overlay {
    position: absolute;
    }
.display_right {
    width: 252px;
    float: right;
    margin: 0 0 15px 20px;
    }
.display_right p {
    font-size: 11px;
    padding: 5px 10px;
    background-color: #e8eded;
    margin: 0;
    }


/*
=form fields
---------------------------------------------- */

.form-section {
    background: #BBCED3;
    padding: .25em 5px;
    }
.form-required {
    font-weight: bold;
    color: #DD4604;
    }
.form-error {
    font-weight: bold;
    color: #DD4604;
    }
input.text {
    padding: 2px;
    }
input.text-error {
    padding: 2px;
    background-color: #FEF0EA;
    }
textarea.textarea-content {
    padding: 2px;
    }
textarea.textarea-content-error {
    padding: 2px;
    background-color: #FEF0EA;
    }
input.submit {
    margin-top: 20px;
    padding: 4px;
    cursor: pointer;
    }
span.label-note {
    font-size: 1em;
    font-weight: normal;
    color: #888;
    }



/*
=page structure
---------------------------------------------- */
#container {
    width: 998px;
    background: #fff url('/images/content_left.gif') repeat-y top left;
background: #fff url('/images/page-bg.gif') repeat-y top left;
    margin: 0;
    position: relative;
    min-height: 100%;
    }
* html #container{
    height: 100%;
    }
#left_col {
    width: 198px;
    float: left;
    padding: 0;
    margin: 0;
    background: transparent;
    }
#content {
    float: left;
    background-color: #fff;
    width: 552px;
    padding: 44px 20px 50px 25px;
    }
div.clearer {
    clear: both;
    }
div#right_col {
    width: 198px;
    margin-left: 0;
    float: right;
    padding: 0;
    }
#menu {
    width: 1000px;
    height: 98px;
    padding: 0;
    margin: 0;
    background: white;
    position: relative;
    }
#menu #home_link {
    margin: 0;
    padding: 0;
    }
div#banner-flash {
    width: 1000px;
    height: 202px;
    }

/*
=navigation =main-navigation
---------------------------------------------- */
#main-navigation {
    padding: 0;
    margin: 0;
    }
#main-navigation ul.first_level {
    margin: 0;
    padding: 0;
    }
#main-navigation li {
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
    background-color: #f3f3f3;
    list-style: none;
    position: relative;
    }
#main-navigation a {
    font-size: 16px;
    color: #135f6e;
    text-decoration: none;
    display: block;
    float: left;
    border-top: 10px solid #dfdfdf;
    padding: 32px 16px 0;
    width: 166px;
    height: 29px;
    background: #f3f3f3;
    }
#main-navigation a.publications-and-links, #main-navigation a.publications-and-links-active {
    width: 192px;
    margin-right: 0;
    }
#main-navigation li:hover a,
#main-navigation li.hover a,
#main-navigation li.current a {
    border-top: 10px solid #6aa3a4;
    }

/* second level */
#main-navigation ul.second_level {
    display: none;
    left: 0;
    top: 0;
    position: absolute;
    background: #6aa3a4;
    top: 68px;
    width: 198px;
    border-top: 2px solid #fff;
    min-height: 225px;
    height: auto !important;
    height: 225px;
    }
#main-navigation ul.second_level li {
    float: none;
    display: block;
    width: 198px;
    }
#main-navigation ul.second_level li a {
    background: #6aa3a4 url('/images/sub-nav-bg.gif') 50% 100% no-repeat;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    height: auto;
    padding: 9px 16px 9px;
    border-top: none;
    margin-right: 0;
    }
#main-navigation ul.second_level li a:hover {
    background-color: #466b6b;
    background-image: none;
    }
#main-navigation li:hover ul.second_level,
#main-navigation li.hover ul.second_level {
    display: block;
    }



/* Useful links
---------------------------------------------- */
#useful_links {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 11px;
    display: block;
    width: 200px;
    }
#useful_links li {
    display: inline;
    padding-left: 16px;
    background: url('/images/bg-useful-links.gif') left 4px no-repeat;
    }
#useful_links li:first-child {
    margin-right: 16px;
    }
#useful_links a {
    text-decoration:none;
    color:#06424e;
    }
#useful_links a:hover {
    color: #f90 !important;
    }


/*
=navigation subsubnav
---------------------------------------------- */
#sitemap_div {
    margin: 1.5em 0 0 -18px;
    }
.sitemap {
    list-style: none;
    }
.sitemap a {
    background: #d9eff3;
    text-decoration: none;
    padding: 2px;
    border-bottom: 1px solid #c6e1e6;
    }
.sitemap a:hover {
    color: #fff;
    }
.sitemap ul {
    list-style: disc;
    background: none;
    }
.sitemap ul a {
    background: none;
    text-decoration: underline;
    border: none;
    }
.sitemap ul ul {
    list-style: circle;
    }



/*
=online-form
---------------------------------------------- */
#online-form {
    background: #f3f7f8;
    padding: .2em 15px .5em;
    }



/*
=page content
---------------------------------------------- */
.bold {
    font-weight: bold;
    }
#content ul
    {
    margin: .3em 0 .8em 20px;
    padding: 0;
    line-height: 1.5em;
    font-size: 1.2em;
    }
#content ul p {
    font-size: 1em;
    }
.display_thumb {
    padding: 0;
    float: right;
    margin: 0 0 .5em 15px;
    width: 170px;
    height: auto;
    }
.display_thumb p {
    font-size: 1em;
    padding: 0 5px;
    color: #3396B2;
    margin: 0;
    }
.display_left {
    padding: 0;
    float: left;
    margin: 0 15px .5em 0;
    width: 251px;
    height: auto;
    }
.display_left p {
    font-size: 1em;
    padding: 0 5px;
    color: #3396B2;
    margin: 0;
    }
.table_bg {
    background-color: #d9eff3;
    border-bottom: 2px solid #b1c9cd;
    margin-bottom: 2em;
    font-size: 11px;
    }
.table_bg td {
    padding: .5em;
    }
.quote {
    background: #fff url('/images/quote_top.gif') no-repeat 0 0;
    width: 214px;
    margin: 0;
    padding: 0;
    float: right;
    }
.quote p {
    font-size: 1.2em;
    color: #AED1D9;
    background: #fff url('/images/quote_bot.gif') no-repeat bottom;
    }
.top {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    text-align: right;
    font-size: 11px;
    }
table {
    margin-bottom:20px;
    }
th {
    text-align:left;
    color:#337182;
    background-color:#DEE8E9;
    white-space:nowrap;
    padding:5px 12px 5px 5px;
    }
td {
    padding: 5px 12px 5px 5px;
    }
.row1 td {
    background-color:#F6F9FA;
    }
.row2 td {
    background-color:#DEE8E9;
    }
h2.title {
    color:#6AA3A4;
    font-size:1.8em;
    line-height:1.3em;
    margin:0.5em 0;
    }



/*
=misc
---------------------------------------------- */
#content a.pdf {
   background: url('/images/icons/pdf.gif') left no-repeat;
   padding-left: 22px;
   display: block;
    }
.con_lft {
    padding: 0;
    margin: 0;
    width: 150px;
    }
.con_mid {
    padding: 0 60px 0 20px;
    margin: 0;
    }
.con_rgt {
    padding: 0;
    margin: 0;
    }



/*
=files
---------------------------------------------- */
#files {
    margin-bottom: 2em;
    }
#files ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
#files li {
    padding-bottom: .5em;
    margin: 0;
    display: block;
    }
#files li a {
    display: block;
    padding: 0 0 5px 22px;
    }
#files li a.pdf {background: url('/images/icons/pdf.gif') left no-repeat;}
#files li a.msword {background: url('/images/icons/msword.gif') left no-repeat;}
#files li a.doc {background: url('/images/icons/msword.gif') left no-repeat;}
#files li a.xls {background: url('/images/icons/xls.gif') left no-repeat;}
#files li a.jpg {background: url('/images/icons/jpeg.gif') left no-repeat;}
#files li a.default {background: url('/images/icons/file.gif') left no-repeat;}



/*
=print
---------------------------------------------- */
.print_only {display: none;}



/*
=footer
---------------------------------------------- */
#footer {
    width: 100%;
    clear: both;
    color: #DDF0F5;
    background-color: #669999;
    position: relative;
    margin-top: -78px;
    height: 78px;
    font-size: 1em;
    line-height: 1.5em;
    }
#footer div {
    float: left;
    padding: 10px 0 0 20px;
    width: 176px;
    }
#footer .company_name {
    width: 200px;
    }
#footer p {
    margin: 0;
    padding: 10px 0 10px 20px;
    clear: both;
    }
#footer a {
    text-decoration: none;
    color: #DDF0F5;
    }
#footer a.links {
    text-decoration: underline;
    background: url('/images/arrow_white.gif') no-repeat 0 5px;
    padding-left: 10px;
    }
#footer a:hover {
    text-decoration: underline;
    }



/*
=hacks
---------------------------------------------- */

.status {
    right: 10px;
    }
box_model_hack {
    width: 128px; /*  Box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 118px;
    }


/*
=Message classes
--------------------------------------------*/
.msg-info {
    background: #fff url('/images/icons/check.gif') 5px 5px no-repeat;
    color: #693;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    }
.msg-info span {
    color: #693;
    font-weight: bold;
    }
.msg-error {
    background: #fff url('/images/icons/error-sml.gif') 5px 5px no-repeat;
    padding: 5px 5px 5px 25px;
    border:1px solid black;
    font-weight: bold;
    color: #DD4604;
    background-color: #FEF0EA;
    margin: 10px 0;
    }
.msg-error span {
    color: #DD4604;
    font-weight: bold;
    }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*
=Homepage changes
--------------------------------------------*/
/*
.home #container {
    background: #fff url('/images/home-bg.png') repeat-y left top;
    }

.home #content {
    width: 565px;
    margin-right: 0;
    }
*/

#twitter-box {
    margin-top: 5px;
}

#twitter-box p {
    font-size:1em;
}

/*
=Quicklinks
--------------------------------------------*/
div#left_col h5 {
    color: #06424e;
    background: #dfdfdf url('/images/left-col-heading-bg.gif') no-repeat 100% 0;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 12px;
    padding: 22px 15px 13px 30px;
    border-bottom: 2px solid #fff;
    }
div#left_col ul {
    padding: 0 0 20px;
    margin: 0;
    margin-left: 30px;
    list-style: none;
    width: 168px;
    background: transparent url('/images/quicklinks-bg.gif') no-repeat 100% 100%;
    }
div#left_col li {
    padding: 0;
    margin: 0;
    width: 148px;
    }
div#left_col a {
    font-size: 13px;
    background: transparent url('/images/bullet-quicklink.gif') no-repeat 0 12px;
    color: #1ba8bd;
    text-decoration: none;
    display: block;
    padding: 5px 0 4px 14px;
    border-top: 1px solid #c0c0c0;
    line-height: 18px;
    }
div#left_col li:first-child a {
    border-top: none;
    }
div#left_col a:hover,
div#left_col a.active {
    background-position: 0 -40px;
    color: #135F6E;
    }

/* 2nd level */
div#left_col ul ul {
    padding-bottom: 0;
    margin-left: 0;
    padding-left: 14px;
    background-image: none;
    width: 154px;
    }
div#left_col ul ul li {
    width: 134px;
    }
div#left_col ul ul li:first-child a {
    border-top: 1px solid #c0c0c0;
    }


/*
=Right column
--------------------------------------------*/
div#right_col h2 {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    background: #419eaa;
    margin: 0;
    padding: 20px 10px 30px;
    border: none;
    width: 172px;
    }
div.aside {
    background: #5db7c2;
    }
div.aside ul {
    list-style: none;
    margin: 0 10px 0;
    position: relative;
    top: -20px;
    margin-bottom: -2px;
    }
div.aside li {
    background-color: #54aab6;
    padding: 8px 10px;
    margin-bottom: 1px;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    }
div.aside li:first-child,
div.aside li:nth-child(1) {
    background: #43939f url('/images/pull-bg.gif') no-repeat 100% 0;
    }
div.aside li:nth-child(2) {
    background-color: #4c9fab;
    }
div.aside li:nth-child(3) {
    background-color: #54aab6;
    }
div.aside li.nth_1 {
    background: #43939f url('/images/pull-bg.gif') no-repeat 100% 0;
    }
div.aside li.nth_2 {
    background-color: #4c9fab;
    }
div.aside li.nth_3 {
    background-color: #54aab6;
    }

div.aside li h1, div.aside li h2, div.aside li h3, div.aside li h4 {
    color: #FFFFFF;
    margin: 0;
    padding: 5px 0px !important;
    background-color: transparent !important;
    border-bottom: 0px solid;
    width: auto;
    height: auto;
}

div.aside li h1 {
    font-size: 48px !important;
    font-weight: normal;
}

div.aside li h2 {
    font-size: 32px !important;
    font-weight: normal;
}

div.aside li h3 {
    font-size: 26px !important;
    font-weight: normal;
}

div.aside li h4 {
    font-size: 20px !important;
    font-weight: normal;
}

div.aside li a {
    color:#fff;
	text-decoration:underline;
}

div.aside li a:hover {
	text-decoration:none;
}


/**********
 * Selectively hide some titles
 **********/
#h1-about-capacity, #h1-your-water, #h1-homepage {
    display: none;
}