/* University of Otago Frontpage Cascading Style Sheet */

body { font-size: 76%; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff url(../gfx/grid16/bodybackground.png) repeat-x center -61px scroll !important; }

.skip { position:absolute;left:-5000px; }
.clearall { margin: 0; padding: 0; border: none; clear: both; }



/*** Te Wiki o Te Reo Maori Styles **/

.tw-show { text-align: right;  margin: 16px 0 0 0;  }
.tw-show a { color: #ffffff !important; text-decoration: none; }
.tw-show a:hover { text-decoration: underline; }
.tw-e { }
.tw-m { display: none; }
#header .searchform button span.tw-m { font-size: 0.85em; }

/*
.tw {}
.tw:hover {}
.tw:hover .tw-e { display: none; }
.tw:hover .tw-m { display: inline-block; }

.tw:hover .hide { display: none !important; }
.tw:hover .show { display: inline !important; }
*/

#navigation li a.tw { width: 100%; display: inline-block; }
#navigation li .tw-e { width: 100% !important; }
#navigation li .tw-m { width: 100% Important; }

.news h3,
.news h3 a,
.whatson h3, 
.whatson h3 a, 
.quickfindsearch h3, 
.quickfindsearch h3 a
{ width: 100%; display: inline-block; }

.phatitem h3 a { width: 100%; display: inline-block; }
.phatitem h3 a:hover { text-decoration: none; }
.phatitem ul li a.tw { width: 100%; display: inline-block; }
.phatitem ul li a:hover { text-decoration: none; }
.phatitem .tw-e { width: 100%;  }
.phatitem .tw-m { width: 100%; }

#footerlinks a { color: #003399; }
#footerlinks a:hover { color: #ff0000; text-decoration: underline; }




/**** HEADER DIV ****/

#header { margin: 0; padding: 0; height: 115px;  }

#header img.weblogo { padding-top: 10px; }
#header img.established { padding-top: 5px; padding-bottom: 10px; }

#header .searchform input, .searchform button { border: solid 1px red; height: 22px; margin: /* was 46px on top */ 18px 0 0 0; padding: 0 5px 0; font-size: 1.25em; float: right; }
#header .searchform input { width: 270px; border: none; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;	-webkit-appearance: textfield; }
#header .searchform button { width: 60px; color: #fff; background: #1b73bf; border: 1px solid #1b73bf; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
#header .searchform label { display: none; }




/********* CONTENT ********/

#content { margin: 3.0em auto 0 auto; font-size: 1.0em; overflow: hidden; }

/*** Navigation ***/
.navigation { background: url(../gfx/grid16/nz-koru.gif) no-repeat center center; overflow: visible; vertical-align: top; }
	.navigation a { color: #003399; text-decoration: none; }
		.navigation a:hover { color: #003366; text-decoration: underline; }

	.navigation h2 { font-size: 1.1em; color: #333333; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.1em; font-weight: 400; text-decoration: none; padding: 0; margin: 0 0 0.35em 0; text-transform: uppercase; }
	.navigation ul { font-size: 0.9em; line-height: 2em; margin: 0; padding: 0 0.5em 3.0em 0; list-style-type: none; }
		.navigation ul li { padding: 0; margin: 0; font-weight: bold; }

/*** Banner Image ***/
.featureborder {  }
	.featureborder img { border: 1px solid #cccccc; padding: 16px; }

/*** Banner Slider ***/
#slider a { display: none; }
#slider a.first { display: block; }


/*** Feature Quote ***/
.featurequote { margin-top: 1.0em; }
.featurequote a { letter-spacing: 0.06em; text-decoration: none; font-size: 1.35em; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; font-weight: lighter; color: #003399; }
	.featurequote a:hover { color: #003366; text-decoration: underline; }


/*** News, Events Quickfind etc ***/
div.news, div.whatson, div.quickfindsearch { margin-top: 1.0em; margin-bottom: 1.0em; font-size: 1.0em; }
#columns div h3 { font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 400; color: #333333; text-decoration: none; text-align: left; padding: 0.5em 0.3em 1.0em 0; margin: 0 0 0 0; white-space: nowrap; }
	#columns div h3 a { color: #333333; text-decoration: none; }
		#columns div h3 a:hover { color: #003366; text-decoration: none; }

#columns div p { font-size: 0.9em; line-height: 1.35em; margin: 0 2.0em 0.75em 0; }
	#columns div p a { color: #003366; text-decoration: none; }
		#columns div p a:hover { color: #003399; text-decoration: underline; }
	#columns div p span.smalltag { color: #666666; font-size: 0.9em; font-style: italic; }

	
/*** Quickfind Dropdown Menu ***/
.quickfind { margin: 0; padding: 0; }
.quickind form { background: #ffccff; }
.quickfind select { background: url(../gfx/grid16/right/5header.jpg) no-repeat; font-size: 0.9em; line-height: 1.1em; color: #333333; vertical-align: middle; margin: 0 0 1.0em 0; padding: 0; width: 220px; }

.quickfind label { display: none; }
.quickfind option { color: #003366; padding: 0.3em; border-bottom: 1px solid #ccc; }

.quickfind optgroup { color: #666666; margin: 1.0em 0 0.5em 0; font-style: normal; background-color: #ffffff; }
	.quickfind optgroup option { padding: 0.2em 0 0.2em 1.0em; }
	.quickfind optgroup:hover { color: #000000; background-color: #eaeaea; }

	

/*** Four image icons along bottom ***/
.iconsrow { clear: both; padding-bottom: 7.0em; }
.iconsrow img { border: none; }
.iconsrow a { text-decoration: none; }


/********* FOOTER ********/

#footerwrapper { background: #f9f9f9 url(../gfx/grid16/footer_background.jpg) repeat-x left top; padding: 2.0em 0 0; margin: 2.0em 0 0; border-top: 1px solid #999999; }

#footer { margin: 0 auto; padding: 0 0 2.0em 0; clear: both; overflow: hidden; }
	#footer a { color: #003399; text-decoration: none; }

#footercontact { font-size: 0.9em; line-height: 1.5em; font-weight: bold; color: #666666; padding: 0 0 1.0em 0; }
	#footercontact span { color: #666666; font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size: 2.0em; line-height: 1.0em; font-weight: lighter; margin: 0; padding: 0; }
	#footercontact a { font-weight: normal; }
		#footercontact a:hover { color: #003366; text-decoration: underline; }


#footerlinks { font-size: 0.9em; line-height: 1.5em; margin-bottom: 1.0em; }
	#footerlinks p { color: #333 /* was 666 */; }
		#footerlinks p span { /* color: #333333; */ }

	#footerlinks a { white-space: nowrap; }
		#footerlinks a:hover { color: #003366; text-decoration: underline; }

#footersearch { margin: 0 !important;   }
	#footersearch form { background: none; }






/** PHAT FOOTER **/

#phatwrapper { background: url(../gfx/grid16/footer_phatbackground.jpg) repeat-x left top; /* background: #fafafa;  */ }

#phatfooter { max-width: 100em; margin: 0 auto; padding: 2.0em 0 5.0em; clear: both; overflow: hidden; }

.phatitem { font-size: 0.85em; line-height: 1.35em; }
	.phatitem h3 { font-weight: bold; font-size: 1.0em; padding: 0 0 0.5em; margin: 0; }
	.phatitem p { margin: 0 1.0em; }
	.phatitem ul { margin: 0 0 1.0em 0; }
		.phatitem ul li { margin: 0; list-style-type: none; }
	.phatitem a { color: #666666; text-decoration: none; }
		.phatitem a:hover { color: #333333; text-decoration: underline; }


		
.printheader { display: none; }




/***** Emergency Information Banner *****/

body.emergency {	background: #ffffff url(../gfx/grid16/bodybackground.png) repeat-x center top !important; }
#content.emergency { margin: 8em auto 0; }

#emergency_left,#emergency_right  { padding: 0; display: table; height: 60px; font-size: 16px; }
#emergency_left a,#emergency_right a { margin: 0; display: table-cell; vertical-align: middle; font-weight: bold; color: #fff !important; text-decoration: none;}
	#emergency_left a:hover, #emergency_right a:hover { text-decoration: underline; }

#emergency_left a { font-size: 18px; }
#emergency_right a { background: url(../gfx/emergency/arrow.png) no-repeat left center; padding-left: 30px; }