/*  -- AUTHOR: PITCH (pitch.net.nz) -----------------------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */

/*  -- COLOUR CHART ---------------------------------------------------------------------------

	
	
/*  -- GENERAL
----------------------------------------------------------------------------------------------  */

	html {
		border-top: 1px solid #646464;
		background: #767676 url(_img/bg-legalbody.gif) no-repeat center top fixed;
		}
		
	body {
		font-size: 12px;
		color: #000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		background: transparent;
		}
			
	a {
		color: #0d416c;
		text-decoration: underline;
		}
		
	a:hover {
		text-decoration: underline;
		}
		
	p {
		line-height: 16px;
		margin-bottom: 1em;
		}
		
	div#wrapper {
		width: 926px;
		margin: 0px auto;
		background: #FFFFFF;
		border-left: 1px solid #E4E5E2;
		border-right: 1px solid #E4E5E2;
		}
		
	strong,
	strong em {
		font-weight: bold;
		}
		
	em,
	em strong {
		font-style: italic;
		}
		
	h1 {
		font-size: 21px;
		color: #6E9F1E;
		margin-bottom: 10px;
		}	
			
/*  -- HEADER
----------------------------------------------------------------------------------------------  */
		
	div#header {
		height: 100px;
		font-size: 11px;
		background: #7BB021 url(_img/header-bg.gif) repeat-x;
		}
		
		div#header h2 {
			height: 100px;
			width: 379px;
			float: left;
			}
		
			div#header h2 a { 
				display: block;
				height: 55px;
				width: 341px;
				margin-top: 33px;
				text-indent: -9999px;
				background: url(_img/header-logo.gif) no-repeat;
				}
				
		div#header-nav {
			float: right;
			color: #FFF;
			margin: 10px 80px 0 0;
			margin: 10px 40px 0 0;
			width: 450px;
			}
			
			div#header-nav ul {
				overflow: hidden;
				_height: 1%;
				}
			
				div#header-nav ul li {
					display: block;
					float: left;
					}
				
					div#header-nav ul li a {
						color: #FFF;
						margin-right: 5px;
						margin-left: 5px;
						text-decoration: none;
						}
					
					div#header-nav ul li a#last {
						margin-right: 0px;
						}
		
					div#header-nav ul li a:hover {
						text-decoration: underline;
						}
						
			div#header-nav form {
				float: right;
				width: 206px;
				letter-spacing: 0px;
				}
			
   				div#header-nav label {
   					margin-top: 16px;
   					margin-right: 8px;
   					width: 46px;
					display: block;
					float: left;
   					}
   				
   				div#header-nav input.txt {
   					padding: 2px;
   					margin: 12px 0 0;
					width: 121px;
					display: block;
					height: 16px;
					border: 0px;
					background: url(_img/search-input-bg.gif) no-repeat bottom left;
					float: left;
   					}

					div#header-nav input.txt:hover,
					div#header-nav input.txt:focus {
						background-position: 0 0;
						}
   				
   				div#header-nav input.btn {
   					background: url(_img/go-search-btn.gif) no-repeat 0 0;
					border: 0px;
					width: 24px;
					height: 20px;
					padding: 0px;
					display: block;
					font-size: 0px;
					letter-spacing: 0px;
					margin: 12px 0 0;
					float: left;
					color: #b9d589;
					text-align: left;
					text-indent: -9999;
   					}
	
					div#header-nav input.btn:hover {
						background-position: bottom left;
						cursor: pointer;
						color: #888;
						}
							
