/* **************************************** Notes start **************************************** */
/* color shorthand. eg: #FFF */
/* remove spaces */
/* remove line breaks */
/* remove comments */
/* compress */

/*
a green = #2E8C7C / #07A19F
a red = #C80000
Light gray = #ECECEC
Mid gray = #DDDDDD
Dark gray = #666666
Another gray (mid) = #999999
And another gray(mid) = #D3D3D3
Charcoal text = #4A4A4A
matauranga = #6699CC
whakamana = #996699
rawa = #999933
teIraTangata = #CC0033
black = #000000
white = #FFFFFF
*/


/* **************************************** Notes end **************************************** */



/* **************************************** Page start **************************************** */
html,head,body,p,div,h1,h2,h3,h4,h5,span,a {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

html {
	position: relative;
	height: 100%;
	width: 100%;
	background: url(images/koruBackground.png) repeat top left;		
}

body {
	position: relative;
	font-family: arial, sans-serif, verdana;
	/*color: #444444;*/
	color: #4A4A4A;
	background-color: #FFF;
	padding: 1em 0 3em 1em;
	min-width: 54.6em; /*54.6*/
	max-width: 80em; /* Aproxmiates 1300 pixels */
	/*width: 980px;*/
	margin: 0 auto;
	border-left: solid 1px #989898;
	border-right: solid 1px #989898;
}

h1 {
	font-size: 1.7em;
	font-weight: 600;
}

h2 {
	font-size: 1.5em;
	font-weight: 500;
}

h3 {
	font-size: 1.1em;
	font-weight: 500;
}

h4 {
	font-size: 1em;
	font-weight: 500;
}

h5 {
	font-size: 0.9em;
	font-weight: 500;
}

h6 {
	font-size: 0.8em;
	font-weight: 500;
}

p {
	font-size: 0.8em;
	margin: 0.3em 0 1.3em 0;
	line-height: 1.5em;
}

blockquote {
	font-size: 0.8em;
	line-height: 1.5em;
}

a {
	color: #2E8C7C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	line-height: 1.5em;
	font-size: 0.8em;
}

ul ul {	
	font-size: 1em;
}

.siteMap {
	line-height: 1.5em;
	font-size: 1.1em;
}

.siteMap ul {	
	font-size: 0.8em;
}

.siteMap ul ul {	
	font-size: 1em;
}

ol {
	line-height: 1.5em;
	font-size: 0.8em;
}

ol ol {	
	font-size: 1em;
}

table.data td {
	text-align: right;
}

tr.header {
	background-color: #DDD;
}

table {
	border-collapse: collapse;
	margin: 0.5em;
}

tr,td,th {
	border: solid 1px #666666;
}

.noBorder, .noBorder tr, .noBorder td, .noBorder th {
	border: none !important;
}

td,th {
	padding: 0.3em;
}

td {
	font-size: 0.8em;	
}

td ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
}

th {
	font-size: 0.9em;
	font-weight: 600;
	text-align: left;
}

img {
	border: none;
	font-size: 0.7em;  /* This is to make alt text look nicer */
}

/* **************************************** Page end **************************************** */


/* **************************************** Header start **************************************** */
#jump {
	position: absolute;
	white-space: nowrap;
	color: #000000;
	right: 18px;
	top: 0px;
	font-size: 0.7em;
	font-weight: bold;
}

#jump a {
	color: #000000;
	text-transform: uppercase;
}

#header {
	position: relative;
	z-index: 1; /* Keep on top of anything undesireable floating up from below */
	height: 100px;
	background: #000000 url(images/swoosh.png) no-repeat right;
	border-bottom: solid 5px #FFFFFF;
	color: #FFFFFF;
	border-right: solid 1em white;
}

#skipNav { /* hides navigation skip link from CSS browsers */
	display: none;
}

.tpkLogo {
	display: block;
	position: relative;
	float:left;
	top: 17px;
}

#headerLinkWrapper {
	position: absolute;
	right: 0;
	top: 2px;
	
}

#header a {
	position: relative;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

#siteMap {
	position: absolute;
	right: 410px;
	white-space: nowrap;
	top:0;
}

#language {
	position: absolute;
	right: 255px;
	white-space: nowrap;
	top:0;
}

#searchBox {
	position: absolute;
	top: 1px;
	right: 70px;
	font-size: 0.7em;
}

#search {
	position: absolute;
	right: 15px;
	top:0;
}

