/* CSS Document */

body {
	background-color: #fff;
	/*color: #000;*/
	color: #000;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#wrap {
	width: 98.9%;
	min-width: 764px;
	margin: 0;
	padding: 4px;
}

p, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 1em;
}

p, li {
	font-size: 1.2em;
}

a {
	color: #264493;
}

a:hover {
	color: #000;
}

a:visited {
	color: #98301e;
}

a.dark, a.dark:visited, a.dark:hover {
	color: #000;
	text-decoration: underline !important;
}

img {
	display: block;
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 4px 8px 0 8px;
	padding: 0;
}

* html input {
	margin: 0 8px 0 8px;
	padding: 0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 0;
	padding: 20px 0 26px 20px;
	font-weight: normal;
	font-size: 2.4em;
}

* html h1 {
	padding-bottom: 0;
}

h1 a, h1 a:visited, h1 a:hover {
	text-decoration: none;
	color: #264493;
}

h1 span {
	color: #000; /* 87a251 */
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	margin: 0;
	padding: 0 0 8px 8px;
	font-weight: normal !important;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

fieldset {
	border: none;
	/* border-color: #fff;
	border-width: 1px;*/
}

legend {
	display: none;
}

.show-leg{
	display: inline;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}

/* header styles */

#header {
	background: #fff url(header-bg.jpg) 0 0 repeat-x;
	width: 100%;
	height: 67px;
	margin: 0;
	padding: 0;
	border-bottom: 7px solid #a7a2d5; /* #b9d581; */
}

#header-langtab {
	float: right;
	width: 200px;
	height: 60px;
	text-align: right;
	margin: 0 12px;
	padding: 0;
}

* html #header-langtab {
	margin: 0 6px;
	padding: 0;
}

#header-langtab p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
}

.pplogo {
	padding: 15px;
}

.langtab-selected {
	font-weight: bold;
	text-decoration: none;
}

.langtab-selected:hover {
	text-decoration: underline;
}

#header-langtab p {
	margin: 10px 0;
}

#header-langtab img {
	float: right;
	margin: 0 0 0 5px;
}

/* main page nav styles */

#mainnav {
	width: 100%;
	background: #000000 url(mainnav-bg.jpg) bottom left repeat-x;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	position:relative;
	z-index:100;
}

#mainnav ul {
	height: 2.8em;/* 28px*/
	list-style: none;
	background: #000000 url(mainnav-bg.jpg) bottom left repeat-x;
	margin: 0;
	padding: 0;
}

#mainnav li {
	float: left;
	/*width: 150px;
	width: 174px;*/
	position: relative;
	background: #000000 url(mainnav-bg.jpg) bottom left repeat-x;
	border: 0;
	margin: 0;
	padding: 0;
}

#mainnav li a, #mainnav li a:visited {
	display: block;
	/*width: 149px;*/
	height: 1.8em;
	color: #000;
	margin: 0;
	/*padding: 7px 12px;*/
	padding: 0.5em 2em 0 1em;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#mainnav li a:hover {
	background: #cccbe2;
}

#mainnav li a.currentpage {
	background-color: #cccbe2 !important;
}

/* drop down 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/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Yes Stu, I'm still going to give you credit, but this dropdown menu has been *heavily* modified. So count your lucky stars, mate! */

#mainnav ul ul { /* hide the sub levels and give them a positon absolute so that they take up no room */
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 2.3em;/* 28px*/
	left: 0; 
	/*width: 150px;*/
}

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

#mainnav ul li ul li a, #mainnav ul li ul li a:visited { /* style the second level links */
	background: #a7a2d5; /* #b9d581; */
	/* background: #b9d581; acc380 essential for IE to work. Don't ask why, I don't know! */
	height: auto;
	display: block;
	font-weight: normal !important;
	font-size: 0.8em !important;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #fff;
}

#mainnav ul li ul li a:hover {
	background: #cccbe2;
}

#mainnav li.se ul li, #mainnav li.br ul li {
	width: 124px;
}

#mainnav li.se ul li a, #mainnav li.se ul li a:visited, #mainnav li.br ul li a, #mainnav li.br ul li a:visited {
	width: 99px;
	border-left: 1px solid #fff;
}

#mainnav li ul li a.last {
	border-bottom: 1px solid #fff;
}

* html #mainnav ul li ul li a {
	font-size: 0.9em !important;
}

#mainnav ul li:hover ul, #mainnav ul a:hover ul { /* make the second level visible when hover on first level list OR link */
	visibility: visible; 
}

/* content area generic styles */

