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

/* Surveying CSS 2008 */




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }





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









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

#header { height: 156px;
	background-color: #03257D;
	white-space: nowrap;
	background-image: url(../gfx/template/headerbackground.jpg);
	background-repeat: repeat-x;
	background-color: #03257D; }
html>body #header { height: 156px; white-space: nowrap; } 

#header #unilogolink { height: 156px; width: 86px; display: block; position: absolute; top: 15px; left: 15px; background-image: url(../gfx/template/unilogo.gif); background-repeat: no-repeat; z-index: 3; }
#header #surveyingtitlelink { height: 156px; width: 286px; position: absolute; top: 0px; left: 165px; display: block; 
background-image: url(../gfx/template/title2.png); background-repeat: no-repeat; z-index: 2; }
#header #toprightimage { position: absolute; top: 0; right: 0; z-index: 1; }
#header img { margin: 0; padding: 0; border: none; }




/***** WRAP - includes navigation content and rightcolumn *****/
#wrap { width: 100%; background: #FFFFFF; margin: 2.0em 0em 0em 0em; padding: 0; text-align: left; border: none; min-width: 700px;   } 




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



#navigation { float: left; width: 11em; padding: 0em; }

#navigation ul { padding: 0.5em 0.5em 0.5em 1.5em; margin: 0em; list-style-type: none; }
#navigation ul li { color: #333333; padding: 0em 1.0em 1.0em 0.5em; font-weight: bold; list-style-type: none; }
#navigation ul li a { color: #003399; text-decoration: none; }
#navigation ul li a:hover { color: #003366; text-decoration: underline; }
#navigation ul li a:active {}
#navigation ul li ul { padding: 0em; margin: 0em; list-style-type: none; }
#navigation ul li ul li { color: #333333; padding: 0.5em 1.0em 0.5em 0.5em; font-weight: normal; }
#navigation ul li ul li a { color: #003399; text-decoration: none; }
#navigation ul li ul li a:hover { color: #003366; text-decoration: underline; }

#navigation ul li ul li a:active {}

#navigation form { margin: 0em 0em 0em 1.5em; }
#navigation form#searchform {}
#navigation form#searchform input { border: 1px solid #003399; color: #000000; background-color: #f8f8f8; }
#navigation form#searchform .searchbutton { border: 1px solid #003399; color: #003399; background-color: #ffffff; font-weight: bold; }
#navigation form#searchform .searchbutton:hover { background-color: #e1e1e1; }
#navigation form#searchform .radiobutton{ border: none; color: #003399;  }
#navigation form#searchform .radiolabel{ border: none; color: #003399; }

ul.flipMenu { 
  margin-top: 10px; 
  margin-left: 16px; 
  list-style-type: none;
 }

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; }



ul.flipMenu ul, ul.flipMenu li { 
  padding-top: 4px; 
  margin-left: 10px; 
  margin_right: 0px; 
  list-style-type: none;
}


/****Menu*****/

ul#menu {
  width: 13em;
  list-style-type: none;
  /*border-top: solid 1px #b9a894;*/
  margin: 0;
  padding: 1em;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 0.5em;
}

ul#menu li, 
  ul#menu a {
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #785a3c;
}

ul#menu li {
  /*border-bottom: solid 1px #b9a894;
  line-height: 15px;*/
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu li:before {
  content: "  ";
}


ul#menu li a {
  text-decoration: none;
  outline: none;
  color: #785A3C;
}

ul#menu  li a:hover {
  color: #CC6600;
  
}

ul#menu a.active {

  color:#CC6600;
}









/***** RIGHT HAND COLUMN *****/

#rightcolumn { float: right; width: 14em; border-left: 1px solid #cccccc; padding: 0em 0em 1.0em 1.0em; }

#rightcolumn h3 { font-family: "Times New Roman", Times, serif; font-size: 1.76em; line-height: 1.0em; font-weight: normal; 
color: #373b63; margin: 0.5em 0em 0em 0em; }

#rightcolumn ul { list-style-type: circle; }
#rightcolumn li { list-style-position: inside; }


#rightcolumn p { margin: 0.5em 1.0em 0.5em 0em; }

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

#rightcolumn .contactus { font-size: 0.8em; color: #666666; }
#rightcolumn .contactus:hover { color: #333333; }

#rightcolumn .contactus h3 { background: none; border: none; margin: 1.0em 0em 0em 0em; }


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