#topSearchButton {
	position: absolute;
	right:15px;
	top:2px;
	margin:0;
	padding:0;
	background: none;
	border: none;
	color: #FFFFFF;
	font-family: arial, sans-serif, verdana;
	font-weight: bold;
	font-size: 0.7em;
	text-transform: uppercase;
	cursor: pointer;
}

#topSearchButton:hover {
	text-decoration: underline;
}
/* **************************************** Header end **************************************** */


/* **************************************** Nav start **************************************** */
#navBar {
	position: relative;
	z-index: 1000;
	height: 2.4em;
	border-bottom: 5px solid #FFFFFF;
	background-color: #2E8C7C;
	font-weight: bold;
	border-right: solid 1em white;
}

#navBar a {
	position: relative;
	display: block;
	padding: 0 6px 0 16px;
	line-height: 2.9em; /* This has to be the same as #navBar li ul top */
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	background: #2E8C7C url(images/weaveGreen.png) no-repeat left;
}

#navBar a:hover {
	text-decoration: underline;
}

#navBar ul {
	position: relative;
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0;
}

#navBar li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

/* Hide embedded lists */
#navBar li ul {
	display: none;
	position: absolute;
	top: 2.9em; /* This has to be the same as #navBar a line-height */
	left: 0;
	background-color: #2E8C7C;
	border-top: 0;
	border-bottom: solid 2px #2E8C7C;
	border-left: solid 2px #2E8C7C;
	border-right: solid 2px #2E8C7C;
	font-size: 1em;
}

/* Reset <li>'s in embedded lists so that they are displayed vertically */
#navBar li ul li {
	float: none;
}

/* Restyle <a> elements in embedded lists to remove background hover images, and allow wrapping of text */
#navBar li ul a {
	background-image: none;
	white-space: normal;
	width: 12em;
	border-bottom: 1px solid white;
	background-color: #DDDDDD;
	color: #666666;	
	line-height: 1.5em;
	padding: 0.8em;
}

#navBar li ul a:hover {
	background-image: none;
	background-color: #DDDDDD;
	color: #666666;
}

/* Hover rule for displaying the hidden embedded lists.  This does not work in
   IE 6, so a supplimental rule on the class 'over' is added, and javscript is
   used to add 'over' to the class of the currently hovered over menu */
#navBar li:hover ul, #navBar li.over ul {
	display: block;
}
/* **************************************** Nav end **************************************** */

#container {
	position:relative;
}

/* **************************************** Home start **************************************** */
#nonFooterHome {
	position: relative;	
	margin:0; padding:0;
	background: #ECECEC url("images/leftBack_New.png") top left repeat-y;
	border-right: solid 1em #FFFFFF;
}

#homePageLeftImg {	
	position:relative;
	float:left;
}

#rightContentColumn {
	position: relative;
	margin:0;
	margin-left: 274px;
	padding: 0 1em;
}

#rightLinksColumn {
	position: relative;
	float: right;
	width: 11em;
}

/*#rightLinksColumn {
	position: absolute;
	top: 9.5em;
	right: 0;
	width: 15em;
	padding-right: 1em;           middleNewsBack
}*/

#middleNewsColumn {
	position: relative;
	margin:0 12em 0 0;
	padding: 0;
	/*background: #E3E3E3;*/
}

#clearFooterHome {
	position: relative;
	clear: both;  /* Just trying this - it was both.... */
	margin: 0 0 0 274px;
	padding: 0;
	height: 86px;
	background: #ECECEC url(images/bodyCorner.png) no-repeat bottom right;
}

.homePageItem {
	margin: 0 15px 15px 0;
	min-height: 200px;
}

/*#whatsNewKokiri {min-width: 400px;}*/

.absolute {position:absolute;}

.relative {position:relative;}

.homePageItem img {
	position: absolute;
	height: 200px;
	/*width: 140px;*/
	left: 0;
	top: 0;
}

.homePageItem div {
	margin-left: 150px;
	position:relative;
}

.homePageItem p {
	margin: 0;
	vertical-align: top;
	padding-right: 1em;
}

#headLine p {
	margin: 0;
	vertical-align: top;	
}

.homePageItem p a, #headLine p a {
	font-size: 0.9em;
	white-space: nowrap;
}

.homePageItem h3, #headLine h3 {
	font-weight: bold;
	margin: 0; 
	vertical-align: top;
	font-size: 0.8em;
	padding: 0.3em 0;
}

.homePageItem h3 a, #headLine h3 a {
	color: #666;
}

