/* CSS Document */
@media screen, projection
{
	.be-nice-to-Mac-IE5
	{
		font-family: "\"}\"";
		font-family: inherit;
	}
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* html, body
	{
		margin: 0px;
		padding: 0px;
		text-align: left;
		height: 100%;
		background: #adaf87;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	tr, td, input, select, textarea
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	a:link, a:visited
	{
		color: #333;
		text-decoration: underline;
	}
	a:hover
	{
		color: #333;
		text-decoration: underline;
	}
	em
	{
		font-size: 11px;
	}
	ol
	{
		margin: 0 0 5px 5px;
	}
	ul, li
	{
		margin-left: 10px;
	}
	dl
	{
		margin: 0 0 10px;
	}
	dt
	{
		font-weight: bold;
	}
	dd
	{
		margin: 0 0 3px 10px;
		padding-top: 5px;
	}
	p
	{
		margin: 0px 5px 5px 7px;
		padding-top: 5px;
	}
	h1
	{
		font-size: 14px;
		margin: 0px 5px 0px 7px;
		color: #6d8c49;
	}

	h2
	{
		font-size: 14px;
		margin: 0px 5px 0px 7px;
	}
	h3
	{
		font-size: 12px;
		margin: 6px 0 5px;
	}
	h4
	{
		font-size: 10px;
		margin: 4px 0;
	}
	h5
	{
		font-size: 8px;
		margin: 3px 0;
	}
	h6
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #5e5d3e;
		padding: 2px 15px 3px 12px;
		top: 54px;
		position: absolute;
	}


	hr
	{
		margin-bottom: 3px;
	}
	img
	{
		border: none;
	}
	acronym
	{
		border-bottom: 1px dotted;
	}
	blockquote
	{
		margin: 0 25px 20px 25px;
		font-style: italic;
	}
	object
	{
		margin: 0 0;
		position: relative;
		width: 728px;
		height: 144px;
		border: none;
		z-index: inherit;
	}
	form
	{
		margin: 0 0;
		padding: 0 0;
	}


	/* -- STRUCTURE CLASSES ---------------------------------------- */
	.wrapper
	{
		width: 1000px;
		height: auto !important; /* real browsers */
		height: 100%; /* IE6: treaded as min-height*/
		min-height: 100%;
		padding: 0px;
		text-align: center;
		position: relative;
		background: url(images/bg_bodshadcol.png) repeat-y center top;
		margin: 0 auto;
	}

	.wrapper_l2
	{
		width: 1000px;
		height: auto !important; /* real browsers */
		height: 100%; /* IE6: treaded as min-height*/
		min-height: 100%;
		padding: 0px;
		text-align: left;
		position: relative;
		background: url(images/bg_bodshad.png) repeat-y center top;
		margin: 0 auto;
	}

	.wrapper_3col
	{
		width: 1000px;
		height: auto !important; /* real browsers */
		height: 100%; /* IE6: treaded as min-height*/
		min-height: 100%;
		padding: 0px;
		text-align: left;
		position: relative;
		background: url(images/bg_bodshad3col.png) repeat-y center top;
		margin: 0 auto;
	}


	/* -- TOP SECTION ---------------------------------------- */
	.headblock
	{
		height: 144px;
		width: 990px;
		padding: 0px;
		position: relative;
		text-align: center;
		background: url(images/bg_top.jpg) repeat-x left bottom;
		left: 5px;
	}
	.headblock_members
	{
		height: 50px;
		width: 990px;
		padding: 0px;
		position: relative;
		text-align: center;
		z-index: 99;
	}
	.toplt /* new style */
	{
		padding: 6px 0 0px 8px;
		top: 0px;
		right: 0px;
		width: 500px;
		height: 24px;
		background: transparent url(images/bg_search2.jpg) repeat-x 0 0;
		position: relative;
		font-size: 10px;
		float: left;
		text-align: left;
		white-space: nowrap;
	}
	.toplt_member /* new style */
	{
		padding: 6px 0 0px 8px;
		top: 0px;
		right: 0px;
		width: 600px;
		height: 24px;
		background: transparent url(images/bg_search2.jpg) repeat-x 0 0;
		position: relative;
		font-size: 10px;
		float: left;
		text-align: left;
		white-space: nowrap;
		z-index: inherit;
	}
	.toprt /* updated */
	{
		padding: 2px 8px 2px 0; /*modified */
		top: 0px;
		right: 0px;
		width: 474px; /*modified */
		height: 26px;
		background: transparent url(images/bg_search2.jpg) repeat-x 0 0;
		position: relative;
		font-size: 10px;
		float: left; /*added */
		text-align: right;
	}
	.toprt_member
	{
		padding: 2px 8px 2px 0; /*modified */
		top: 0px;
		right: 0px;
		width: 374px; /*modified */
		height: 26px;
		background: transparent url(images/bg_search2.jpg) repeat-x 0 0;
		position: relative;
		font-size: 10px;
		float: left; /*added */
		text-align: right;
		z-index: inherit;
	}


	.maunga
	{
		margin: 0 auto;
		width: 231px;
		height: 114px;
		background: transparent url(images/img_logo.jpg) no-repeat 0 0;
		position: relative;
	}

	a.maunga:link, a.maunga:visited
	{
		margin: 0 0;
		width: 990px;
		height: 114px;
		background: transparent url(images/img_logo.jpg) no-repeat center 0;
		position: relative;
		display: block;
		clear: both; /*added*/
	}
	a.maunga:hover
	{
		margin: 0 0;
		width: 990px;
		height: 114px;
		background: transparent url(images/img_logo.jpg) no-repeat center 0;
		position: relative;
		display: block;
		clear: both; /*added*/
	}




	a.smll:link, a.smll:visited
	{
		color: #333;
		text-decoration: none;
		white-space: nowrap;
	}
	a.smll:hover, a.smll:active
	{
		color: #333;
		text-decoration: underline;
	}


	/* -- NAV SECTION ---------------------------------------- */
	.topnav
	{
		margin: 0px 0px;
		height: 49px;
		width: 990px;
		position: relative;
		text-align: center;
		background: #5e5d3e url(images/bg_nav.jpg) repeat-x left 0;
		z-index: 99;
		left: 5px;
	}


	.topnavblock
	{
		margin: 0px 0px;
		height: 49px;
		width: 746px;
		padding: 0px;
		position: relative;
	}
	.sep
	{
		height: 49px;
		width: 10px;
		position: relative;
		background: url(images/img_sep.jpg) no-repeat;
		float: left;
	}

	a.menu:link, a.menu:visited
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 12px 0px 12px;
		text-align: center;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
		color: #FFFFFF;
		width: auto;
		height: 49px;
		position: relative;
		float: left;
		line-height: 48px;
		display: block;
		overflow: inherit;
	}
	a.menu:hover, a.menu:active
	{
		background: url(images/bg_nav.jpg) repeat-x 0 -49px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 12px 0px 12px;
		text-align: center;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
		color: #FFFFFF;
		width: auto;
		height: 49px;
		position: relative;
		float: left;
		line-height: 48px;
		display: block;
	}

	/* -- Page Header ---------------------------------------- */
	.pagenavtop
	{
		float: right;
		clear: right;
		padding-right: 1em;
		display: inline;
	}

	#pageTitleBody
	{
		padding-top: 0px;
		padding-bottom: 10px;
		width: 100%;
	}

	#pageSummary
	{
		font-size: 0.9em;
		color: #000000;
		bottom: 0;
		font-style: italic;
		font-family: arial;
		padding-top: 0.7em;
	}



	/* -- BODY/CONTENT CLASSES ---------------------------------------- */
	.mainwrapper
	{
		height: auto !important; /* real browsers */
		height: 100%; /* IE6: treaded as min-height*/
		min-height: 100%;
		position: relative;
		text-align: left;
		width: 990px;
		left: 5px;
		line-height: 150%;
	}
	.main
	{
		height: auto !important; /* real browsers */
		height: 100%; /* IE6: treaded as min-height*/
		min-height: 100%;
		margin: 0 auto;
		width: 990px;
		padding: 0px;
		position: relative;
	}
	.pics
	{
		margin: 0 0;
		width: 990px;
		height: 144px;
		padding: 0px;
		position: relative;
		background: url(images/bg_head.jpg) repeat-x left 0;
		z-index: 1;
	}
	.logttle
	{
		margin: 0 0;
		width: 262px;
		height: 144px;
		padding: 0px;
		position: relative;
		background: #FFF url(images/img_block.jpg) no-repeat 0 0;
		float: left;
		z-index: inherit;
	}

	.slide
	{
		margin: 0 0;
		width: 728px;
		height: 144px;
		padding: 0px;
		position: relative;
		background: #FFF;
		float: left;
		z-index: inherit;
	}
	.page
	{
		height: 100%;
		position: relative; /* no width and float set for page, to enable content to flow into the maximum possible space. */ /* SectionNav floats to the left of page content, padding-left creates 2 columns within content div */
	}

	/* = ONE COLUMN SETUP ============== */

	.widthwrapper_l2
	{
		width: 970px;
		min-height: 280px;
		padding-top: 7px;
		padding-bottom: 80px;
		height: auto;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		text-align: justify;
		float: left;
	}

	/* = TWO COLUMN SETUP ============== */

	.left
	{
		width: 248px;
		min-height: 280px;
		padding-bottom: 80px;
		left: 7px;
		height: auto;
		position: relative;
		text-align: justify;
		float: left;
	}
	.widthwrapper
	{
		width: 715px;
		min-height: 400px;
		padding-top: 7px;
		padding-bottom: 80px;
		height: auto;
		left: 14px;
		padding-right: 10px;
		position: relative;
		text-align: justify;
		float: left;
	}

	/* = THREE COLUMN SETUP ============== */

	.middle
	{
		width: 452px;
		min-height: 400px;
		padding-top: 7px;
		padding-bottom: 80px;
		height: auto;
		left: 21px;
		position: relative;
		text-align: justify;
		float: left;
	}

	.right /* updated */
	{
		width: 248px;
		min-height: 280px;
		padding-bottom: 80px;
		left: 35px;
		height: auto;
		position: relative;
		text-align: justify;
		float: left;
	}

	/* ================ */

	.hdividier /*updated*/
	{
		background: #fff;
		float: left;
		height: 7px;
		margin: 0 0;
		width: 100%;
	}

	/* -- FOOTER CLASSES ---------------------------------------- */
	.footer
	{
		margin: 0 auto;
		width: 990px;
		height: 71px;
		font-size: 9px;
		bottom: 0;
		text-align: center;
		background: url(images/bg_foot.jpg) repeat-x center 0;
		position: absolute;
		color: #FFF;
		left: 5px;
	}
	.footer p
	{
		margin: 12px 0px 0px 0px;
	}
	.lock
	{
		width: 15px;
		height: 1px;
		display: block;
	}
	.footertext
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
	}
	a.footnav:link, a.footnav:visited
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-style: normal;
		text-decoration: none;
		color: #FFF;
	}
	a.footnav:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-style: normal;
		color: #FFF;
		text-decoration: underline;
	}

	/* -- Hidden class for screen display ---------------------------------------- */
	#fixage:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#fixage
	{
		display: inline-block;
	}

	#fixage
	{
		height: 1%;
	}
	#fixage
	{
		display: block;
	}

	#fixage
	{
		display: inline-block;
	}
	#fixage
	{
		display: block;
	}

	/* -- Hidden class for screen display ---------------------------------------- */
	.shift
	{
		display: none;
	}

	/**************************************** ASP . NET Objects****************************/

	.grid td
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	.grid th
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	.grid tr
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	/************************************************************************
																									* 
																									* Calendar specific formatting 
																									*
																									************************************************************************/

	/* Surrounds the calendar */
	.eventmonth
	{
		border: 1px solid #DBDB79;
		width: 590px;
		margin-right: auto;
		margin-left: auto;
		background: honeydew;
		margin-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
		text-align: center;
	}

	/* used as the cssclass of the actual calendar */
	.eventmonthtable
	{
		width: 590px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		margin-bottom: 15px;
		border: 1px solid #DBDB79;
		border-collapse: collapse;
	}


	.dayNumber
	{
		float: right;
		border-bottom: 1px solid #C7C272;
		border-left: 1px solid #C7C272;
		clear: none;
		padding: 2px;
	}


	.calcurrentmonth
	{
		/* no styles needed at this time */
	}
	.calothermonth
	{
		background-color: khaki;
	}
	.calcurrentday
	{
		background-color: #FFFFC1;
	}
	.calweekend
	{
		background-color: darkgoldenrod; /*  width: 15%; */
	}

	.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
	{
		text-align: left;
		border: 2px solid #C7C272;
		height: 60px;
		vertical-align: top; /* needed for positioning the dayNumber part */
		position: relative;
		border-collapse: separate;
		border-spacing: 5px;
	}

	/************************************************************************
																								* 
																								* Rollover buttons
																								*
																								************************************************************************/

	.buttonsmall, .buttonsmall-ovr
	{
		background: url(images/background_button_small.gif) repeat-x;
		border: none;
		color: #FFFFFF;
		height: 22px;
		font-weight: normal;
		font-size: 9px;
		padding-bottom: 9px;
		padding-left: 3px;
		padding-right: 3px;
		cursor: pointer;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.buttonsmall-ovr
	{
		text-decoration: underline;
		background: url(images/background_button_small-ovr.gif) repeat-x;
	}

	/************************************************************************
																								* 
																								* Forms
																								*
																								************************************************************************/

	/* label column */
	.formlabel
	{
		width: 120px;
		vertical-align: top;
	}

	/* value column */
	.formvalue
	{
		vertical-align: top;
	}

	.txtfield
	{
		width: 300px;
	}

	.txtblock
	{
		width: 300px;
	}



	/************************************************************************
																								* 
																								* Photo selection controls
																								*
																								************************************************************************/

	#popupbody
	{
		font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
		margin: 0px;
		background: #FED36B;
		font-size: 0.7em;
	}

	#popupinner
	{
		border: 1px solid #DBDB79;
		margin: 5px;
		background: #FEFFAB;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#popupbody h2
	{
		font-weight: bold;
		margin: 0px;
		padding: 1px 0px 5px 5px;
		display: block;
	}

	.selected, .unselected
	{
		width: 80px;
		height: 100px;
		text-align: center;
		padding: 2px 2px 2px 2px;
	}

	.unselected
	{
		background-color: transparent;
		border: solid 1px #FEFFAB;
	}

	.selected
	{
		background: #FED36B;
		border: solid 1px #DBDB79;
	}

	.scrollablelist
	{
		overflow: auto;
		height: 230px;
		width: 460px;
		border: solid 1px #DBDB79;
	}

	.scrollablelist2
	{
		overflow: auto;
		height: 230px;
		width: 210px;
		border: solid 1px #DBDB79;
	}


	.scrolledtable
	{
	}

	.selectablephoto
	{
		background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
		border: 1px solid #E8DCA3;
		padding: 2px;
	}

	.contextbuttons
	{
		margin: 5px 3px 5px 3px;
	}

	/* Used by the page number control */
	.PageNumbers
	{
		display: inline;
	}

	.PageNumbers span
	{
		padding-left: 3px;
	}

	.newscrumbs a
	{
		font-weight: bold;
		padding-right: 2px;
	}
	/* 2 column layout */
	#columnleft
	{
		float: left;
		width: 240px; /*position: relative; */
	}

	#columnright
	{
		margin-left: 245px; /*  position:relative; */
	}




	.clear2column
	{
		margin: 0;
		padding: 0;
		line-height: 0;
		font-size: 0px;
		height: 0px;
		clear: both;
	}

	/* shows a visual seperation */
	.dashedline
	{
		border-bottom: 1px dashed grey;
		padding-top: 10px;
		margin-bottom: 10px;
		width: 350px;
		clear: right;
	}

	/************************************************************************
																					* 
																					* Next / previous specific formatting 
																					*
																					************************************************************************/

	.nextlink
	{
		position: absolute;
		right: 0;
		padding-right: 300px;
	}


	/* begin css tabs */

	ul#tabnav
	{
		/* general settings */
		text-align: left; /* set to left, right or center */
		margin: 1em 0 1em 0; /* set margins as desired */
		font: bold 11px verdana, arial, sans-serif; /* set font as desired */
		border-bottom: 1px solid #6c6; /* set border COLOR as desired */
		list-style-type: none;
		padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	}

	ul#tabnav li
	{
		/* do not change */
		display: inline;
	}


	ul#tabnav li a
	{
		/* settings for all tab links */
		padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
		border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
		color: #666; /* set unselected tab link color as desired */
		margin-right: 0px; /* set additional spacing between tabs as desired */
		text-decoration: none;
		border-bottom: none;
	}

	ul#tabnav a:hover
	{
		/* settings for hover effect */
		background: #fff; /* set desired hover color */
	}

	body li.tab_selected
	{
		/* settings for selected tab */
		border-bottom: 1px solid #fff; /* set border color to page background color */
		background-color: #fff; /* set background color to match above border color */
	}

	body li.tab_selected a
	{
		background-color: #fff;
		color: #000000;
		position: relative;
		top: 1px;
		padding-top: 4px;
	}

	ul#tabnav li.tab a
	{
		background-color: #ccffcc; /* set unselected tab background color as desired */
	}



	/* end css tabs */

	/* begin Member Homepage  */

	.TitleBar
	{
		color: White;
		background-color: #990000;
	}


	/* end Member Homepage */

	a.vision:link, a.vision:visited
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_knatt.jpg) no-repeat 0 0;
		position: relative;
		display: block;
		clear: both;
	}
	a.vision:hover
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_knatt.jpg) no-repeat 0 -164px;
		position: relative;
		display: block;
		clear: both;
	}


	a.register:link, a.register:visited
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_reg.jpg) no-repeat 0 0;
		position: relative;
		display: block;
		clear: both;
	}
	a.register:hover
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_reg.jpg) no-repeat 0 -164px;
		position: relative;
		display: block;
		clear: both;
	}

	a.hapu:link, a.hapu:visited
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_hapu.jpg) no-repeat 0 0;
		position: relative;
		display: block;
		clear: both;
	}
	a.hapu:hover
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_hapu.jpg) no-repeat 0 -164px;
		position: relative;
		display: block;
		clear: both;
	}


	a.grants:link, a.grants:visited
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_grants.jpg) no-repeat 0 0;
		position: relative;
		display: block;
		clear: both;
	}
	a.grants:hover
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_grants.jpg) no-repeat 0 -164px;
		position: relative;
		display: block;
		clear: both;
	}

	a.tap:link, a.tap:visited
	{
		height: 186px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_tap.jpg) no-repeat 0 0;
		position: relative;
		display: block;
		clear: both;
	}
	a.tap:hover
	{
		height: 186px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_tap.jpg) no-repeat 0 -186px;
		position: relative;
		display: block;
		clear: both;
	}
	a.syw:link, a.syw:visited
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_syw.jpg) no-repeat 0 0;
		position: relative;
		display: block;
		clear: both;
	}
	a.syw:hover
	{
		height: 164px;
		margin: 0 0;
		padding: 0 0;
		background: url(images/img_syw.jpg) no-repeat 0 -164px;
		position: relative;
		display: block;
		clear: both;
	}
	
	    a.mataatua:link, a.mataatua:visited
    {
        height: 331px;
        margin: 0 0;
        padding: 0 0;
        background: url(images/img_mataatua.jpg) no-repeat 0 0;
        position: relative;
        display: block;
        clear: both;
    }
    a.mataatua:hover
    {
        height: 331px;
        margin: 0 0;
        padding: 0 0;
        background: url(images/img_mataatua.jpg) no-repeat 0 -331px;
        position: relative;
        display: block;
        clear: both;


    }

	/*-----Autosuggest List ----- */

	#completion_list
	{
		z-index: 1000;
	}

	/*-----Calendar Extender Bug---------- */

	.ajax__calendar_title
	{
		color: #0066cc;
		width: 150px;
		margin: auto;
		padding: 3px;
	}
	/* Ajax Control Toolkit DropDown */
	.ContextMenuPanel
	{
		border: 1px solid #868686;
		z-index: 1000;
		background: url(images/dropdownmenu-bg.gif) repeat-y 0 0 #FAFAFA;
		cursor: default;
		padding: 1px 1px 0px 1px;
		font-size: 11px;
	}

	.ContextMenuBreak
	{
		margin: 1px 1px 1px 32px;
		padding: 0;
		height: 1px;
		overflow: hidden;
		display: block;
		border-top: 1px solid #C5C5C5;
	}

	a.ContextMenuItem
	{
		margin: 1px 0 1px 0;
		display: block;
		color: #003399;
		text-decoration: none;
		cursor: pointer;
		padding: 4px 19px 4px 33px;
		white-space: nowrap;
	}

	a.ContextMenuItem-Selected
	{
		font-weight: bold;
	}

	a.ContextMenuItem:hover
	{
		background-color: #FFE6A0;
		color: #003399;
		border: 1px solid #D2B47A;
		padding: 3px 18px 3px 32px;
	}

	.ContextMenuPanelLabel
	{
		padding: 2px;
		padding-right: 50px;
		font-family: Tahoma;
		font-size: 11px;
		color: Black;
		font-weight: bold;
	}

	.ContextMenuPanel span label
	{
		padding-left: 10px;
	}
}