.footnote{
font-size: 10px;
color:#83878e;
letter-spacing: 1px;


}
.listheading{font-size: 1.3em; margin: 1.2em 0em 1.2em 0em; color: #333333; font-weight: bold; }

/*.dashes{border-left: 1px dashed #cccccc; border-top: 1px dashed #cccccc; margin-top: 0px; line-height: 1px; height:1px;}   *//*add this if you want dashes at the top*/
.dashes{}
/*.switchcontent{display:none;  border-bottom: dashed 1px #b9a894; line-height: 15px; border-left: 1px dashed #cccccc; padding: 0em 0em 1.0em 1.0em;}
*/
#content { margin: 0em 17em 0em 15.0em; } 
/*#content.switchcontent { border-left: 1px solid #cccccc; padding: 0em 0em 1.0em 1.0em; } */

#content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; margin: 0.5em 0em 1.2em 0em; font-weight: normal; color: #cc6600; border: none; }

#content h2 { font-size: 1.5em; margin: 2.0em 0em 1.2em 0em; color: #333333; padding: 0em; letter-spacing: 0.1em; font-weight: normal; border-bottom: 1px solid #cccccc; }
#content h2 img { float: right; margin: 0em 0em 0em 1.0em; border: 1px solid #cccccc; padding: 0.25em; background-color: #ffffff; }

#content h3 { font-size: 1.3em; margin: 1.2em 0em 1.2em 0em; color: #333333; font-weight: bold; }

#content h4 { font-size: 1.2em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

#content h5 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

#content h6 { font-size: 0.9em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

#content p { font-size: 1.0em; line-height: 1.5em; margin: 1.2em 0em 1.2em 0em; }

#content blockquote { font-size: 1.0em; line-height: 1.5em; margin-left: 3.0em; }
#content blockquote p { font-size: 1.0em; }


#content ul { font-size: 1.0em; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.3em; list-style-type: circle; }
#content ol { font-size: 1.0em; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.3em; }
/*#content li {  list-style-position: inside; }
*/
#content li {  margin-left:3.0em; }
#content li ul { font-size: 1.0em; }
#content li ol { font-size: 1.0em; }

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

#content hr {}

/* default table css */
#content table { width: 99%; border-collapse: collapse;  } /*margin: 0.2em 0em 3.0em 0em; }*/
	#content table a { color: #003399; text-decoration: none; }
	#content table a:hover { color: #CC6600; text-decoration: underline; }

#content table th {  font-size: 1.0em; text-align: left; padding: 0.25em;  background: #e1e1e1; }
#content table td { font-size: 1.0em; line-height: 1.5em; color: #000000;  padding: 0.25em; vertical-align: center;  background-repeat: no-repeat;  }
#content table tr {}
#content table td h1 { font-size: 1.0em; color: #00FF00; font-weight: bold; }
#content table td h2 { font-size: 1.2em; line-height: 1.5em; padding: 0; margin: 1.0em 0em 0.5em 0em; font-weight: bold; color: #333333; }
#content table td h3 { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #333333; }
#content table td h4 { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h5 { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h6 { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td p { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; }
#content table td ul { font-size: 1.0em; margin: 0.5em 0em 0.5em 0em; list-style-type: circle; }
#content table td ol { font-size: 1.0em; }
#content table td li { font-size: 1.0em; line-height: 1.5em; padding: 0; }






#content .smalltag { color: #333333; font-style: italic; }

#content .tt_break { display: none; }

#content .tableoutside th { width: 25%; font-weight: bold; }

/*************coords************/

#coords { margin: 0em 10em 1em 15em; } 
#coords table{ border-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif, Georgia, serif , Times ; font-size: 0.9em; padding: 0.75em; background-repeat: no-repeat; background-position:center;  }
#coords table td { padding: 0.1em;} /**/
#coords table a { color: #003399; text-decoration: none; }
#coords table a:hover { color: #CC6600; text-decoration: underline; }
#coords h2 { font-size: 1.5em; margin: 2.0em 0em 1.2em 0em; color: #333333; padding: 0em; letter-spacing: 0.1em; font-weight: normal; border-bottom: none; }


/***** CLEAR FLOAT *****/



.clearfloat { clear:both; height: 0; font-size: 1px; line-height: 0px; }



/**** FOOTER ****/

#footer { font-size: 0.9em; clear: both; margin: 5.0em 0em 0em 0em; padding: 2.0em 0em 5.0em 2.0em; border-top: 1px solid #cccccc; }


#footer .links {  padding: 0em 1.4em 1.3em 14.0em; margin: 0em; color: #333333; }
#footer .links a { color: #666666; text-decoration: none; }
#footer .links a:hover { color: #333333; text-decoration: underline; }


#footer .weboffice { display: none; }
/*
#footer .weboffice { font-size: 0.9em; text-align: center; float: right; padding: 0em; margin: 0em 1.0em 0em 0em; width: 8em; color: #666666; }
#footer .weboffice a { font-weight: bold; text-decoration: none; color: #666666; letter-spacing: 0.2em; } 
#footer .weboffice a:hover { font-weight: bold; text-decoration: none; color: #333333; } 
*/