.rmpText {
	position: relative;
	height: 3em;
}

#rmpCarousel div {
	position: relative;
	background-color: #DDDDDD; /* Used to make text readable in IE */
	width: 100%; /* Used to make div fade in IE */	
}

#matauranga {
	border-top: solid 0.6em #6699CC;
}

#whakamana {
	border-top: solid 0.6em #996699;
}

#rawa {
	border-top: solid 0.6em #999933;
}

#teIraTangata {
	border-top: solid 0.6em #CC0033;
}

#rmpCarousel p {
	position: relative;
	margin: 0;
}
/* **************************************** Home end **************************************** */


/* **************************************** Level2 start **************************************** */
#nonFooterLevel2 {
	position: relative;
	width: 100%;
	margin:0; padding:0;
	background: #ECECEC url("images/rightBack.png") top right repeat-y;
}

#leftNavColumn {
	position: relative;
	float:left;
	width:15em;
	margin:0;
	padding: 40px 0 0 0;
}

#leftNavColumn p {
	padding: 0 0.7em;
}

#fluffImg {
	display: block;
	margin: 0 auto;
}

#rightImgColumn {
	position: relative;
	float:right;
	width:146px;
	margin:0; padding:0;
	background: url("images/rightImg4.jpg") top right no-repeat;
	/*min-height: 1082px;*/
	height: 1082px;
}

.rightImg1 {
	background: url("images/rightImg1.jpg") top right no-repeat !important;
}

.rightImg2 {
	background: url("images/rightImg2.jpg") top right no-repeat !important;
}

.rightImg3 {
	background: url("images/rightImg3.jpg") top right no-repeat !important;
}

.rightImg4 {
	background: url("images/rightImg4.jpg") top right no-repeat !important;
}

.rightImg5 {
	background: url("images/rightImg5.jpg") top right no-repeat !important;
}

.rightImg6 {
	background: url("images/rightImg6.jpg") top right no-repeat !important;
}

.rightImg7 {
	background: url("images/rightImg7.jpg") top right no-repeat !important;
}

#middleContentColumn {
	position: relative;
	margin:0 146px 0 15em;
	padding: 0 1em 1px 1em; /* 1px padding-bottom is needed to display clearFooterLevel2 properly in ie6 and ie7 */
}

#middleContentColumn #introBox {
	position: relative;
	padding-bottom: 0.5em;
	border-bottom: double 5px #FFFFFF;
}

#middleContentColumn #introBox #contentStart{
	font-size: 0.8em;
}

#clearFooterLevel2 {
	position: relative;
	clear: both;
	margin: 0 146px 0 15em;
	padding: 0;
	height: 86px;
	background: #ECECEC url(images/bodyCorner.png) no-repeat bottom right;
}
/* **************************************** Level2 end **************************************** */


/* **************************************** Regions start **************************************** */
#rightRegionsImgColumn {
	position: relative;
	float: right;
	width: 128px;
	margin:0; padding:0;
	background: url("images/regionsRightImg1.png") top right no-repeat;
	height: 273px;
	border-right: solid 1em #FFF;
}

#regionsInfo {
	position: absolute; 
	top: 8em;
	left: 1em;
	width: 15em;
}

.regionDetails {
	position: absolute;
	top: 380px;
	right: 0;
	width: 13.82em;
	visibility: hidden;
}

.regionDetails h2 {	
	border-bottom: double 5px #FFFFFF;
	font-size: 1.4em;
}

#nzRegions {
	position: relative;
	width: 421px;
	height: 604px;
	margin: 0 auto;	
}

#nzRegions map area{
	cursor: crosshair;
}

#nzRegions img{
	position: absolute;
	top: -125px;
}

.regionImage {
	position: relative;	
	float: right;
	z-index: 1;	
}

.regionRightImage {
	padding-bottom: 0.5em;
}

/* **************************************** Regions end **************************************** */


/* **************************************** Footer start **************************************** */
#footer {
	position: relative;
	height: 100px;
	background-color: #FFFFFF;
	clear: both;
	padding: 0;
}

#footer p {
	margin: 0;
	height: 25px;
	padding: 36px 0 0 0;
	font-size: 0.7em;
}

#footerImg {
	position: absolute;
	height: 18px;
	width: 66%;
	background: url(images/koruBackground.png) repeat-x bottom right;
	left: 0;
	margin: 0;
	border-bottom: solid 10px #FFFFFF;
	border-top: solid 10px #FFFFFF;
}

#footer a {
	color: #000000;
}

