/* ------------------------------ */
/*                                */
/*   Styles for... All Browsers   */
/*                                */
/* ------------------------------ */


/* =================================================== */
/* CLEAR TAGS  */
/* =================================================== */

html, body, h1, h2, h3, h4, h5, h6, p, form, blockquote {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 0.7em;
	}

a {
	text-decoration: none;
	outline: none;
	}

a img {
	border: none;
	outline: none;
	}


/* =================================================== */
/* GENERAL  */
/* =================================================== */
		.search-text {
			vertical-align: top; 
			text-align:left; 
			border: 0 none; 
			margin: 0pt; 
			padding: 0pt;
			background-color: #b6726a; 
			height:20px;
			width:120px;
		}
		
		.search-button {
			vertical-align: top; 
			text-align:left; 
			cursor:pointer;
			width:20px;
			height:20px;
			background: #b6726a url('http://www.kiwiparent.co.nz/templateimages/search-go.png') no-repeat top right; 
			border: 0 none; 
			margin: 0pt; 
			padding: 0pt;
			position:absolute;
		}
		
		/* handles a chrome issue, where there is whitespace between search textbox and search icon. */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.search-button {
				left: 120px;
			}
		}

header, nav, article, section, footer, figure, aside {
    display: block;
	}

body {
	color: #000;
	font-family: verdana;
	text-align:center;
	}

img {
	-ms-interpolation-mode:bicubic;
	}

#wrapper {
	width: 1000px;
	max-width: 1024px;
	/*height: 100%;*/
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index:1;
	text-align: left;
	}
	
.homelogo {
	padding: 25px 0 0 0;
	width: 931px;
	height: 195px;
	}
	
.homelog2 {
	padding: 0 0 0 0;
	max-width: 215px;
	max-height: 45px;
	width: 90%;
	height: 90%;
	}
	
#page-background {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:auto
	}
	
.footer {
	background-color:#e28378;
	background-position:center top;
	background-repeat:no-repeat;
	border:2px solid #eba79f;
	bottom:0;
	height:63px;
	left:10px;
	margin-left:auto;
	margin-right:auto;
	padding:0 10px 0 15px;
	position:absolute;
	right:10%;
	top:1300px;
	vertical-align:bottom;
	width:640px;
	z-index:2;
	}
	
.footer img {
	padding: 5px 0 0 0;
	}
	
.footer a {
	color: #eba79f;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	}
	
.footer a:hover {
	color: #f3d1e7;
	}
	
.icons {
	float: right;
	}
	
.icons img {
	padding: 20px 0 0 0;
	}
	
#content {
	vertical-align: top;
	width: 100%;
	padding: 10px 0 10px 35px;
	}
	
#search {
	float: right;
	vertical-align: top;
	height: 20px;
	margin: 23px 0 0 10px;
	width: auto;
	padding-right: 20px;
	}
	
#search form {
	height: 20px;
	margin: 0;
	border: 0;
	padding: 0;
	}
	
.sleft {
	float: left;
	height: 20px;
	}
	
.sleft .enterfield {
	height: 20px;
	font-family: georgia;
	color: #a68b85;
	background-color: #157b83;
	width: 115px;
	padding: 0px;
	margin: 0px;
	border: 0;
	font-size: 0.7em;
	}

.sright {
	float: left;
	height: 18px;
	width: auto;
	padding: 1px 0 0 0;
	}
	
.sright img {
	border: none;
	margin: none;
	padding: none;
	}

#printlogo {
	display: none;
	}
	
code {
	font-weight: bold;
	font-family: courier new;
	color: #ff3300;
	}

h1 {
	margin-bottom: .25em;
	font-size: large;
	color: #000;
	}

h2, h4 {
	margin-top: 1.25em;
	margin-bottom: .25em;
	}

h2 {
	font-size: 1.8em;
	text-transform: uppercase;
	color: #e28378;
	font-family: georgia;
	}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #58595b;
	font-family: georgia;
	margin-bottom: .25em;
	letter-spacing: 0.2em;
	}

h4 {
	font-size: small;
	color: #fff;							/* if bgcolour is needed - if not, change to darker colour  */
	background-color: #cc0000;				/* if bgcolour is needed  */
	padding: 2px 2px 3px 5px;				/* if bgcolour is needed  */
	}

p {
	margin-bottom: 1.25em;
	}
	
/* =================================================== */
/* HOMEPAGE HEADERS */
/* =================================================== */

.contheaders {
	width: 300px;
	}
	
.contheaders a {
	background-color:#e28378;
	border:2px solid #eba79f;
	color:#eba79f;
	cursor:pointer;
	display:block;
	float:left;
	font-family:"georgia",Tahoma,Arial,Verdana,sans-serif;
	font-size:1em;
	font-weight:normal;
	margin:0 7px 0 0;
	padding:5px 10px 6px 7px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:201px;	
}

.contheaders button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}

.contheaders button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
	}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
	}

.contheaders button img, .contheaders a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}

.contheaders a:hover{
    background-color:#eba79f;
    border:2px solid #e28378;
    color:#e28378;
	}

.contheaders a:active{
    background-color:#ae91a4;
    border:2px solid #ae91a4;
    color:#fff;
	}

/* POSITIVE */

.contheaders a.positive{
    color:#529214;
	}

.contheaders a.positive:hover {
    background-color:#E6EFC2;
    border:2px solid #C6D880;
    color:#529214;
	}

.contheaders a.positive:active {
    background-color:#529214;
    border:2px solid #529214;
    color:#fff;
	}

/* NEGATIVE */

.contheaders a.negative {
    color:#d12f19;
	}

.contheaders a.negative:hover {
    background:#fbe3e4;
    border:2px solid #fbc2c4;
    color:#d12f19;
	}

.contheaders a.negative:active {
    background-color:#d12f19;
    border:2px solid #d12f19;
    color:#fff;
	}

/* =================================================== */
/* NAVIGATION and LINKS */
/* =================================================== */

a {
	color: #eba79f;
	font-size: 0.6em;
	font-weight: bold;
	text-decoration: none;
	}

a:hover	{
	color: #000;
	}
	
.toplink {
	padding: 2px 5px 5px 5px;
	}