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

/*** Quality Advancement CSS 2007 ***/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-image: url(../gfx/template/background.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0; 
}



#wrap {
	width: 100%;
	margin: 0em auto 0em auto;
	
}


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

#header { margin: 0em; padding: 0em; height: 195px; }
#header img { margin: 0em 0em 0em 0em; padding: 0; border: none; }
#header #unilogolink { position: absolute; left: 0; top: 0; z-index: 3; }
#header #topright { position: absolute; right: 10px; top: 0; z-index: 1; }



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

#navigation {
	font-size: 1.0em;
	width: 15.0em;
	position: absolute;
	top: 210px;
	left: 1px;
	padding: 0;
	margin: 0em 0em 3.0em 2.0em;
	border: none;
}
#navigation ul { margin: 0; padding: 0; border: none; background-color: #ffffff; }
#navigation ul li { list-style-type: none; padding: 0em 0em 0.5em 0em; }
#navigation ul li a { color: #6d7480; text-decoration: none; font-weight: bold; }
#navigation ul li a:hover { color: #003366; text-decoration: underline; }
#navigation ul li a:active {}
	#navigation ul li ul {  padding: 0; margin: 0.5em 0em 0em 1.0em; }
	#navigation ul li ul li { list-style-type: none; }
	#navigation ul li ul li a { color: #6d7480; font-weight: normal;  }
	#navigation ul li ul li a:hover {}
	#navigation ul li ul li a:active {}









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


#content { float: left; margin: 0em 0em 0em 0em; padding: 1.0em 15.0em 10.0em 18.0em; background: #ffffff; }

#content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.3em; line-height: 1.0em; 
font-weight: normal; color: #cc6600; margin: 0em; padding: 0em 0em 0.5em 0em; }


#content h2 { font-size: 1.8em; color: #000000; padding: 0em; margin: 2.0em 0em 0.7em 0em; font-weight: normal; }
#content h3 { font-size: 1.5em; color: #333333; padding: 0.6em 0em 0.6em 0em; margin: 0em; font-weight: bold; }
#content h4 { font-size: 1.5em; color: #333333; padding: 0.4em 0em 0.4em 0em; margin: 0em; font-weight: normal; }
#content h5 { font-size: 1.3em; color: #000000; padding: 0em 0em 1.4em 0em; margin: 0em; font-weight: bold; }
#content h6 { font-size: 1.2em; color: #333333; padding: 0em 0em 0.4em 0em; margin: 0em; font-weight: bold; }

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

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

#content ul { font-size: 1.1em; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.3em; list-style-type: circle; }
#content ol { font-size: 1.1em; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.3em; }
#content li { }
#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; }




/* default table css */
#content table { width: 100%; border-collapse: collapse; 
border-top: 1px solid #999999; border-left: 1px solid #999999; 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.1em; text-align: left; vertical-align: top; padding: 0.5em; 
border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #e1e1e1; }
#content table td { font-size: 1.1em; line-height: 1.5em; color: #000000; 
border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 0.5em; vertical-align: top; }
#content table tr {}
#content table td h1 { font-size: 1.1em; 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.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #333333; }
#content table td h4 { font-size: 1.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h5 { font-size: 1.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h6 { font-size: 1.1em; 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; list-style-position: inside; }






/* top of page */

#content p.topofpage { text-align: right; margin: 3.0em 0em 3.0em 0em; color: #ff0000; }




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







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

#footer { 
	font-size: 1.0em; line-height: 1.5em; color: #cccccc; list-style-type: none;
	margin: 0em auto 0em auto;
	padding: 0em 0em 5.0em 0em;
	border-top: 1px solid #cccccc; width: 100%;  background-color: #6d7480; 
	clear: both; }


#footer .links { margin: 0em 20px 0em 18.0em; padding: 1.9em 0em 0em 0em; }
#footer .links a { color: #ffffff; text-decoration: none; }
#footer .links a:hover { color: #ffcc00; }
#footer .links a:active { color: #ffcc00; }


#footer .weboffice { font-size: 0.9em; line-height: 1.2em; width: 8em; float: right; color: #979485; text-align: center; margin: 0; padding: 1.9em 1.0em 0em 0em; }
#footer .weboffice a { font-weight: bold; color: #979485; text-decoration: none; letter-spacing: 0.1em; }
#footer .weboffice a:hover { color: #ffffff; }