/*  -- CONTENT
----------------------------------------------------------------------------------------------  */

	div#content {
		background-color: #FFF;
		padding-left: 25px;
		overflow: hidden;
		_height: 1%;
		clear: left;
		}
		
	div.home-content {
		background: #FFF url(_img/content-hand.gif) bottom right no-repeat;
		}

	h2#toptitle, p#page-links {
		color: #666;
		text-transform: uppercase;
		padding: 12px 27px;
		border-bottom: 1px dotted #C2C2C2;
		font-size: 11px;
		font-weight: bold;
		font-family: Helvetica, Verdana, sans-serif;
		float: left;
		line-height: 11px;
		width: 470px;
		}
		
	p#page-links{
		width: 348px;
		margin-bottom: 0px;
		font-weight: normal;
		text-align: right;
		}
	
	span.email-page{
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background: transparent url(_img/icon_email.gif) no-repeat scroll 0;
		padding-left: 23px;
		margin-right: 5px;
		}
	
	p.wp-caption-text {
		font-size: 11px;
		font-style: italic;
		color: #666;
		}
	
	span.print-page{
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background: transparent url(_img/icon_print.gif) no-repeat scroll 0;
		padding:3px 3px 0 23px;
		margin-left: 5px;
		}
		
	span.home-page{
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background: transparent url(_img/icon_home.gif) no-repeat scroll 0;
		padding:3px 3px 0 23px;
		margin-left: 5px;
		}
		
	div#content p.colourbar {
		background: url(_img/colour-bar.gif) no-repeat 0 0;
		color: #6F9F1E;
		font-weight: bold;
		padding: 0 0 0 15px;
		}
			
/*  -- CONTENT - HOME - LEFT
----------------------------------------------------------------------------------------------  */

	#home-content-left {
		float: left;
		margin: 24px 0 29px 27px;
		_margin: 24px 0 29px 13px;
		width: 266px;
		}
		
		#home-content-left p.book {
			padding: 0 0 0 20px;
			background: url(_img/book-green-bg.gif) no-repeat 0 2px;
			}


/*  -- CONTENT - HOME - RIGHT
----------------------------------------------------------------------------------------------  */

	#home-content-right {
		float: left;
		margin: 24px 0 29px 32px;
		width: 226px;
		}
		
		#home-content-right ol#homelist {
			
			}
			
			#home-content-right ol#homelist li {
				background: #f2f2f2 url(_img/grey-btm-right-crnr.gif) no-repeat bottom right;
				border-top: 1px solid #e5e5e5;
				padding: 11px 0 14px;
				margin: 0 0 9px;
				overflow: hidden;
				_height: 1%;
				}
		
				#home-content-right h2.check {
					background: #7bb021 url(_img/green-header-bg.gif) no-repeat 0 0;
					display: block;
					width: 226px;
					height: 33px;
					text-indent: -9999px;
					margin: 0 0 10px;
					}
			
				#home-content-right h2.learnmore {
					background: #7bb021 url(_img/green-header-bg.gif) no-repeat 0 -33px;
					display: block;
					width: 226px;
					height: 33px;
					text-indent: -9999px;
					margin: 0 0 10px;
					}
			
				#home-content-right h2.takeaction {
					background: #7bb021 url(_img/green-header-bg.gif) no-repeat 0 -66px;
					display: block;
					width: 226px;
					height: 33px;
					text-indent: -9999px;
					margin: 0 0 10px;
					}
					
				#home-content-right ol#homelist p {
					padding: 0 0 0 18px;
					float: left;
					margin: 0px;
					width: 150px;
					}
					
				#home-content-right ol#homelist p.firstpart {
					padding: 0 10px 0 18px;
					width: auto;
					}
					
				#home-content-right ol#homelist a.go-btn {
					display: block;
					float: right;
					height: 32px;
					width: 32px;
					background: url(_img/go-round-btn.gif) no-repeat 0 0;
					text-indent: -9999px;
					margin: 0 15px 0 0;
					}
					
				#home-content-right ol#homelist a.go-btn:hover {
					background-position: 0 -32px;
					}
					
