/*
--------------------------------------
Title:		HSY 2007 Main Stylesheets 
Created:	18-05-2006
------------------------------------*/

/* Importing styles...
------------------------------------*/
body {
	background:#f3eddf;
	color:#333;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	}

label {
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	}

/*ALL TEXT IN MAINCONTENT*/
#mainContent h1 {
	font-size:16px;
	margin:0;
	padding:0 0 25px 0;
	text-indent:-9999px;
	}

#mainContent h2 {
	font-size:16px;
	font-family:Geneva,Arial,Sans-serif;
	margin:0;
	padding:0 0 5px 0;
	}

#mainContent h3 {
	font-size:13px;
	font-family:Geneva,Arial,Sans-serif;
	margin:0;
	padding:0;
	}

#mainContent p {
	font-size:12px;
	margin:0;
	padding:0 0 20px 0;
	}

#mainContent ul {
	margin:0;
	padding:0 15px 20px 35px;
	}

#mainContent p, #mainContent li {
	line-height:1.6em;
	}

p#skiplink {
	display:none;	
	}

a {
	color:#036cb2;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}









#nav {min-height: 27px; border-top: 1px solid #fff; background: #010101 url(/_imgs/shared/nav-bg-nz.gif) top left repeat-x; width: 774px;margin: 0 auto;}
#nav ul {margin:0;padding: 0;}
#nav li {float:left;list-style:none;margin:0;padding:0 1px; background: transparent url(/_imgs/shared/nav-divider-nz.gif) top left no-repeat;}
#nav a {border-bottom:none;color:#fff;display:block;font-family: Arial, Sans-Serif;font-size:12px;line-height:1.5em;margin: 0;padding:4px 7px 5px 7px;}
body#home #nav ul li#home a,body#who #nav ul li#who a, body#what #nav ul li#what a, body#involved #nav ul li#involved a, body#stories #nav ul li#stories a, body#news #nav ul li#news a, body#contact #nav ul li#contact a, body#meet #nav ul li#meet a  {text-decoration:none;background: transparent url(/_imgs/shared/nav-active-nz.gif) top left repeat-x;}
#nav a:hover {text-decoration:none;background-color: #e0573f;background: transparent url(/_imgs/shared/nav-hover-nz.gif) top left repeat-x;}/**********************************

Use: General styles for all forms
Author: http://www.alistapart.com/articles/prettyaccessibleforms

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

form {margin:0; padding:0;}

form.cmxform fieldset {margin-bottom:10px;}

form.cmxform legend {
_margin:0 -7px; /*IE WIN*/
font-weight:900;
padding:0 2px;
}

form.cmxform label {
display:inline-block;
line-height:1.8;
vertical-align:top;
}

form.cmxform fieldset ol {
margin:0 0 15px 0;
padding:0;
}

form.cmxform fieldset li {
list-style:none;
margin:0;
padding:5px;
}

form.cmxform fieldset fieldset {
border:none;
margin:3px 0 0;
}

form.cmxform fieldset fieldset legend {
font-weight:400;
padding:0 0 5px;
}

form.cmxform fieldset fieldset label,form.cmxform fieldset ol.blockit label {
display:block;
width:auto;
}

html>body form.cmxform fieldset ol.blockit label {width:100%;}

form.cmxform em, form.cmxfrom label.error {
color:red;
font-style:normal;
font-weight:700;
padding-left:4px;
}

#mainContent fieldset p.error {
color:red;
padding:5px 10px 0 7px;
}

form.cmxform label { width: 180px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 183px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */


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

Use: master/contact/default.asp
Purpose: extend the styles above

***********************************/
#mainContent fieldset p { 
margin:0;
padding:5px 10px 15px 7px;
}

form.cmxform legend { 
color:#696969;
padding-left: 0; 
font: normal 18px "Georgia", Helvetica, Verdana, Arial;
}

form.cmxform label, form.cmxform li fieldset legend, form.cmxform textarea { 
color: #333;
padding-left: 0;
font-family:arial,verdana,sans-serif;
font-size:12px;	
}

form.cmxform fieldset {border: none;}
form.cmxform fieldset fieldset {background: none;}

form.cmxform fieldset li {
padding: 5px 10px 7px;
background: url(/_imgs/forms/divider.gif) left bottom repeat-x;
}

form.cmxform fieldset li.nopad {padding: 5px 10px 7px 0;}

