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




/* 
	Geology CSS 2007

	#a7d2ff - the blue
	#c69c6d - the beige
*/




body { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; }


/**** WRAP ****/
#wrap {
	background-image: url(../gfx/template/headerbackground.jpg);
	background-repeat:repeat-x;
	min-width: 730px;
	text-decoration: none;
}






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

#header { float: left; } 
#headerright { margin: 0em 3.0em 0em 0em; float: right; }

#header img { margin: 0; padding: 0; border: none; }



/**** CLEAR FLOATS  ****/

.clearall { clear: both; }




/**** CONTENT WRAPPER ****/
#contentwrapper { width: 100%; margin: 0em 0em 0em 0em; padding: 0; border: none; 
background-image: url(../gfx/template/stone.jpg); background-position: bottom right !important; background-repeat: no-repeat; clear: both; }





/**** NAVIGATION****/


#navigation { font-size: 1.0em; line-height: 1.3em; float: left; margin: 0em 0em 2.0em 0em; padding: 0em 2.5em 0em 0em; width: 13em;

 border-right: 1px dotted #cccccc; }


#navigation ul { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 2.0em; }
#navigation ul li { list-style-type: none; padding: 0.3em 0em 0.3em 0em; margin: 0em 0em 0em 0em; }
	#navigation ul li a { color: #495869; text-decoration: none; font-weight: bold; }
	#navigation ul li a:hover { color: #003399; }


#navigation ul li ul { margin: 0.5em 0em 1.0em 0em; padding: 0; border: none; }
#navigation ul li ul li { line-height: 1.3em; margin: 0; padding: 0em 0em 0.5em 0em; border: none; }
#navigation ul li ul li a { font-weight: normal; }
#navigation ul li ul li a:hover { }


#navigation img { border: none; margin: 0; padding: 0; }
#navigation form { width: 150px; margin: 1.0em 0em 1.0em 0.5em; text-align: center; }
#navigation form input { margin: 0; padding: 0; border: none; }
#navigation .searchbutton {}

#navigation .quote { margin: 2.0em; font-style: italic; color: #666666; }
#navigation .quote span { font-weight: bold; }





/**** CONTENT ****/


#content { margin: 1.0em 0em 0em 18.0em; padding: 0em 5.0em 5.0em 0em; vertical-align: top; min-width: 400px; min-height: 45.0em;  }

#content #search { font-size: 1.0em; float: right;  color: #333333; padding: 0em 0em 0em 1.0em; 
margin: 0em }
#content #search h2 { font-size: 1.0em; margin: 0; padding: 0; border: none; font-weight: bold;  }

/* headings */

#content h1 { font-size: 2.2em; color: #c69c6d; line-height: 1.5em; font-weight: normal; padding: 0em 0em 0em 0em; margin: 0em 0em 1.0em 0em; border-bottom: dotted #999999 1px; }

#content h2 { font-size: 1.8em; color: #333333; padding: 0; margin: 2.0em 0em 0.7em 0em; font-weight: normal; }
#content h2.smalltag { color: #666666; font-style: italic; }
#content h3 { font-size: 1.5em; color: #333333; padding: 0.6em 0em 0.6em 0em;  margin: 0; font-weight: normal; }

#content h4 { font-size: 1.3em; color: #333333; padding: 0.4em 0em 0.4em 0em; margin: 0; font-weight: bold; }

#content h5 { font-size: 1.2em; color: #333333; padding: 0em 0em 1.4em 0em;  margin: 0; font-weight: bold; }

#content h6 { font-size: 1.1em; color: #000000; padding: 0em 0em 0.4em 0em;  margin: 0; font-weight: bold; }

#content p { font-size: 1.0em; line-height: 1.5em; padding: 0em 1.8em 1.0em 0em; margin: 0; text-decoration: none;}

#content ul { list-style-type: circle; padding: 0; margin: 0em 0em 1.0em 1.3em; }
#content ol { list-style-type: decimal; padding: 0; margin: 0em 0em 1.0em 2.0em; }
#content li { font-size: 1.0em; line-height: 1.5em;  padding: 0.3em 0em 0.3em 0em; }


#content blockquote { font-size: 1.0em; line-height: 1.5em; }

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

#content p a img { border-color: #003399; }


#content a { color: #003399; text-decoration: none; }
#content a:hover { color: #003366; text-decoration: none; }



/* A to Z */
#content .atoz { line-height: 2.0em; margin: 0em 0em 15.0em 0em; }
	#content .atoz a { border: 1px solid #cccccc; padding: 0.3em; text-decoration: none; margin: 0.7em 0.1em; }
	#content .atoz a:hover { background-color: #e8ebf3; color: #003366; text-decoration: none; }







/* content table */
#content table { font-size: 1.0em; line-height: 1.5em; width: 90%; border-collapse: collapse; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; margin: 0em 0em 3.0em 0em; }

#content table tr {}

#content table th {	text-align: left; padding: 0.5em; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; 
background-color: #a7d2ff; color: #000000; font-weight: bold; }

#content table td { font-size: 1.0em; line-height: 1.5em;  border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding: 0.5em; 
vertical-align: top; text-align: left; }

#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 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h4 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#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 table td p {
	padding: 0;
	margin: 0em 0em 0.5em 0em;
	color: #000;
}

#content table td ul { margin: 0.5em 0em 0.5em 0em; list-style-type: circle; list-style-position: inside; }
#content table td ol {  }
#content table td li { ; padding: 0; }

#content table img { padding: 0em; margin: 0.5em; }