/*  -- CONTENT - LEFT
----------------------------------------------------------------------------------------------  */

	#content #content-left-column {
		float: left;
		width: 168px;
		margin: 21px 25px 0 0;
		}
		
		#content #content-left-column #content-nav {
			margin: 0 0 8px;
			}
		
			#content #content-left-column #content-nav li.check a {
				width: 168px;
				height: 25px;
				display: block;
				background: #7bb021 url(_img/green-header-small-bg.gif) no-repeat 0 0;
				text-indent: -9999px;
				margin: 0 0 3px;
				}
		
			#content #content-left-column #content-nav li.check a:hover	 {
				background-color: #b3b3b3;
				background-position: -168px 0;
				}
			
			#content #content-left-column #content-nav li.learnmore a {
				width: 168px;
				height: 25px;
				display: block;
				background: #7bb021 url(_img/green-header-small-bg.gif) no-repeat 0 -25px;
				text-indent: -9999px;
				margin: 0 0 3px;
				}
			
			#content #content-left-column #content-nav li.learnmore a:hover {
				background-color: #b3b3b3;
				background-position: -168px -25px;
				}
			
			#content #content-left-column #content-nav li.takeaction a {
				width: 168px;
				height: 25px;
				display: block;
				background: #7bb021 url(_img/green-header-small-bg.gif) no-repeat 0 -50px;
				text-indent: -9999px;
				margin: 0 0 3px;
				}
			
			#content #content-left-column #content-nav li.takeaction a:hover {
				background-color: #b3b3b3;
				background-position: -168px -50px;
				}
			
		#content #content-left-column p#colorbook {
		
			background-position: 1px 8px;
			background-repeat: no-repeat;
			padding: 5px 0 0 22px;
			margin: 0 0 15px;
			}
		
			#bluetheme #content #content-mid-column h1, h3.h-blue, h3.blue{
				color: #0099FF;	
			}

			#orangetheme #content #content-mid-column h1{
				color: #ff6600;	
			}

			#pinktheme #content #content-mid-column h1, h3.pink{
				color: #FF3366;	
			}

			#yellowtheme #content #content-mid-column h1, h3.h-yellow, h3.yellow{
				color: #FFCC00;	
			}
			
		#orangetheme #content #content-left-column p#colorbook {
			border-top: 10px solid #ff6600;
			background-image: url(_img/icon_orange-book.gif);
		}
		
			#bluetheme #content #content-left-column p#colorbook {
				border-top: 10px solid #0099FF;
				background-image: url(_img/icon_blue-book.gif);
			}
			
			#pinktheme #content #content-left-column p#colorbook {
				border-top: 10px solid #FF3366;
				background-image: url(_img/icon_pink-book.gif);
			}	
			
			#yellowtheme #content #content-left-column p#colorbook {
				border-top: 10px solid #FFCC00;
				background-image: url(_img/icon_yellow-book.gif);
			}			
			
		#content #content-left-column p.notify {
			margin-top: 10px;
			}
		

/*  -- CONTENT - MIDDLE
----------------------------------------------------------------------------------------------  */

	#content #content-mid-column {
		float: left;
		width: 464px;
		margin: 21px 25px 20px 0;
		}
		
		#content #content-mid-column div#breadcrumb {
			font-size: 11px;
			}
			
			#content #content-mid-column div#breadcrumb {
				margin-bottom: 15px;
				}
				
		#content #content-mid-column hr {
			border: 1px solid #FFF;
			border-top: 1px dotted #C2C2C2;
			height: 0px;
			background: #FFF;
			margin: 20px 0 18px;
			}
				
		#content #content-mid-column h2 {
			color: #E63C69;
			font-size: 16px;
			margin: 0 0 10px;
			}
			
			#content #content-mid-column h3 {
				/*color: #E63C69;*/
				font-size: 16px;
                                font-weight: bold;
				margin: 10px 0 10px 0;
				}
				
					#content #content-mid-column h4 {
						/*color: #E63C69;*/
						font-size: 13px;
						font-weight: bold;
						margin: 0 0 10px;
						}
						
						#content #content-mid-column h5 {
							/*color: #E63C69;*/
							font-size: 12px;
							font-style: italic;
							margin: 0 0 10px;
							}
			
		#content #content-mid-column ul {
			list-style: disc #000;
			margin: 0 0 1em;
			}
			
			#content #content-mid-column ul li {
				list-style: disc ;
				margin: 0 0 0.5em 20px;
				}
		
		#content #table-checklist, #content #table-actionplan {
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			background:#EEEEEE none repeat scroll 0 0;
			margin-bottom:1em;
		}
		
	
		
		#content #table-checklist ul, #content #table-actionplan ul {
			margin: 20px 0px 20px 20px;
		}
		
		#content #table-checklist ul li, #content #table-actionplan ul li {
			margin-bottom: 10px;
		}
				
		#content #table-checklist th, #content #table-actionplan th {
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			background:#FFFFFF none repeat scroll 0 0;
			border-top:1px dotted #666666;
			font-weight: bold;
		}
		
		#content #table-checklist td, #content #table-actionplan td {
			border-right:1px solid #FFFFFF;
			border-top:1px dotted #666666;
			padding: 15px;
		}
		
		#content #table-completion label{
			clear: left;
			width: 150px;
		}
		
		#content #table-completion input{
			width: 190px;
			
		}
		
		#content input#date-completed{
			margin-bottom: 10px;
			
		}
		
		#content #table-completion input, #content #table-completion label{
			
			float: left;
		}
		
		#content #table-completion {
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			background-color: #eee;
		}
		
		#content #table-completion td{
			
			padding: 15px;
		}
		
		#content #wp-email-content p, #content #wp-email-content label{
			font-weight: bold;
		}
		
		#content #wp-email-content #wp-email-button{
			text-align: left;
		}
		
		#content #wp-email-content input, #content #wp-email-content textarea, #content #wp-email-content #verifytext{
			font-weight: normal;
		}
		
		#content #content-mid-column .ddsg-wrapper h2{
			display: none;
		}
		
		#content #content-mid-column .ddsg-wrapper ul li{
			font-size: 16px;
			margin-top: 20px;
			list-style: none;
		}
		
		#content #content-mid-column .ddsg-wrapper ul li ul li{
			font-size: 12px;
			margin-top: 0px;
			list-style: circle;
		}
		
		#content table td {
			vertical-align:top;
		}

		#content table td, #content table th {
			padding:0.5em;
		}