#footer span {
	padding: 0 0.3em;
}
/* **************************************** Footer end **************************************** */


/* **************************************** Random start **************************************** */
#introBox {
	position: relative;
	padding: 40px 0 0 0;
	margin: 0 0 10px 0;
}

#introBox #contentStart {
	color: #999;
	font-weight: bold;
}

#introBox #contentStart a {
	color: #999;
}

.sideLinksBox {
	position:relative;
	background-color: #DDDDDD;
	margin: 0 0 15px 0;
}

.list1 {
	position: relative;
	list-style: none;
	padding: 0.5em 0;
	margin: 0;
}

.list1 li {
	padding: 0.3em 0 0 1em;
}

.list1 li a {
	background: #DDDDDD url(images/weaveGray.png) no-repeat left;
	padding: 0 0 0 1.5em;
	color: #666666;
	text-decoration: none;
	display: block;
}

.list1 .new {
	background: #DDDDDD url(images/new.png) no-repeat left;
}

.list2 {
	position: relative;
	list-style: none;
	padding: 0.5em 0;
	margin: 0;
}

.list2 ul {
	margin: 0 1.5em;
	padding: 0;
	list-style: none;
}

.list2 li {
	padding: 0.3em 0 0 0;
}

.list2 li a {
	padding: 0 0 0 1.2em;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.list2 li a:hover {	
	color: #2E8C7C;	
}

.list2 li li a {
	font-weight: normal;
}

.list2 .selected {
	color: #C80000;
}

#rss {
	position: relative;
	clear: right;
	background: #ECECEC url(images/rss.png) no-repeat center left;
	margin: 2em 0 0 0;
}

#rss p {
	font-size: 0.7em;
	margin: 0 0 0 43px;
	color: #2E8C7C;
	padding: 0;
}

.eventSearchHeader {
	position: relative;
	background: url(images/nz.png) no-repeat top left;
	padding: 0 0 0 36px;
	margin: 15px 0 0 10px;
}

.eventSearchHeader h3 {
	color: #000000;
}

.eventSearchHeader p {
	font-weight: bold;
	padding: 0;
}

.toc ul{
	position: relative;
	padding: 0.1em 0 0.4em 1.5em;
	margin: 0;
	font-size: 0.8em;
	line-height: 1.2em;
}

.toc ul ul{	
	font-size: 1em;	
}

.toc li {
	/*color: #07A19F;*/
	color: #2E8C7C;
}

.toc li a {
	/*color: #07A19F;*/
	color: #2E8C7C;
}

.toc .selected {
	color: #C80000;
}

.toc .selected a {
	color: #C80000;	
}
/* **************************************** Random end **************************************** */


/* **************************************** Text start **************************************** */
.greenTitle h2, .grayTitle h2, .whiteTitle h2 {
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.2em 0.7em;
	text-align: left;
}

.greenTitle h2 {	
	background: #2E8C7C url(images/cornerGreen.png) no-repeat top right;
}

.grayTitle h2 {	
	background: #666666 url(images/cornerGray.png) no-repeat top right;
}

.greenText {
	color: #2E8C7C;
}

.grayText {
	color: #666666;
}

.whiteText {
	color: #FFFFFF;
}

DEL.whiteText a {
	color: #FFFFFF;
}

.centeredText {
	text-align: center;
}

.boldText, .highlight {
	font-weight: bold;
}

.lightGrayBack {
	background-color: #ECECEC;
}

.darkGrayBack {
	background-color: #999999;
}

.grayBorder {
	border: solid 1px #999999;
}
/* **************************************** Text end **************************************** */


/* *********************************** Publications start *********************************** */
div.documentPreview {
	position: relative;
}

.documentPreview img {
	width: 85px;
	height: 120px;
	border: 0;
	position: absolute;
	top: 2px;
	left: 0;
}

.documentPreview ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2em 0;
}

.documentPreview li {
	padding: 0;
	margin: 0.2em 0 0.2em 0;
}

.documentPreview * img {
	width: auto;
	height: auto;
	position: inherit;
	top: inherit;
	left: inherit;
	padding-right: 0.2em;
	vertical-align:  bottom;
	padding-bottom: 5px;
}

.documentPreview div p {
	padding-left: 0;
}

.documentPreview select {
	width: 90%;
}

.documentPreviewContent {
	margin-left: 90px;
}

.documentPreview h2 {
	border-bottom: 1px solid white;	
	font-size: 1.2em;
	margin-top: 2em;
	padding-bottom: 0.4em;
}

