/* ****** Default Tag Styles ****** */
html, body, ul, ol, li, 
dl, dt, dd, p, div,
h1, h2, h3, h4, h5, h6, 
form, fieldset, a, img { 
	border: 0;
	margin: 0; 
	padding: 0; 
} 
html { font-size: 100.01%; }
body {
	background-color: #fafafa;
	color: #333;
	font: normal 62.5%/1.5em verdana, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.6em; }

h1 { 
	color: #fff;
	float: left;
	font: normal 1.9em georgia, "times new roman";
}
h2 { 
	border-bottom: 1px solid #9c9a9c;
	color: #ce6531;
	/*float: left;*/
	display: block;
	font-size: 1.3em; 
	padding-bottom: .25%;
	margin: 0 0 2%;
	width: 100%; 
}
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

p {
	font-size: 1.2em;
	margin: 2% 0 1%;
}	

a:link, a:visited { 
	color: #00008b;
	text-decoration: none; 
}
a:hover, a:active { 
	color: #ce6531;
	text-decoration: underline; 
}

legend { 
	margin: -9999px;
	position: absolute; 
}

input, textarea {
	margin: 0;
	padding: 0;
}

/* ****** Main Container ****** */
#outerContainer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

/* ****** START Banner Area Styles ****** */
.bannerArea {
	border-bottom: 1px solid #fff;
	background-color: #b7998f;
	float: left;
	width: 100%;
}
.bannerArea .logo { float: left; }

.bannerArea .title { 
	color: #fff;
	float: left;
	display: block;
	font: normal 1.5em georgia, "times new roman";
	padding: 2% 1% 0;
}

.relatedLinks ul { 
	float: right; 
	margin: .5%;
	text-align: right;
	width: 40%; 
}
.relatedLinks li { display: inline; }

