@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: 960px;
}
/***** 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: 3.5em 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;
}
/**** RELATED INFORMATION ****/
#relatedinformation {
	font-size: 1.0em;
	float: right;
	width: 150px;
	border-left: 1px dotted #cccccc;
	color: #333333;
	padding: 0em 0em 12.0em 1.0em;
	margin: 3.0em 0em 0em 0em;
}
#relatedinformation h2 {
	margin-top: 2em;
	padding: 0;
	border: none;
	font-size: 1.0em;
	text-transform: uppercase;
	color: #666666;
}
#relatedinformation h3 {
	font-weight: normal;
}
#relatedinformation ul {
	margin: 0em 0em 0em 1.0em;
	padding: 0;
	list-style-type: circle;
}
#relatedinformation ul li {
}
#relatedinformation ul li ul {
	margin: 0em 0em 0em 1.0em;
}
#relatedinformation ul li ul li {
}
#relatedinformation #searchform {
	margin-bottom: 2.0em;
}
#relatedinformation p {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0em 0em .5em 0em;
	padding: 0;
	border: none;
}
#relatedinformation a {
	color: #003399;
	text-decoration: underline;
}

#relatedinformation a:link {
	color: #003399;
	text-decoration: underline;
}
#relatedinformation a:visited { color: #663399 !important; }
#relatedinformation a:hover {
	color: #003366;
	text-decoration: none;
}
#relatedinformation a:active{ color: #0033aa}

/**** CONTENT ****/


#content {
	margin: 1.0em 17.0em 0em 18.0em;
	padding: 0em 5.0em 5.0em 0em;
	vertical-align: top;
	min-width: 400px;
	min-height: 45.0em;
}
/* 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: 1.4em 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;
}
#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: underline;
}
#content a:link {
	color: #003399;
	text-decoration: underline;
}
#content a:visited { color: #663399 !important; }
#content a:hover {
	color: #003366;
	text-decoration: none;
}
#content a:active{ color: #0033aa}

/* formatting subscript and superscript*/

#content sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: x-small;
}
#content sup {
	bottom: 1ex;
}
#content sub {
	top: .5ex;
}
/*this style is used to make a picture with a caption (in html file set the width to image +2 pixels as an inline style) */
#content .pictureframe {
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.4em;
}
#content span.highlight {
	font-weight: bold;
	background-color: #FF9;
}

#content .pictureframe img {
	border: 1px solid #CCCCCC;
	vertical-align:middle;
	margin-bottom: 3px;
}
#content .right {
	margin: 10px;
	float:right;
}
#content .left {
	margin: 10px;
	float:left;
}
#content .centre {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/*For the picture frame when the script is used to generate it.*/
.pictureframe_script{
		float:left;
		width: 302px;
		background-color: #F2F2F2;
		border: 1px solid #CCCCCC;
		padding: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		line-height: 1.4em;
}
.pictureframe_script img {
	border: 1px solid #CCCCCC;
	margin-bottom: 3px;
}

.pictureframe_script span {margin:2px}

/* A to Z */
#content .atoz {
	line-height: 2.0em;
	margin: 0em 0em 2.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;
}

/**********FORMS************/

#content form {
	padding: 1.0em;
	background-color:#efefef;
	color:inherit;
}






#content form fieldset { padding: 1.0em 2.0em; margin-bottom: 1.0em; border: 1px solid #cccccc; 
background-color:#ffffff}

#content form fieldset legend{font-size:large
}


#content form fieldset ul li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}


.textInputs label{
	float:left;
	width:300px;	
}

.textInputs input{
	float:left;
	width:250px;	
}

.textInputs li{
	height:25px;
	margin-bottom:5px;
	clear:both;
}

/* 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: 1em;
	line-height: 1.5em;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	padding: 0.5em;
	vertical-align: middle;
	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;
}
#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;
}
/* Formatted table backgrounds - table*/
#content table tr.headerrow1 {
	background-color: #BBE3FF;
}
#content table tr.headerrow2 {
	background-color: #E6E6E6;
}
#content table td.headercell2 {
	background-color: #E6E6E6;
}
#content table td.emphasis {
	background-color: #FFDECE;
}
/* 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;
}
/* Calendar table- table*/

#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;
}
/*Events list*/
#content div.event {
	overflow: hidden;
	margin: 0em 0em 1.0em 0em;
}
#content div.insideevent {
	float: left;
	border: 1px dotted #cccccc;
	width: 75%;
	padding: 1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
#content div.eventplainicon {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 0.8em;
	width: 102px;
	height: 82px;
	overflow: visible;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	padding:.5em 0em 0em 0em;
	background-image: url(../calendar/events/events_icons/events_plain_icon-01.jpg);
}
#content div.eventiconseminar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 0.8em;
	width: 102px;
	height: 82px;
	overflow: visible;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	padding:.5em 0em 0em 0em;
	background-image: url(../calendar/events/events_icons/events_icon_mockup-01.jpg);
}
#content div.eventiconftrip {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 0.8em;
	width: 102px;
	height: 82px;
	overflow: visible;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	padding:.5em 0em 0em 0em;
	background-image: url(../calendar/events/events_icons/events_icon_field_trip-01.jpg);
}
#content div.eventiconfflow {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 0.8em;
	width: 102px;
	height: 82px;
	overflow: visible;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	padding:.5em 0em 0em 0em;
	background-image: url(../calendar/events/events_icons/fluid_flow_icon-01.jpg);
}
#content div.eventiconseminar p, #content div.eventplainicon p #content div.eventiconftrip p, #content div.eventiconfflow p {
	line-height: 0.9em;
}
#content div.event h3 {
	font-size: 1.0em;
	margin: 0em 0em 0.25em 0em;
	padding: 0;
	font-weight: bold;
}
#content div.event p {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
#content p.event {
	border: 1px dotted #cccccc;
	width: 80%;
	padding: 0.5em;
	margin: 1.0em 0em 1.0em 0em;
}
/*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;
}
/* 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;
}
#content .topofpage a {
	color: #003399;
}
/* 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;
}