.documentPreview h3 {
	font-size: 0.8em;
	margin: 1em 0 0 0;
	font-weight: 600;
}
/* *********************************** Publications end  ************************************ */


/* **************************************** Kokiri start **************************************** */
#nonFooterKokiri {
	position: relative;
	margin:0; padding:0;
	background-color: #ECECEC;
	border-right: solid 1em #FFF;
}

#kokiriHeader {
	position: relative;	
	height: 96px;
	background: #D3D3D3 url(images/kokiriHeader.png) no-repeat left;
}

#kokiriHeader img {
	position: absolute;
	top: 0;
	right: 0;	
}	

#kokiriHeaderBlurb {
	position: absolute;
	bottom: 0;
	left: 330px;
	margin-right: 180px;
	margin-bottom: 7px;
}

#kokiriHeaderIssue {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 180px;
	font-weight: 600;
	color: #666666;
	margin-bottom: 0.5em;
}

#rightTopKokiriImgColumn {
	position: relative;
	float:right;
	width:160px;
	margin:0;	
	min-height: 177px;
	z-index: 1;	
}

#clearFooterKokiri {
	position: relative;
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	height: 86px;
	background: #ECECEC url(images/bodyCorner.png) no-repeat bottom right;
}

#kokiriContents {
	position: relative;
	padding: 195px 1em 0 1em;
}

#kokiriContents h2 {
	font-size: 1em;
	padding: 0.2em 0 0.2em 0;
	margin: 0;
	font-weight: 600;
}

#kokiriContents h3 {
	font-size: 0.8em;
	padding: 0 0 0 0;
	margin: 0;
	font-weight: 600;
}

#kokiriContents p {
	font-size: 0.8em;
	margin: 0;
	line-height: 1em;
}

.kokiriArticle img {
	position: relative;
	float: left;
	margin-right: 1em;	
}

#kokiriLeft hr {
	border: none;
	color: white;
	background-color: white;
	height: 2px;
	margin: 1em 0;
	clear: both;
}

#kokiriLeft h3 {
	font-size: 0.9em;
	font-weight: 600;
	padding: 0 0.7em;
}

#kokiriBackIssues {
	position: relative;
	float: left;
	padding: 0 0.8em 0.8em 0;
}

.leftArrow {
	position: relative;
	float: left;
	padding-right: 5px;
}

.rightArrow {
	position: relative;
	float: right;
	padding-right: 5px;
}

#kokiriLeft p {
	margin: 0 0.3em 0.3em 0.3em;
	padding: 0 0.7em 1em 0.7em;
}
/* ************************************** Kokiri end  *************************************** */


.byType { /* WTF? */
	padding: 0.3em 0 0em 0.8em !important;
	margin: 0 !important;
}

#getAdobeReader {
	position: relative;
	float: left;
	padding-left: 0.7em;
}

#leftNavColumn input, #leftNavColumn select {
	padding: 0;
	margin: 0.5em;
	width: 13em;	
}

input.inputButton, .eventSearch input {
	width: auto !important;
}

.documentSearch p, .eventSearch p {
	margin:0;
	padding: 0 0 0 0.7em !important;
}

.special {
	border-bottom: solid 1px #FFF;
	margin: 0 0 0.5em 0;
}


/* **************************************  News, Event, Pubs, Koriri shared start  *************************************** */
.listItem {
	position: relative;
}

.listItem img {
	width: 230px;
	height: 55px;
}

.listItem h3{
	font-size: 0.8em;
	font-weight: 600;
}

.listItem span{
	font-weight: 400;
}

#introBox img, .smallImg img {
	position: relative;
	float: left;
	width: 38px;
	height: 52px;
	border: none;

}

#introBox img {
	padding: 0 0.5em 0 0;
}

.kokiri img{
	position: relative;
	float: left;
	height: 85px;
	width: 190px;
}

.smallImg {
	position: relative;
	min-height: 72px;
}

.kokiri {
	position: relative;
	min-height: 105px;
}

.readmore a, a.readmore {
	font-size: 0.9em;
	white-space: nowrap;
}

.smallImg p, .smallImg h3{
	margin-left: 48px;
}

.kokiri p, .kokiri h3{
	margin-left: 200px;
}

.listItem.unpublished {
	padding: 5px;
	background-color: #FFBFBF;
	border: 1px solid red;
	margin-bottom: 1em;
}

.listItem.unpublished h3 {
	font-style: italic;
}

