@import url("http://www.otago.ac.nz/css/reset.css");
@import url("http://www.otago.ac.nz/css/icons.css");


/* Te Tumu, School of Maori, Pacific and Indigenous Studies, University of Otago, 2008 CSS Document */

	
body { margin: 0px; padding: 0; color: #333333; background-color: #4e5d32; background-image: url(../gfx/strip3.jpg); background-repeat: repeat-x; background-attachment: fixed; font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; font-size: 76%; line-height: 1.5em; }

strong { font-weight: bold; }

em { font-style: italic; }



/**** HEADER ****************************************/

#header { margin: 0em; padding: 0em; min-width: 720px; clear: both; border: none; clear: both; background-image: url(../gfx/headerbackground.jpg); background-repeat: repeat-x; height: 108px;  }

#header .otago { padding: 1.0em 1.0em 0em 1.3em; margin: 0em; }

a span.english { display: block; }
a:hover span.english { display: none; }

a span.onhover { display: none; }
a:hover span.onhover { display: block; font-style: italic; }


.clearall { clear: both; margin: 0; padding: 10px; height: 0; width: 0; border: 1px solid #ff0000;   }


#newheader { clear: both; padding: 0em 0em 0em 0em; margin: 0 12% 0 12%; background-image: url(../gfx/headerbackground.jpg); background-repeat: repeat-x; height: 168px; background-color: #acba87; }
#headerimages { margin: 0em 0.65em 0em 0.65em; border-left: 1px solid #959c7a; border-right: 1px solid #959c7a; padding: 0em; background-color: #ffffff; height: 168px; background-image: url(../gfx/headerbackground.jpg); background-repeat: repeat-x; }






/**** CONTAINER ****************************************/

#container { margin: 0em 0em 0em 0em; padding: 0em 0.65em 0em 0.65em; min-width: 500px; background-color: #acba87; margin: 0em 12% 0em 12%; border-bottom: 1px solid #acba87; /*background-image: url(../gfx/container_repeat.jpg); background-position: right; background-repeat: repeat-y;*/ }


#wrapper { background-color: #ffffff; border-left: 1px solid #959c7a; border-right: 1px solid #959c7a; padding: 0em; margin: 0em; } 



/**** NAVIGATION ****************************************/

#navigation { margin: 0em 0em 0em 1.0em; width: 140px; float: left; padding: 0em 0em 15.0em 0em; /*background-color: #EEEEDD; border: 1px solid #DDDDCC;*/ }

#navigation ul { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; list-style-type: none; padding: 1.0em 0em 2.0em 0em; font-size: 1.0em; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; }


#navigation ul li { padding: 0.3em 1.0em 0.3em 0.6em; margin: 0em; font-weight: bold; }
#navigation ul li:hover { background-color: #F7F6E5; }
#navigation ul li a { color: #A3B382; padding: 0em; border: none; font-weight: bold; text-decoration: none; }
#navigation ul li a:hover { color: #778855; text-decoration: none; }

/* sub navigation */

#navigation ul li ul { font-size: 0.9em; border-top: 1px solid #cccccc; padding: 0.7em 0em 0em 0.3em; margin: 0em 0em 1.0em 0em; }
#navigation ul li ul li { font-weight: normal; font-size: 0.9em; padding: 0.5em 0em 0.5em 0.4em; margin: 0em; border-bottom: 1px dotted #ddddcc; line-height: 1.3em; }
#navigation ul li ul li a { color: #ffffff; padding: 0; border: none; font-weight: normal;  }
#navigation ul li ul li a:hover { color: #666666; text-decoration: underline; }

#navigation .active { background-color: #FBFBFB; border-right: 1px dotted #ddddcc; border-bottom: 1px dotted #ddddcc;  }
#navigation .active a { color: #778855; } 



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

#content { margin: 0em 0em 0em 0em; padding: 0em 2.5em 5.0em 14.5em; min-height: 360px; vertical-align: top; background-color: #ffffff; /*background-image: url(../gfx/gridbg.gif);*/ }


#content h1 { color: #778855; font-size: 1.8em; line-height: 1.2em; margin: 0em 0em 1.0em 0em; padding: 0em 0em 0.2em 0em; border-bottom: 1px solid #cccccc; font-weight: bold; }
#content h2 { color: #ffffff; font-size: 1.5em; margin: 1.5em 0em 0.75em 0em; padding: 0.2em 0em 0.2em 0.2em; background-color: #778855; font-weight: normal; line-height: 1.2em; clear: right; background-image: url(../gfx/heading2.jpg); background-repeat: no-repeat; background-position: right top; }
#content h3 { color: #333333; font-size: 1.35em; line-height: 1.5em; padding: 0em; margin: 0em; font-weight: bold; }	
#content h4 { color: #444444; font-size: 1.0em; line-height: 1.5em; padding: 0.5em 0em 0em 0em; margin: 0; font-weight: bold;  }
#content h5 { font-size: 1.0em; line-height: 1.5em; color: #6a6c78; font-weight: bold; padding: 0em; margin: 0; }
#content h6 { font-size: 1.0em; line-height: 1.5em; color: #6a6c78; font-weight: bold; padding: 0em; margin: 0; }

#content p { padding: 0em; font-size: 1.0em; /* 16x0.875=14px */ line-height: 1.5em; margin: 1.0em 0em 1.5em 0em; /* 14x1.286=18px */ }

#content img { padding: 1.0em; margin: 0.5em 0em 1.0em 0.5em; background-color: #ffffff; border: 1px solid #cccccc; }

#content ul, ol { padding: 0em; margin: 0.5em 0em 1.495em 0.0em; color: #333333; }

#content ol li { list-style-type: decimal; color: #333333; margin: 0em 0em 0em 1.5em; } 
#content ul { list-style-type: square; margin-left: 1.2em; }

#content li { list-style-type: circle; color: #333333; padding: 0em 0em 0.5em 0em; margin: 0em; }
#content li a {}
#content ul li ul { margin: 0em 0em 0em 2.0em; font-size: 1.0em; }
#content ul li ul li { list-style-type: disc; padding: 0em; margin: 0em; }


#content a { color: #336699; margin: 0em; padding: 0em; text-decoration: none; }
#content a:hover { color: #224568; text-decoration: underline; }

#content .featurephoto { margin: 0em 0em 2.5em 0em; padding: 0em; }
#content .featurephoto img { border: 1px solid #cccccc; margin: 0em; padding: 0.7em; }



/* content table */

#content table { border-collapse: collapse; border: 1px solid #cccccc; margin: 1.15em 0.0em 1.125em 0em; padding: 0em; width: 98%; }
#content th { text-align: left; font-weight: bold; font-size: 1.0em; padding: 0.5em 0.643em 0.5em 0.643em; margin: 0em; border: 1px solid #cccccc; background-color: #EEEEDD; color: #333333; }
#content tr {}

#content td { font-size: 1.0em; vertical-align: top; padding: 0.5em 0.75em 0.5em 0.75em; margin: 0em; border-bottom: 1px solid #ccc; border-right: 1px solid #cccccc; background-color: #ffffff; }
#content td p { font-size: 1.0em; padding: 0em; margin: 0em 0em 1.0em 0em; }	
#content td ul { font-size: 1.0em; padding: 0em; margin: 0em; }
#content td ol { font-size: 1.0em; padding: 0em; margin: 0em; }
#content td li { padding: 0em; margin: 0em 0em 0em 1.0em; }	

#content table td h1 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h2 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h3 { color: #333333; font-size: 1.35em; line-height: 1.5em; padding: 0em 0em 0.5em 0em; margin: 0em; font-weight: bold; }
#content table td h4 { color: #444444; font-size: 1.0em; line-height: 1.5em; padding: 0em 0em 0.5em 0em; margin: 0; font-weight: bold; }
#content table td h5 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h6 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }

#content .gallery { width: 516px; }
#content .gallery th { padding-left: 1.5em; font-weight: normal; }
#content .gallery img { margin-right: 0.6em; }




/*** Content classes ***/



#content .pdf { margin: 0em 0em 0em 0em; padding: 0em; }
#content .pdf img { margin: 0em; padding: 0em; }

#content .topofpage { padding: 0em; font-size: 0.9em; text-align: right; clear: both; text-decoration: none; color: #b0ce20; }
#content .topofpage a { text-decoration: none; }

#content .photo { margin: 0em; padding: 0em;}
#content .photo p {}
#content .photo img { background-color: #ffffff; margin: 0em 0em 1.0em 1.0em; padding: 1.0em; border: 1px solid #cccccc; }

#content .topofpage { font-size: 0.75em; padding: 0em; margin: 0em; }
#content .topofpage p { padding: 0em; margin: 0em; }
#content .topofpage a { padding: 0em; margin: 0em; }

#content .profile { border-right: none; border-bottom: 1px solid #cccccc; border-left: none; border-top: 1px solid #cccccc; }
#content .profile table {}
#content .profile tr {}
#content .profile td { border-right: none; border-bottom: 1px solid #cccccc; border-left: none; border-top: 1px solid #cccccc; }


#content .pagesubnav { border: 1px solid #e1e1e1; border-left: 10px solid #eaeaea; margin: 0em 0em 6.0em 0em; padding: 0.5em; }
#content .pagesubnav ul { margin: 0em; padding: 0em; border-right: 16px solid #eeeeee; }
#content .pagesubnav li { margin: 0em 0em 0em 1.5em; padding: 0.3em 1.0em 0.3em 0.3em; color: #cccccc; }
#content .pagesubnav li:hover { background-color: #FBFBFB; }

#feature { background-image: url(../gfx/feature2.jpg); background-repeat: no-repeat; border: 1px solid #cccccc; padding: 0em; margin: 2.5em 0em 2.0em 0em; height: 235px; background-color: #2b0f00; }
#feature p { border: 10px solid #ffffff; height: 215px; padding: 0em; margin: 0em; }

#featuretwo { background-image: url(../gfx/feature3.jpg); background-repeat: no-repeat; border: 1px solid #cccccc; padding: 0em; margin: 2.5em 0em 2.0em 0em; height: 235px; background-color: #2b0f00; }
#featuretwo p { border: 10px solid #ffffff; height: 215px; padding: 0em; margin: 0em; }




/**** FOOTER ****/

#footer { clear: both; padding: 2.0em 0em 0em 0em; margin: 0em; font-size: 1.0em; background-color: #959c7a; height: 13.0em; border-top: 1px solid #5F6D44; background-image: url(../gfx/footer.jpg); background-repeat: no-repeat; background-position: top right; }

#footer p { color: #666666; margin: 0em; padding: 1.3em 0 0 2.5em; border-top: solid #cccccc 1px; }

#footer a { color: #778855; text-decoration: none; font-size: 1.0em; }
#footer a:hover { color: #999999; }

#footer .address { float: left; width: 15em; color: #cfe4a6; text-align: left; font-size: 0.9em; margin: 0; padding: 0em 1.0em 0em 2.0em; border-right: 1px solid #778855; }
#footer .address a { color: #cfe4a6; text-decoration: none; }
#footer .address a:hover { text-decoration: underline; color: #FFFFFF; }

#footer ul.links { width: 12.0em; float: left; font-size: 0.9em; padding: 0em 0em 0em 2.0em; margin: 0 0 0 0em; color: #ffffff; }
#footer ul.links li { list-style-type: none; list-style-position: inside; padding: 0 0 0.5em 0; }
#footer ul.links li a { color: #cfe4a6; text-decoration: none; }
#footer ul.links li a:hover { color: #ffffff; text-decoration: none; }

#footer .weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; width: 8.0em; float: right; line-height: 1.3em; color: #bdd294; margin: 0em; padding: 0.5em 2.0em 0 0; text-align: right; }
	#footer .weboffice a { font-size: 1.0em; font-weight: bold; color: #bdd294; text-decoration: none; letter-spacing: 0.07em; }
	#footer .weboffice a:hover { text-decoration: underline; color: #666666; }




/****** PRINT HEADER ******/

.printheader { display: none; }