/* CSS Document */


td input{display:inline-block;clear:none;margin:3px 0 0 0;}
td label{display:inline-block;clear:none;padding:0 0 0 5px;}


/** index.aspx - 30 December 2008 - scott **/
#top-section{
display:block;clear:both;width:100%;margin:0;padding:0;margin-bottom:1em;
}
#top-section #left-top{
float:left;clear:none;width:auto;display:inline-block;margin:0;padding:0;
}
#top-section #right-top{
float:right;clear:none;width:auto;display:inline-block;margin:0;padding:1em;
}
#content-holder{
width:100%;clear:both;display:block;margin:0;padding:0;
}
#content-holder #right-side-content{
width:120px;min-width:120px;float:right;display:inline-block;clear:none;margin:0;padding:0;padding-bottom:2em;
}
#content-holder #right-side-content #tools-holder{
width:120px;float:right;display:block;clear:both; margin-bottom:2em;margin-top:2em;
}
#content-holder #left-side-content{
width:85%;display:inline-block;clear:left;float:left;margin:0;padding:0;
}
/** end index **/

/** tool.ascx - 30 December 2008 - scott **/
#tool-list, .tool-list{
padding-top:0.5em;padding-bottom:0.5em;margin:0;padding-left:2;padding-right:2;max-width:110px;margin-left:.5em;
}
#tool-list ul, .tool-list ul{
padding:.5em;background-color:#fff;border:1px #ccc solid;list-style-type:none; list-style-image:none;margin-left:0;margin-right:0;
}
#tool-list ul li, .tool-list ul li{
margin-bottom:.5em;
}
#tool-list ul li a:hover, .tool-list ul li a:hover{
color:#903;
}

/** menu.ascx - 30 December 2008 - scott **/
#menu{
text-align:center;padding-bottom:.5em;
}
#menu a{
color:white;text-decoration:underline;padding-right:2em; background-image:url(/images/interface/icodropdown.gif); background-repeat:no-repeat; background-position:right;margin-right:.5em;
}
#menu a:hover{
text-decoration:overline underline;
}
/** end menu **/

/** header.ascx - 30 December 2008 - scott **/
.wide-block{
width:100%;display:block;clear:both;margin:0;padding:0;
}
#header .access-menu{
text-align:right;padding:.2em;margin:0;;background-color:#ddd;border-bottom: 1px #903 ridge;padding-right:2em;color:#666;width:auto;
}
#header #logo-holder{
float:left;width:auto;margin-top:.5em;
}
#header #search-holder{
float:right;display:inline-block;width:350px;padding-right:2em;
}
#header #search-holder fieldset{margin:0 0 1em 0;padding:.5em;}
#header #search-holder fieldset legend{color:#e4a5a5;font-weight:100;padding:0 1em;margin:0; font-style:italic;}



/**
#header #header-middle-holder{
float:right;width:13%;display:inline-block;clear:none;padding-top:1.5em;padding-right:3%;
}
#header #header-middle-holder a{
float:left;clear:none;
}
#header #header-middle-holder ul{
list-style-type:none; list-style-image:none;float:left;clear:none;display:block;margin:0;padding:0;padding-top:.2em;margin-left:1em;width:auto;
}**/
#header #top-menu-holder{
text-align:center;width:100%;display:block;border-top: 1px #990033 ridge;background-color:#444;padding-top:.5em;padding-bottom:.5em;clear:both;
}

/** end header **/

/** RateThisPage.ascx - 29 December 2008 - scott **/
#tblBorder{
width:200px;border:1px #eee ridge;padding:.5em;display:block;height:inherit;padding-left:1em;
}
#tblBorder #comment-area{
float:left;display:block;width:auto;clear:both;padding-bottom:.5em;
}
#tblBorder #tblRateMe{
width:auto;vertical-align:top;float:left;display:block;clear:left;padding-right:1em;
}
#tblBorder #voting-area{
float:right;display:block;
}
.padding-sides-1{padding-left:.5em;padding-right:.5em;}

/** end ratethispage **/

/** footer - 29 December 2008 - scott **/
#tblfooter{
display:block;clear:both;background-color:#444; height:145px;
}
#tblfooter #footer-bottom{
display:inline-block;width:100%;clear:both;height:100%;margin:0;padding:0;
}
#tblfooter #footer-bottom #nzgovt-link{
width:33%;float:left;height:auto;padding:1em;text-align:left;margin:0;background-color:#444;
}
#tblfooter #footer-bottom #nzgovt-link a img{
border:1px #eee ridge;padding:2.2em;margin:0;
}
#tblfooter #footer-bottom #nzgovt-link a:hover img{
border:1px #33f ridge;padding:2.2em;margin:0;
}
#tblfooter #footer-bottom #address-holder{
width:33%;float:left;margin:0;padding:0;background-color:#444; 
}
#address {
	color:#fff;
	text-align:center;
	padding:.5em;
	margin:0;
	background-color:#444;
}
#tblfooter #footer-bottom #rate-this-page-box{
width:auto;float:right;text-align:right;background-color:#444; 
}
#footer-menu{
background-color:#666;line-height:2em;margin:0;padding:0;color:#444;font-weight:900;text-align:center;border-bottom:1px #990033 ridge;
}
#footer-menu a{
color:#fff;font-weight:400;
}
#footer-menu a:hover{
text-decoration:overline underline;font-weight:400;
}