.listItem.unpublished p:before {
	font-weight: bold;
	content: "[Hidden] ";
}

.listItem.unpublished p {
	margin-bottom: 0.3em;
}

/* **************************************  News, Event, Pubs, Koriri shared  end  *************************************** */



#rssEventsImg {
	position: relative;
	float: left;
	padding-right: 5px;
}

#cantSeeImg {	
	position: relative;
	float:left;
	padding: 0 5px 5px 5px;
}

#cantSeeImg img {
	padding-bottom: 5px;
	margin: 0 auto;
}

#cantSeeText {
	margin-left: 48px;
	height: 70px;
}

#cantSeeText h2{
	font-size: 1em;
	font-weight: bold;
}

#cantSeeText p{
	font-size: 0.7em;
	padding: 0;
}

#regionsNewsEvents img{
	position: relative;	
	height: 85px;
	width: 190px;
	margin: 0.7em;
}

#regionsNewsEvents h3 {
	font-size: 0.9em;
	font-weight: 600;
	margin: 0 0.7em;
}

.YouSearchedFor {
	position: relative;
	line-height: 50px;
}

.YouSearchedFor img {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px;
	padding-right: 10px;
}

/*** vacancies ***/

.vacancyList {
	width: 80%;
}

.vacancyList tr {
	border: 0;
}

tr.vacancyExpired {
	background-color: #CCCCCC;
}

p.vacancyExpired {
	border: 1px solid #FF0000;
	background-color: #FFCCCC;
	padding: 0.5em;
}

.vacancyHidden {
	font-style: italic;
}

.vacancyDetails {
	margin: 0.5em 0 1em 0;
	padding: 0;
	list-style: none;
}

.vacancyDetails li {
	padding:0;
	margin: 0;
}

/*** SEARCH ***/

.HitSummary {
	margin-bottom: -0.5em;
}

.SearchResultsSummaryArea {
	background-color: #DDDDDD;
	text-align: right;
	border-top: solid  #4A4A4A 1px;
	margin-top: 3px;
}

.SearchResultsSummaryArea span {
	font-weight: bold;
}

.SearchPager {
	margin-top: 4em; 
	text-align: center;
}

.SearchPager a {
	padding: 0 0.4em 0 0.4em;
}

.SearchPager a.selected {
	font-weight: bold;
	font-size: 120%;
}

/* MLIB */
.ve_map {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 470px;
	margin: 2px 1px 2px 1px;
	float: left;
	display:block;
	visibility:visible;
	z-index:1;
}

.ve_map img {
	border: none;
}
/* MLIB */


/* Images */
div.imageBorder {
    border: 1px solid black;
    padding: 0.5em;
    margin: 0.5em;
}

div.imageNoBorder {
    padding: 0.5em;
    margin: 0.5em;
}

p.imageCaption {
    text-align: center;
}





#whatsNewKokiri {
	position: relative;
	margin: 0 11em 0 0;
	/*background: #ECECEC;*/
}

.threeSideBorder {	
	border: solid 2px #FFF;
	border-top: solid 2px #ECECEC;
	padding:0.5em;
}

.whatsNewKokiriTitle {
	background: #666 no-repeat top right !important;
}


#headLine {
	position: relative;
	float: right;
	width: 11em;
	/*background: #EcEcEc; changed from design at Deb's request - was #E3E3E3*/	
}

#headLine div {
	padding: 0.5em;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

#headLine div div {
	padding:0;
	text-align: left;
	/*width: 140px;*/
	clear: both;
	position: relative;
}

.sideLinksBox p {
	margin: 0.5em 0 0.5em 0 !important;
}



#leftImgColumn div {
	position: absolute;
	color: #FFF;
	text-align: right;
	width: 60%;
	right: 0;
	bottom: 0;
	margin: 1em;
}

#leftImgColumn div p {
	margin: 0.3em 0 0.3em;
}










#homePageItemSlideshow {
	position:relative;
}

#homePageItemSlideshow img {
	height: 100px;
}

#slider .homePageItem.show {
	z-index:500;
}

#homePageItemSlideshow div {	
	display:inline-block;
	background-color: #ECECEC;
	z-index:1;
}

.homePageItem {
	background-color: #ECECEC;
	z-index:1;
}

#leftLink {
	position: relative;
	float: left;
	width: 262px;
	margin: 0;
	padding: 0;
	background: #FFF url(images/leftImg_New.jpg) no-repeat top left;
	height: 837px; /*714px;*/
}