/*  -- CONTENT - RIGHT
----------------------------------------------------------------------------------------------  */

	#content #content-right-column {
		float: left;
		width: 198px;
		margin: 21px 0 0 0;
		}
		
		#content #content-right-column #related-posts h3 {
			display: block;
			background: url(_img/related-information-bg.gif) no-repeat 0 0;
			height: 25px;
			width: 198px;
			text-indent: -9999px;
			}
		
		#content #content-right-column div {
			background: #f2f2f2;
			border-top: 1px solid #e5e5e5;
			padding: 9px 0 0 0;
			}
			
			#content #content-right-column div ul {
				margin: 7px 0 0 0;
				}
				
				#content #content-right-column div ul li {
					border-top: 1px solid #E5E5E5;
					}
					
				#content #content-right-column div ul li.first {
					border-top: 0px;
					}
					
					#content #content-right-column div ul li a {
						background: url(_img/li-green-arrow.gif) no-repeat 11px 11px;
						padding: 6px 5px 6px 22px;
						display: block;
						}

/*  -- CLIPNOTE
----------------------------------------------------------------------------------------------  */

	div.clipnote {
		background: #f3f3f3 url(_img/note-bg-btm.gif) no-repeat bottom left;
		overflow: hidden;
		_height: 1%;
		padding: 0 0 70px;
		}
		
		div.clipnote p {
			background: url(_img/note-bg-top.gif) no-repeat 0 0;
			padding: 40px 42px 0 34px;
			margin: 0px;
			}
			
			div.clipnote p span {
				color: #7AB020;
				font-family: "Geneva", Verdana, Helvetica, Arial, sans-serif;
				font-size: 15px;
				}
				
			div.clipnote a.findoutmore {
				display: block;
				background: url(_img/findoutmore-btn.gif) no-repeat 0 0;
				width: 112px;
				height: 21px;
				margin: 1em 42px 0 34px;
				text-indent: -9999px;
				}
				
			div.clipnote a.findoutmore:hover {
				background-position: 0 -21px;
				}

/*  -- FOOTER
----------------------------------------------------------------------------------------------  */

	#footer {
		background: #f2f2f2;
		border-top: 4px solid #e6e6e6;
		padding: 4px 26px 70px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		line-height: 15px;
		}
		
		#footer p#footer-fvwo {
			width: 200px;
			padding: 8px 0 1px 39px;
			margin: 0 0 16px;
			border-right: 1px dotted #858585;
			margin: 0px;
			background: url(_img/footer-logos.gif) no-repeat 0 11px;
			float: left;
			clear: none;
			}
			
		#footer p#footer-ocvs {
			width: 190px;
			padding: 8px 0 1px 37px;
			margin: 0 0 16px 14px;
			float: left;
			clear: none;
			background: url(_img/footer-logos.gif) no-repeat 0 -61px;
			}
			
		#footer p {
			clear: both;
			color: #666;
			margin: 0 4px 5px;
			}