.relatedLinks a:link, .relatedLinks a:visited,
.relatedLinks a:visited, .relatedLinks a:active { 
	border-left: 1px solid #666;
	color: #333;
	font-size: 1.2em;
	padding: 0 .5em;
}
.relatedLinks a.last:link, .relatedLinks a.last:visited,
.relatedLinks a.last:visited, .relatedLinks a.last:active { border-right: 1px solid #666; }

/* ****** START Header Area Styles ****** */
.headerArea {
	background-color: #d6bb83;
	float: left;
	width: 100%;
}
.tagline { 
	background-color: #e8c993;
	color: #fff;
	float: left;
	font: italic bold 1.2em arial, verdana;
	width: 210px;
	height: 50px;
}
.tagline span { 
	display: block;
	float: left;
	padding: 5%; 
}

.headerArea .title {
	float: left;
	display: block;
	padding: 1% 1% 0; 
	width: 70%;
}
.headerArea .title h1 { width: 100%; }

/* ****** START Content Area Styles ****** */
.contentArea {
	float: left;
	padding-bottom: 20px;
	width: 100%;	
}

/* *** Left Column Styles *** */
.leftCol { 
	display: block;
	float: left;
	width: 210px;
}

/* Menu Styles */
.menu {
	background-color: #f1ead8;
	float: left;
	width: 100%;
	padding: 5% 0;
}
.menu ul { list-style-type: none; }
.menu li { 
	float: left;
	padding-top: 3%; 
	width: 100%;
}

.menu a, .menu a:link, .menu a:visited {
	background: url(../images/icon-nav.gif) no-repeat 10px 0;
	color: #000;
	display: block;
	font-size: 1.3em;
	padding: 0 5% 3% 16%;
	text-transform: uppercase;
}
.menu a:hover, .menu a:active,
.menu .current a:link, .menu .current a:visited { 
	background: url(../images/icon-nav-over.gif) no-repeat 10px 0; 
	color: #ce6531;
	text-decoration: none;
}

.menu .current ul { margin-left: 11%; }

.menu .current ul a,
.menu .current ul a:link, 
.menu .current ul a:visited { 
	background: url(../images/icon-nav2.gif) no-repeat 10px 3px; 
	color: #000;
	padding-left: 11%;
	text-transform: none;
}

.menu .current ul a:hover, 
.menu .current ul a:active,
.menu .current ul .current a:link,
.menu .current ul .current a:visited { 
	background: url(../images/icon-nav2-over.gif) no-repeat 10px 3px; 
	color: #ce6531;
}

/* Search Area Styles */
.searchArea { 
	float: left;
	margin: 1em 0 1em .75em; 
	width: 100%;
}
.searchArea label, .searchArea input { float: left; }

.searchArea label {
	color: #b7998f;
	font: italic bold 1em verdana,arial;
	padding-top: 3%; 
}

.searchArea input { 
	margin: 0 1%;
	padding: 1%;
	width: 60%; 
}
a.btnSearch {
	background: url(../images/icon-arrow.gif) no-repeat 0 0;
	float: left;
	height: 21px;
	width: 21px;
}
a.btnSearch span {
	margin: -9999px;
	position: absolute; 
}

/* Feedback Styles */
.feedbackArea {
	border: 1px solid #9c9a9c;
	float: left;
	display: block;
	margin: 1em 1em 1em .75em; 
	padding: .5em;
	width: 175px; 
}

.feedbackArea .corner {
	background: url(../images/corner.gif) no-repeat 0 0;
	height: 10px;
	left: 171px;
	position: relative;
	top: -6px;
	width: 10px;
}
*:first-child+html .feedbackArea .corner { top: -5px; }
* html .feedbackArea .corner { top: -5px; }

.feedbackArea label {
	color: #99540a;
	font: bold 1.3em verdana,arial;
}
.feedbackArea p { 
	color: #666;
	padding-right: 2%;
}
.feedbackArea textarea { 
	float: left;
	width: 155px; 
}
.feedbackArea a:link, .feedbackArea a:visited {
	background: url(../images/icon-arrow.gif) no-repeat 0 0;
	color: #4c79a5;
	float: left;
	font: italic bold 1em verdana,arial;
	margin: 1em 0 0;
	padding: 2% 0 2.5% 14%;
}

/* Quick Links & Govt Link Styles */
.quickLinks {
	display: block;
	float: left;
	list-style-type: none;
	margin: 1em 0 1em .75em;   
}
.quickLinks a:link, .quickLinks a:visited { color: #ce6531; }

.nzGovt {
	background: url(../images/logo-nz-govt.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 21px;
	margin-left: .75em; 
	width: 137px; 
}
.nzGovt span {
	margin: -9999px;
	position: absolute; 
}

/* *** Main Content Styles *** */
.mainContent { 
	padding: 0 0 1% 1%;
	margin: 0 2% 0 210px;  
}
* html .mainContent { margin-left: 215px; }

.mainContent p {
	/*float: left;*/
	margin: 0 0 2%;
	/* width: 100%; */
}
.mainContent ul, .mainContent ol {
	clear: both;
	/*float: left;*/
	font-size: 1.2em;
	padding-left: 3%;
	/*width: 95%;*/
}
.mainContent ol { padding-left: 4%; }

.mainContent ul ul, .mainContent ol ol {
	float: none;
	font-size: 100%;
}

.mainContent ol li ul li { font-size:0.9em; } /*SDM 172929 FIX*/
.mainContent ul li ol li { font-size:0.9em; } /*SDM 172929 FIX*/

.mainContent li { margin-bottom: 1%; }
.mainContent li li { margin-bottom: 0; }

.mainContent a,
.mainContent a:link,
.mainContent a:visited,
.mainContent a:hover,
.mainContent a:active { text-decoration: underline; }

.mainContent h2 a,
.mainContent h2 a:link,
.mainContent h2 a:visited { color: #ce6531; }

.mainContent fieldset h2 {
	border: 0;
	color: #99540a;
}

.homeContent { width: 72%; }

/* Breadcrumb Trail Styles */
.breadcrumbs ul { 
	clear: none;
	float: left;
	padding: 1% 0; 
	width: 100%; 
}

.breadcrumbs li { 
	color: #ce6531;
	display: inline; 
	font-size: .8em;
}
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {
	color: #ce6531;
	padding-right: .5%; 
	text-decoration: none; 
}
.breadcrumbs a:hover, .breadcrumbs a:active { text-decoration: underline; }

/* Third Level Navigation Styles */
.thirdNav ul { 
	clear: none;
	float: left;
	margin-bottom: 0;
	padding: 0; 
	width: 100%;
}
.thirdNav li { display: inline; }

.thirdNav a, .thirdNav a:link, .thirdNav a:visited {
	border-left: 1px solid #666;
	color: #666;
	float: left;
	margin-bottom: 1%;
	padding: 0 1%; 
	text-decoration: none; 
	white-space: nowrap; 
}
.thirdNav a:hover, .thirdNav a:active {
	color: #ce6531;
	text-decoration: underline;
}
.thirdNav .current { 
	border-left: 1px solid #666;
	color: #ce6531;
	float: left; 
	padding: 0 1%;  
}
.thirdNav .first {
	border: 0;
	padding-left: 0;
}

 /* Form Styles */
.mainContent fieldset { clear: both; }

.mainContent fieldset h2 { margin: 0; }

.mainContent fieldset div { 
	float: left;
	padding-bottom: 1%; 
	width: 100%;
}
.mainContent fieldset label, 
.mainContent fieldset span.label {
	color: #000;
	float: left;
	font-size: 1.2em;
	padding-left: 12px;
	width: 180px;
}

.mainContent fieldset select { margin-right: .5em; }
.mainContent fieldset input { 
	float: left;
	padding: 0 0 .25%;
	width: 37%; 
}

.mainContent fieldset fieldset div { 
	float: left; 
	width: auto;
}
.mainContent fieldset fieldset input { 
	padding: 0 0 .3%;
	width: 10em;
}

.mainContent fieldset.infoReq .label { 
	display: block;
	float: none;  
	width: 70%;
}
.mainContent fieldset.infoReq textarea { 
	font: normal 1.2em verdana,arial;
	margin: 1% 1.5%;
	width: 67%; 
 }
	
span.mandatory { color: #ff0000; }
.mandatory span {
	color: #ff0000;
	float: left;
	width: .1%;
}
* html .mainContent .mandatory label, 
* html .mainContent .mandatory span.label { 
	margin-right: 0; 
	padding-left: 5px;
}
 
.buttonBox { width: 69%; }
.button { float: right; }

.errorMsg {
	color: red;
	float: left;
	margin-top: 2%;
	width: 100%;
}

 /* Styles for Tables */
 table { 
 	border-collapse: collapse; 
	clear: both;
}
 table td {
	border-collapse: collapse;
	font-size: 1.2em;
	padding: .3em;
}

.mainContent table ul,
.mainContent table ol {
	font-size:1em;/*SDM 177830 FIX*/
	margin-left: 1em;
	width: auto;
}

.mainContent table ol li ul li { font-size:1em; } /*SDM 177830 FIX*/
.mainContent table ul li ol li { font-size:1em; } /*SDM 177830 FIX*/

.mainContent table p {
	font-size:1em;
}/*SDM 177830 FIX*/

/* Did You Know Styles */
.didYouKnow {
	background-color: #d6bb83;
	border: 1px solid #9c9a9c;
	color: #fff;
	float: left; 
	padding: 0 1% 1%;
	margin: 4% 0 0;    
}
.didYouKnow h2 {
	border: 0;
	color: #fff;
	float: none;
	margin-top: 0;
}
.didYouKnow p { margin-right: 1%; }

/* ****** START What's New Styles ****** */
.whatsNew { 
	border: 1px solid #9c9a9c;
	float: right;
	margin-top: 1%;
	position: relative;
	right: 5px;
	width: 200px;
}
.whatsNew .tab {
	background: url(../images/tab.gif) no-repeat 0 0;
	height: 16px;
	left: 0;
	position: absolute;
	top: -1px;
	width: 14px;
}
.whatsNew .corner {
	background: url(../images/corner-home.gif) no-repeat 138px 0;
	border-bottom: 0;
	left: 1px;
	margin-top: 4px;
	position: absolute;
	text-indent: 25px;
	top: -7px;
}
.whatsNew .innerContainer { 
	padding: 5% 0 10%;
	position: relative;
	top: 10px;  
	width: 100%;
}
.whatsNew h3 { 
	border-bottom: 1px solid #9c9a9c;
	color: #ce6531;
	font-size: 1.3em;
	margin: 0 2%;
	padding: 0;
}
.whatsNew .innerContainer div { margin: 0 1% 0 2%; }
.whatsNew span.date { 
	display: block;
	font: bold 1.2em verdana,arial; 
	margin-top: 5%;
}
.whatsNew p { margin: 0; }

.whatsNew a,
.whatsNew a:link,
.whatsNew a:visited { text-decoration: underline; }

/* ****** START Footer Area Styles ****** */
.footerArea { 
	border-top: 1px solid #9c9a9c;
	border-bottom: 1px solid #9c9a9c;
	/*clear: both;*/
	float: left;
	margin: 4% 0 0 0;
	padding: 2% 0;
	width: 100%; 
}
.homeFooter { clear: right; }

.footerArea p { 
	color: #666;
	font-size: 1em;
	margin: 0;
	width: 80%;
}

.footerArea ul {  
	float: left; 
	margin: 2% 0 0;
	padding-left: 0; 
	width: 100%; 
}
.footerArea li { 
	border-left: 1px solid #ce6531;
	color: #ce6531;
	display: inline; 
	font: bold .8em verdana,arial;
	list-style-type: none;
	padding: 0 1%;	
}
.footerArea a:link, .footerArea a:visited {
	color: #ce6531;
	font-weight: normal;
	text-decoration: none;
}
.footerArea a:hover { text-decoration: underline; }

.footerArea .backtop { 
	background: url(../images/icon-arrowUp.gif) no-repeat right 1px;
	float: right;
}

.footerArea .backtop a { padding-right: 17px; }

/* ****** START Generic Styles ****** */
.floatLeft { 
	float: left;
	padding-top: 2%; 
	width: 100%;
}
.clear { clear: both; }
.hidden {
	margin: -9999px;
	position: absolute;
}

li.first, 
li.first a,
li.first a:link,
li.first a:visited { 
	border-left: 0; 
	padding-left: 0;
}

li.last { 
	border-left: 0; 
	padding-left: 0;
}

/* ****** START Left and Right Caption Images ****** */
.picInsertLeft, .picInsertRight {
	float: left;
	margin: 0 8px 5px 0;
	padding: 0;
	text-align: center;
	width: 148px;
	margin-bottom: 5px;
	.padding-bottom: 5px; /* IE fix */
}
.picInsertRight {
	float: right;
	margin: 0 0 5px 8px;
}
.picInsertLeft img, .picInsertRight img {
	padding: 0;
	/*width: 146px;*/
}
.picInsertLeft .caption, .picInsertRight .caption {
	display: block;
	padding: 3px 8px 8px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	.margin-top: -3px; /* IE fix - SDM 183771 */
}