/* NO BORDERS - table and images */


#content .noborder { border: none; }
#content table.noborder { border: none; }
#content table.noborder tr { border: none; }
#content table.noborder th { border: none; }
#content table.noborder td { border: none; }
#content img.noborder { border: none; }



#content table.calendar { font-size: 1.0em; line-height: 1.5em; color: #000000; width: 100%; border: 1px solid #cccccc; }
	#content table.calendar th { color: #333333; text-align: left; padding-left: 0.5em; background-color: #f4f5e7; vertical-align: top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
	#content table.calendar td { vertical-align: top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 12.5%; display: table-cell; height: 4.0em; }
	#content table.calendar td p { line-height: 1.3em; margin: 0.5em 0em 0em 0em; padding: 0em }
	#content table.calendar td h3 { font-size: 0.9em; line-height: 2.5em; font-weight: bold; color: #cc6600; margin: 0.3em; padding: 0.5em 0.5em 0.5em 0em; 
	border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; display: inline;  }
	#content table.calendar td h4 { font-weight: bold; color: #333333; border-left: 1px solid #cccccc; padding-left: 0.5em; height: 100%; }

	#content table.calendar .calendarweekend { background-color: #d5dbe9; }
	#content table.calendar .calendarshade { background-color: #eaeaea; }






/*for dynamic display of papers */

#content table td.degreelevel { width: 15%; }
#content table td.degreepoints { text-align: right; }
#content table tr.degreetableshade { background-color: #e8e8e8; }

#content .tt_break { display: none; }





/* for use on the companies index */

#content table.relatedinfo { margin: 2.0em 0em 2.0em 2.0em; padding: 0; border: none; float: right !important; width: 200px; border: 1px solid #cccccc; background-color: #ffffff;  }
#content table.relatedinfo tr { margin: 0; padding: 0; border: none; }
#content table.relatedinfo td { padding: 1.0em; vertical-align: middle; text-align: left; border: none; }
#content table.relatedinfo img { border: 1px solid #e3e3e3; }



#content table.photocaption { font-size: 1.0em; line-height: 1.5em; margin: 0em 0em 5.0em 2.0em; padding: 0; border: none; float: right !important; width: 200px; 
border: 1px solid #cccccc; background-color: #ffffff;  }
#content table.photocaption tr { margin: 0; padding: 0; border: none; }
#content table.photocaption td { padding: 1.0em; vertical-align: top; text-align: left; border: none; }
#content table.photocaption td p { margin: 0; padding: 0; color: #666666; font-style: italic; }
#content table.photocaption td img { margin: 0 padding: 0; border: none;  }


#content table.businesscard {}
#content table.businesscard tr {}
#content table.businesscard th { width: 80px; text-align: center; background-color: #f8f8f8; }
#content table.businesscard th img { border: 1px solid #cccccc; padding: 0.5em; background-color: #ffffff; }
#content table.businesscard td {}


/* breadcrumbs */

#content p.breadcrumbs { font-size: 0.8em; color: #666666; }
#content p.breadcrumbs a { color: #495869; text-decoration: none; }
#content p.breadcrumbs a:hover { color: #003366; text-decoration: underline; }

/* thirteen */

#content p.breadcrumbs { font-size: 0.8em; color: #666666; }
#content p.breadcrumbs a { color: #495869; text-decoration: none; }
#content p.breadcrumbs a:hover { color: #003366; text-decoration: underline; }




/* small tag */
#content p.smalltag { font-size: 1.0em; line-height: 1.5em; color: #666666; font-style: italic; }



/* top of page */
#content .topofpage { margin: 2.0em 0em 2.0em 0em; text-align: right; color: #FF9900; clear: both; text-decoration: none; }
#content .topofpage a { color: #003399; text-decoration: none;}




/* last updated */
#content p.lastupdated { font-size: 0.8em; color: #999999; font-style: italic; }

/* a wrongly applied style */
#content .image-caption { font-size: 1.0em; line-height: 1.5em; color: #666666; font-style: italic; }





/* page sub navigation */

#content .pagesubnav { border: 1px dotted #cccccc; margin: 0em 0em 5.0em 0em; padding: 0em 0em 0em 1.0em; list-style-position: inside; }
#content .pagesubnav li {}
#content .pagesubnav li ul {}
#content .pagesubnav li ul li {}
#content .pagesubnav li ol {}
#content .pagesubnav li ol li {}
#content .pagesubnav a { color: #003399; text-decoration: none; }
#content .pagesubnav a:hover { text-decoration: underline; }





#content strong { font-weight: bold; }
#content em { font-style: italic; }





/**** FOOTER ****/ 
#footer { clear: both; margin: 0em 0em 0em 0em; padding: 3.0em 1.0em 5.0em 19.0em; 
background-image: url(../gfx/footer.jpg); background-position: top right; 
background-repeat: no-repeat; color: #999999; font-size: 1.0em; border-top: 1px dotted #999999; }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


#footer .links { line-height: 1.1em; padding: 2px 0 0 0; margin: 0; }

#footer .copyright { line-height: 1.1em; padding: 2px 0 0 0; margin: 0; }



#footer .weboffice { font-size: 0.9em; width: 8em; float: right; 
color: #cccccc; margin: 0; padding: 0; text-align: center; }
	#footer .weboffice a { font-weight: bold; color: #cccccc; text-decoration: none; 
	letter-spacing: 0.15em; }
	#footer .weboffice a:hover { color: #666666; text-decoration: underline; }



.printheader { display: none; }