#breadcrumb ul {
	list-style: none;
	margin: 2px 0 4px 12px;
	padding: 0;
}

#breadcrumb li {
	display: inline;
	color: #884437;
	font-size: 1em;
}

#breadcrumb li a, #breadcrumb li a:visited {
	color: #333;
	text-decoration: none;
}

#breadcrumb li a:hover {
	color: #000;
	text-decoration: underline;
}

#page-title {
	/*height: 49px;*/
	background: #817bb7 url(title-bg2.gif) left bottom repeat-x;
	margin: 0;
	padding: 0 0 7px 12px;
}

#page-title img {
	float: left;
	margin-top: 4px;
}

#page-title h2 {
	width: 720px;
	color: #000;
	margin: 0;
	padding: 5px 0 0 34px; /*10px 0 0 48px*/
}

#page-title-double {
	background: #bdbcdb url(title-double-bg.jpg) 0 bottom repeat-x;
	margin: 0;
	padding: 5px 0 5px 12px;
        border-bottom: solid 1px white;  /* Necessary to prevent weirdness in IE */
}

#page-title-double img {
	float: left;
	width: 16px;
	margin: 4px 8px 24px 0;
	padding-bottom: 0;
}

#page-title-double h2 {
	margin-bottom: 0;
	padding-bottom: 2px;
}

#page-title-double p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.section-title {
	/*height: 34px;*/
	background: #dbdaea url(title-bg2.gif) left bottom repeat-x;/*title-bg.jpg*/
	margin: 0;
	padding: 0 0 7px 12px;/*0 0 0 12px*/
}

.section-title h2 {
	color: #000;
	margin: 0;
	padding: 3px 0 0 0;
}

#main-content {
	margin: 0;
	padding: 4px 0 0 12px;
}

/* footer styles */

#footer {
	background: #fff;
	margin: 0;
	padding: 4px 0;
	font-size: 0.8em;
}

#footer-natlib-logo {	
	float: left;
	width: 196px;
}

#footer-nav {
	float: left;
	text-align: center;
	height: 42px;
	margin: 0 0 0 1em;
	padding: 0;
}

#footer-nav ul {
	list-style: none;
	background: transparent;
	margin: 2px 0 0 2px;
	padding: 0;
}

#footer-nav li {
	float: left;
	background: transparent;
	margin-top: 12px;
	padding: 0;
}

#footer-nav li.last {
	border-right: 0;
}

#footer-nav li a, #footer-nav li a:visited {
	background: transparent;
	color: #000;
	margin: 0;
	padding: 7px 0 7px 4px;
	text-decoration: none;
}

#footer-nav li a:hover {
	text-decoration: underline;
}

#footer-nzgn-logo {
	float: right;
	width: 212px;
	height: 41px;
	margin: 0;
	padding: 0;
}

.nzgn {
	margin: 0;
	padding: 0;
}

/* general text template styles */

#general-main {
	float: left;
	width: 70%;
}

.general-col-head {
	float: left;
	width: 180px;
	margin-bottom: 8px;
	border-bottom: 2px solid #afadd2; /* #b0c884; */
}

.general-col-head h3 {
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 8px;
	border-bottom: 4px solid #fff;
}


#general-sidebar {
	float: left;
	width: 30%;
	background: #afadd2 url(general-sidebar-bg.jpg) 0 0 repeat-x; 
/*	background: #b0c884 url(general-sidebar-bg.jpg) 0 0 repeat-x;  */
}

#general-main-1col {
	clear: both;
}

/* sitewide styles */

.skip-link {
	display: none;
}

.dotted-border {
	background: #fff url(border-dotted.jpg) left 3px repeat-x;
	height: 9px;
}

.inner-contentwrap {
	padding: 12px;
}

.search-query {
	margin-top: 4px;
	margin-left: 12px;
}

.tri-list {
	list-style: none;
	list-style-image: url(tri-list-bullet.jpg);
	margin: 0 0 16px 0;
	padding: 0 0 0 14px;
}

.tri-list li, .tri-list-lg li {
	margin-bottom: 4px;
}

.tri-list-lg {
	list-style: none;
	list-style-image: url(tri-list-bullet-lg.jpg);
	margin: 0 0 16px 0;
	padding: 0 0 0 14px;
}

.search-query {
	float: left;
	margin-top: 8px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.img-inline {
	display: inline;
}

.cleaner {
	clear: both;
	font-size: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}
/* 
#header-langtab:after, #content:after {
	clear: both;
	font-size: 0;
	margin: 0;
	padding: 0;
	zoom: 1;
}
*/