/** end footer **/




/** begin sustainable futures styles **/

	#back-repeat{background-image:url(/images/sustainable-futures/background-grey-cross.gif); background-position:top right; text-align:center;margin:0;padding:0;}
	
	.left-side-fade{padding:0;margin:0;padding-bottom:2em;}
	
	#content-block{width:770; text-align:left; background-color:#666666; margin-left:auto;margin-right:auto;padding:10px;display:block;height:inherit;}
	#content-head{border:1px #000 solid; background-color:#fff;width:auto;background-image:url(/images/sustainable-futures/orange-cross-row.gif); background-position:top right; background-repeat:repeat-y;margin:0;padding:0; height:auto;padding-bottom:1em;}
	#content-head h1{ text-transform:uppercase; font-size:3em; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif;padding-top:1em;margin-bottom:0;}
	#content-head h2{font-size:1.5em; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif;margin-top:0;margin-bottom:0;margin-left:130px;}
	#content-head h1 .highlight{color:#ffcc66;}
	.black-l{border-left:1px #000 solid; border-top:1px #000 solid;width:500px;margin-left:130px;padding-top:0;margin-top:0;margin-bottom:0;}
	.orange-l{border-left:1px #ffcc66 solid; border-top:1px #ffcc66 solid;width:100%;padding-top:0;margin-top:1em;margin-bottom:0;}
	
	<!-- structure -->
	.horizontal-eight-block-menu{display:inline-block;height:auto;}
	.horizontal-eight-block-menu ul{margin-top:7px;list-style-type:none; list-style-image:none;width:100%;display:inline-block;padding:0;text-align:center;margin-left:0;margin-right:0;margin-bottom:0;}
	.horizontal-eight-block-menu ul li{list-style-type:none; list-style-image:none;float:left;width:87px;margin-right:7px;}
	
	<!-- structure -->
	.vertical-menu{width:90px;margin-top:0;padding-top:0;}
	.vertical-menu ul{list-style-type:none; list-style-image:none;display:block;padding:0;margin-left:0;margin-top:0;padding-top:0;}
	.vertical-menu ul li{width:89px;list-style-type:none; list-style-image:none;text-align:center;background-color:#fff;border:1px #000 solid; height:inherit;margin-bottom:7px;}
	
	<!-- presentation -->
	.style-the-menu ul{}
	.style-the-menu ul li{background-color:#fff;border:1px #000 solid; height:inherit;}
	.style-the-menu ul li a{font-size:.8em; text-decoration:none;color:#333;width:85px;height:4em; padding-top:.5em;display:block;padding-left:2px;padding-right:2px;}
	.style-the-menu ul li a:hover{text-decoration:underline;color:#00f;background-color:#ffcc66;}
	.style-the-menu ul li #selected{background-color:#ffcc66;color:#333;}
	.style-the-menu a:visited{color:#333;}
	
	.crumbs{color:#ffcc66;margin-left:100;margin-top:0;margin-bottom:1em;padding:0; width:auto;color:#fff;}
	.crumbs a:link{color:#fff;text-decoration:none;}
	.crumbs a:visited{color:#fff;}
	.crumbs a:hover{color:#ffcc66;text-decoration:underline;}
	.crumbs a:active{color:#f00;text-decoration:underline;}
	.crumbs #chosen{color:#ffcc66;}
	
	
	.inside-block{width:auto; margin-left:100;}
	.inside-block img{border:1px #000 solid;}
	.inside-block .image-content{ background-color:#fff; padding:1em;float:right;border:1px #000 solid;clear:right;margin-bottom:1em;}
	.image-group{width:250px;display:block;}
	.word-content{width:413px;display:block;background-color:#fff;border:1px #000 solid;padding:1em;line-height:1.5em;}
	.word-content ul li{padding-bottom:1em;}
	@media print{
	.vertical-menu, .horizontal-eight-block-menu, #content-head, .crumbs, .style-the-menu, .image-content, .orange-l, .black-l{ visibility:hidden; display:none;}
	.left-side-fade{background-image:none;}
	 #back-repeat{background-image:none;text-align:center;}
	.word-content{width:auto;display:block; visibility:visible;border:none;}
	.word-content img{width:80%;}
	#content-block{width:auto; text-align:left; background-color:#fff; margin-left:auto;margin-right:auto;}
	}

/** end sustainable futures styles **/



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menuhorizontals/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menuhorizontal {width:800px; height:32px; font-size:0.9em;font-family:Arial, Helvetica, sans-serif; position:relative; z-index:100;text-align:center;border-top:1px #000 solid;border-bottom:1px #000 solid;border-right:1px #000 solid;}
/* hack to correct IE5.5 faulty box model */
* html .menuhorizontal {width:800px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menuhorizontal ul {padding:0;margin:0;list-style-type:none;}
.menuhorizontal ul ul {width:149px;margin-left:-49px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menuhorizontal positon */
.menuhorizontal li {float:left;width:99px;position:relative;border-left:1px #000 solid;}
/* style the links for the top level */
.menuhorizontal a, .menuhorizontal a:visited {display:block;font-size:11px;text-decoration:underline; color:#fff; width:99px; height:30px; border:1px solid #777; border-width:1px 0 1px 1px; background:#777; padding-left:0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menuhorizontal a, * html .menuhorizontal a:visited {width:99px; w\idth:99px;}

/* style the second level background */
.menuhorizontal ul ul a.drop, .menuhorizontal ul ul a.drop:visited {background:#d4d8bd  bottom right no-repeat;text-decoration:none;}
/* style the second level hover */
.menuhorizontal ul ul a.drop:hover{background:#949e7c bottom right no-repeat;}
.menuhorizontal ul ul :hover > a.drop {background:#949e7c bottom right no-repeat;}
/* style the third level background */
.menuhorizontal ul ul ul a, .menuhorizontal ul ul ul a:visited {background:#eeeeee;text-decoration:none;}
/* style the third level hover */
.menuhorizontal ul ul ul a:hover {background:#949e7c;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuhorizontal ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:-1px; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menuhorizontal ul ul {top:30px;t\op:31px;}

/* position the third level flyout menuhorizontal */
.menuhorizontal ul ul ul{left:85px; top:-1px; width:149px;}

/* position the third level flyout menuhorizontal for a left flyout */
.menuhorizontal ul ul ul.left {left:-102px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menuhorizontal table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menuhorizontal ul ul a, .menuhorizontal ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;text-decoration:none;}
/* yet another hack for IE5.5 */
* html .menuhorizontal ul ul a, * html .menuhorizontal ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menuhorizontal a:hover, .menuhorizontal ul ul a:hover{color:#fff; background:#949e7c;}
.menuhorizontal :hover > a, .menuhorizontal ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menuhorizontal ul li:hover ul,
.menuhorizontal ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menuhorizontal ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menuhorizontal ul :hover ul :hover ul{ visibility:visible;}



/**----------------------------------------------------------------------------------------------------
BLOCKLIST FORMATTING
Simply place spans within <li>s to create table like blocks.
Blocks will stretch with screen resizing and block height is liquid.
Restrictions: 	Fixed block percentages limit the amount of blocks you can use (dont go over 100%).	
Note: 			Each <span> tag will take up 15% of the available space.
				Each <div> tag will take up 75% of the available space.
				Small percentages are used for padding etc
				

EXAMPLE LAYOUT
<ul class="blocklist">
<li><span>Item1</span><span>Item2</span><span>Item3</span></li>
<li><span>Item4</span><div>Long item 5</div></li>
<li><div>Long item 6</div></li>
<li><span>Item7</span><span>Item8</span><span>Item9</span></li>
</ul>
**/


.blocklist{
	width:100%;
	margin:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin-left:0px;
	padding-left:0px;
}

.blocklist li {
	width:100%;
	float:right;
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
	list-style-image:none;
}

.blocklist li span{

	float:left;
	display:inline;
	margin-right:2%;
	width:15%;
	padding:5px;
	margin-bottom:5px;
}

.blocklist li div{
	display:inline;
	float:left;
	margin-right:2%;
	padding:5px;
	margin-bottom:5px;
	width:75%;
}

/**-------------------------------------------------------------------------------------------------
COLUMN FORMATTING
To keep consistency and formatting style, all column formats must use the 
ColumnContainer, ColumnHeader and ColumnFooter elements. 
ColumnnHeader and ColumnFooter tags may be empty if you wish

EXAMPLE LAYOUT
<div class="ColumnContainer">
<div class="ColumnHeader">  </div><!--ColumnHeader-->
<div class="leftThreeColumn">

</div><!--leftThreeColumn"-->
<div class="rightThreeColumn">

</div><!--rightThreeColumn"-->
<div class="middleThreeColumn">

</div><!--middleThreeColumn-->
<div class="ColumnFooter">  <div><!--ColumnFooter-->
</div><!--ColumnContainer-->
**/



.ColumnContainer /** To be placed in a div tag and wrapped around below two tags **/
{
	height: 100%;
	clear: both;
	display: block;
}

.ColumnHeader /** To be placed in div tag, this will be the first div tag inside the container div tag **/
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.ColumnFooter /** To be placed in div tag, this will be the last div tag in the container div tag **/
{
	clear: both;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

/**Two column format**/

.leftTwoColumn /** To be placed in div tag, used for the left column **/
{
	float: left;
	width: 48%;
	margin: 0px;
	padding: 0px;

}

.rightTwoColumn  /** To be placed in div tag, used for right column **/
{
	float: right;
	width: 48%;
	padding: 0px;
	margin: 0px;
}
/**End two column format**/

/**Three column format**/

.leftThreeColumn /** To be placed in div tag, used for the left column **/
{
float: left;
width: 33%;
padding: 0px;
margin: 0px;
height: 100%; /**To keep IE happy**/
}

.rightThreeColumn /** To be placed in div tag, used for right column **/
{
float: right;
width: 33%;
padding: 0px;
margin: 0px;
height: 100%; /**To keep IE happy**/
}

.middleThreeColumn /** To be placed in div tag, used for middle column **/
{
margin-left: 34%; /**To keep Firefox happy**/
margin-right: 34%; /**To keep Firefox happy**/
padding-right: 5px; /**To keep IE happy**/
padding-left: 5px; /**To keep IE happy**/
height: 100%; /**To keep IE happy**/
}
/**End three column format**/

/**------------------------------NORTHLAND 2CU SEARCH BOX------------------------**/

.2CUKeyword
{
	border: #7797b3 1px solid;
	background: #ecf1f5;
	padding:3px;
}
/** ----------------------------- ROUNDED CORNER BOX -----------------------------**/
/** Used to place a rounded corner box around divs - see roundedbox.txt for HTML code 
to use in association with these styles **/

.box-holder{margin-right:2em;height:auto;float:left;}
.skinny{
width:40%;
}
.wide{
width:55%;
}


.RoundedBox h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.RoundedBox p{
margin:0; 
padding:5px 5px ;
padding-top:5px;
}

.RoundedBox ul{width:70%;}

.RoundedBox {
background: transparent; 
float:left; 
width:100%;
min-width:100%;
margin-bottom:2em;
}

.RoundedBoxTop, .RoundedBoxBottom {
display:block; 
background:transparent; 
font-size:1px;
}
.rb1, .rb2, .rb3, .rb4 {
display:block; 
overflow:hidden;
}
.rb1, .rb2, .rb3 {
height:1px;
}
.rb2, .rb3, .rb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.rb1 {
margin:0 5px; 
background:#444;
}
.rb2 {
margin:0 3px;
border-width:0 2px;
}
.rb3 {
margin:0 2px;
}
.rb4 {
height:2px; 
margin:0 1px;
}

.RoundedBoxContent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}

/** Used to add colour to background of heading**/
/** Northland 2CU Search Box on home page **/
.color_2CU {
background:#9fc6e7;
color:#000;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
/**----------------------------Quick Links Background-----------------------------**/

.container {
	background-color:#ffffcc;
	background-position:top left;
	background-repeat:no-repeat;
}
.holder
{
	margin:0;
	/**background-image:url(/images/interface/left-bottom-corner-lemon.gif);**/
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:2px;
}
/*----------------------------SplashPage Styles - added by Leanne 3 February 2009----------**/

#featureimage {
	padding: 0em 0em 8px 0em; MARGIN: 1em 0em 0em; BACKGROUND-REPEAT: no-repeat;
}
#featureimage IMG {
	MARGIN: 0px; padding: 0px; border:0; width:700; height:191;
}
#splashwrapper {
	padding: 0em 0em 0em 9px; FLOAT: left; MARGIN: 0em 20px 0em 0em; 
}
#splashcontent {
	WIDTH: 100%;
}
.splashitem {
	border: #cccccc 1px solid; padding: 0.5em 0.5em 0.5em 1em; HEIGHT: 8em; 
	FLOAT: left; MARGIN: 0.5em 20px 0.5em 0em; VERTICAL-ALIGN: top; WIDTH: 200px;
	background-color: azure; 
}
#splashcontent A {
	TEXT-DECORATION: none; color: black;
}
#splashcontent A:hover {
	COLOR: blue; text-decoration: underline;
}
.splashitem A SPAN {
	DISPLAY: block; FONT-SIZE: 1.33em; COLOR: #990033; TEXT-DECORATION: none;
}