.sr {
position: absolute;
left: -9999em;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

form.cmxform label.error, form.cmxform fieldset li fieldset legend.error {
color:red;
}

#wrapper{background:transparent url(/_imgs/shared/shadow2.gif) top left repeat-y;margin:0 auto;width:798px;}
#topBarWrapper{background:transparent url(/_imgs/shared/shadow-top.gif) top left no-repeat;min-height:33px;width:798px;}
#topBar{min-height:38px;padding:0 12px;text-align:right;}
#topBar {font-size:11px;font-weight:700;padding-right:22px;}


#chat{float:right; position:relative; margin: 0 15px 0 0;}

#phone{background:#fff url(/_imgs/shared/phone.gif) center left no-repeat;color:#797979;line-height:33px;padding: 3px 0 3px 17px; float:right;}

#topBarWrapper #flag{min-height:33px;padding:0;text-align:left; float: left; padding-left: 23px;font-size:11px; font-weight:700;}
#topBarWrapper #country{color:#797979;line-height:33px;padding: 2px 3px 2px 24px;background:#fff url(/_imgs/shared/flags/flag_NZ.gif) center left no-repeat;}
#topBarWrapper #country a{color:#797979;}

#headWrapper{background:#035ca8 url(/_imgs/shared/logo_stars.gif) repeat-x; color:#fff;margin:0 auto;min-height:94px;width:774px;position: relative;}
#headWrapper a{color:#fff;text-decoration:none;}
#headWrapper #holder{float:right;padding-right:15px;}

#headWrapper #holder #login{background:url(/_imgs/shared/login.gif) no-repeat;display:block;height:23px;width:106px; position:absolute; left:655px;}

#headWrapper #holder #login:hover{background:url(/_imgs/shared/login-over.gif);}

#headWrapper #onlinebro {
position: absolute;
right: 15px;
bottom: 0px;
}

#content{background:#fff;margin:0 auto;width:774px;}

#aGood{display:block;height:70px;}
#aLogo{display:block;float:left;min-height:81px;width:370px;}

.posthidden{display:none;}
.postshown{display:block;line-height:1.4em;}

#aTop{padding-top:3px;}
#aLast{border-bottom:none;}

ul{list-style-type:square;margin-left:16px;padding:0;}
ul li{margin:0;padding:0;}

#topImage{background:#b9d8ec;border-top:3px solid #b9d8ec;height:213px;width:774px;display:block;}
#content #inner{background:transparent url(/_imgs/shared/bg-sub.gif) top left repeat-y;border-right:3px solid #b9d8ec;border-top:3px solid #b9d8ec;}

#pageTitle{margin:2px 0 9px;}
.clear{clear:both;}

#leftMenu{float:left;width:224px;}
#leftMenu h2{border-bottom:1px dotted #9fbf74;color:#4c6a23;font-family:Georgia, Serif;font-size:15px;font-weight:700;margin:0 0 5px;padding:0 0 8px 2px;}

.leftBox{margin:3px 3px 0 0;padding:10px;}
.leftBox p{margin:0;padding:0;}

#leftnav{background:#deeffa;margin-top:0;padding:20px 0;}
#leftnav a{background:transparent url(/_imgs/shared/arrow-nav.gif) 8px 7px no-repeat;color:#025195;display:block;font-size:13px;font-weight:700;margin:0 -7px;padding:3px 0 3px 19px;width:202px;}
#leftnav a:hover{background-color:#fff;text-decoration:none;}
#leftnav ul{list-style:none;margin:0;padding:0;}
#leftnav ul li{background:transparent url(/_imgs/shared/nav-border.gif) top left repeat-x;margin:0 7px;padding:2px 0 0;}
#leftnav ul li ul li a{background:transparent url(/_imgs/shared/arrow-sub-nav.gif) 16px 8px no-repeat;color:#025195;display:block;font-size:12px;font-weight:700;margin:0 -14px;padding:3px 0 3px 24px;width:197px;}

#leftMenu #actions{background:#ffe185 url(/_imgs/shared/actions-top.gif) top left repeat-x;margin-top:3px;padding:0;}
#leftMenu #actions a{background:transparent url(/_imgs/shared/arrow-alt.gif) 8px center no-repeat;border-bottom:1px dotted #f2c43a;color:#dc5c25;display:block;font-size:13px;font-weight:700;line-height:2.4em;padding-left:17px;}
#leftMenu #actions a:hover{background-color:#fccd51;text-decoration:none;}
#leftMenu #actions #aTop{background:transparent url(/_imgs/shared/arrow-alt.gif) 8px 1.2em no-repeat;}
#leftMenu #actions #aTop:hover{background-color:#fccd51;}

#leftHighlight a {color: #4c6a23;}
#leftHighlight{background:#9ec16d url(/_imgs/shared/star-left.gif) top left no-repeat;}
#leftHighlight .infoTbl img{border:2px solid #93b467;}

.infoTbl{margin-bottom:5px;}
.infoTbl p{margin:0;}
.infoTbl td{vertical-align:top;}
.infoTbl img{border:2px solid #6a9fc5;height:75px;margin-right:10px;width:75px;}

#leftBlueHighlight a {color: #025195;}
#leftBlueHighlight{background:#deeffa;}
#leftBlueHighlight h2{border-bottom:1px dotted #87b7d9;color:#025195;}
#leftBlueHighlight p{padding-bottom:10px;}

#leftPuff {background:#bddd92 url(/_imgs/shared/bg-puff.gif) repeat-x left bottom}
#leftPuff .puffTable img {border:0; float:left; margin: 0 8px 3px 0;}
#leftPuff h2 a {color:#4c6a23;}
#leftPuff .puffTable p {margin-top:10px;}

#mainContent{float:left;width:547px;}
#mainContent .inner{padding:20px 25px;}
#mainContent .inner ul li{padding:4px 0;}

#mainContent .quote{background:#e3f3fd url(/_imgs/shared/quote.gif) top right no-repeat;float:right;margin:-5px -8px 10px 10px;padding:0 0 15px;width:163px;}
#mainContent .quote img{border:4px solid #b9d8ec;height:81px;margin:0 0 10px 9px;width:138px;}
#mainContent .quote h2{color:#2f71aa;font-family:Georgia,Serif;font-size:15px;font-weight:700;padding:14px 15px 8px;}
#mainContent .quote p{margin:0;padding:0 15px 10px;line-height:normal;}
#mainContent .quote p.source{font:bold 9px/normal arial;margin:0;padding:0 15px 10px;}
#mainContent #noImg{padding-top:40px;}

#onlinebro {
padding: 4px 10px;
background: #0b66ac;
}

#onlinebro:hover {
text-decoration: underline;
}


#broholder {
position: absolute;
z-index: 999;
display: none;
width: 430px;
height: 230px;
top: 95px;
right: 2px;
}

#broholder #brochures {
background: #def2fc;
border: 3px solid #8dc6e8;
border-width: 0 3px 3px 3px;
color: #333;
position: relative;
}

#broholder #brochures a {
color:#036cb2;
}

#broholder #brochures a img {
border: none;
}

#broholder #brochures a:hover {
text-decoration: underline;
}

#broholder #brochures .brocover .txtblock p {
font-size: 10px;
}

#broholder #brochures .brocover {
width: 128px;
margin: 9px 0 9px 10px;
float: left;
}

#broholder #brochures .brocover .txtblock {
background: #fff;
padding: 3px 10px 0 10px;
margin-bottom: 3px;
height: 40px;
position: relative;
}

#broholder #brochures .brocover .txtblock img {
position: absolute; top:7px; left: 7px;
}

#broholder #brochures .brocover .txtblock p {
margin-left: 17px;
}


#broholder #brochures p {
clear: both;
font-size:10px;
margin:6px 10px;
}




#footerDivider{background:transparent url(/_imgs/shared/shadow-bot.gif) top left no-repeat;clear:both;height:25px;margin:0 auto;width:798px;}
#footer{margin:0 auto;min-height:70px;width:774px;}
#footer ul{list-style-type:none;margin:0;padding:0;}
#footer ul li{color:#999;display:inline;float:right;}
#footer ul #left{float:left;}
#footer ul #last{padding-right:15px;}
#footer ul li a,#footer ul li span{display:block;float:left;font-size:10px;padding:0 .2em;}
#footer ul li img{border:none;}
#footer a#globe{background:url(/_imgs/shared/globe.gif) 0 8px no-repeat;line-height:45px;padding-left:40px;}

#topArea {border-top:3px solid #b9d8ec; height:213px;}
#topArea .inner {background:url(/_imgs/shared/bg_toparea.gif) bottom right no-repeat; height:180px; padding:33px 25px 0 250px;}
#topArea h1 {margin:0;padding:0;text-indent:-9999px;}
#topArea p {color:#616568;font-family:Georgia;font-size:16px;line-height:1.2em;margin:0;padding:5px 0 0 0;}

/*Removes the link marque*/
a {outline: none;}

/*Double arrows after links*/
.chevron {font-size:13px;}


    #headWrapper{background:#035ca8 url(/_imgs/shared/logo_stars_alt.gif) top left no-repeat;}
               
    #footerDivider{background:transparent url(/_imgs/shared/shadow-bot-alt.gif) top left no-repeat;height:16px;}


#backgroundcheck {background: #ffe186 url(/_imgs/shared/bgcheck.gif) top left no-repeat;}
#backgroundcheck h2 a {color: #8f6e0d;};
#backgroundcheck .intellicorp {border-bottom:1px dotted #eac26c;}   
#backgroundcheck p {color: #666; font-size: 11px;}

.languages { padding:0 5px; }
.languages a { font-size:11px;}
.languages a.languageNZ {color:#333 !important;font-weight:bold;}



/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */