/*** Auckland Centre CSS 2007 ***/


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



/*** ICONS ***/
a[href$=".pdf"] { background: url(http://www.otago.ac.nz/gfx/icons/pdf.gif) no-repeat left center; padding: 0.2em 0em 0.2em 2.0em; }
a[href$=".rss"] { background: url(http://www.otago.ac.nz/gfx/icons/rss.gif) no-repeat left center; padding: 0.2em 0em 0.2em 2.0em; }
a[href$=".rtf"] { background: url(http://www.otago.ac.nz/gfx/icons/rtf.gif) no-repeat left center; padding: 0.2em 0em 0.2em 2.0em; }
a[href$=".xls"] { background: url(http://www.otago.ac.nz/gfx/icons/xls.gif) no-repeat left center; padding: 0.2em 0em 0.2em 2.0em; }
a[href$=".doc"] { background: url(http://www.otago.ac.nz/gfx/icons/word.gif) no-repeat left center; padding: 0.2em 0em 0.2em 2.0em; }
a[href$=".ppt"] { background: url(http://www.otago.ac.nz/gfx/icons/ppt.gif) no-repeat left center; padding: 0.2em 0em 0.2em 2.0em; }
a[href$=".xml"] { background: url(http://www.otago.ac.nz/gfx/icons/xml.gif) no-repeat left center; padding: 0.2em 0em 0.2em 2.0em; }









/*
p,h1,pre { margin: 0px 10px 10px 10px; } 
h1 { font-size: 14px; padding-top: 10px; }   
*/




/****** BANNER ******/
#banner { height: 156px; background-color: #03257D; white-space: nowrap; background-image: url(../gfx/template/headerbackground.jpg); background-repeat: repeat-x; background-color: #03257D; clear: both; background-position: right top; }
html>body #banner { height: 156px; white-space: nowrap; } 

#banner #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; }
#banner #aucklandcentrelink { height: 156px; width: 286px; position: absolute; top: 0px; left: 165px; display: block; background-image: url(../gfx/template/title.png); background-repeat: no-repeat; z-index: 2; }
#banner #toprightimage { position: absolute; top: 0; right: 0; z-index: 1; }
#banner img { margin: 0; padding: 0; border: none; }






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

#nav { position: absolute; left: 0px; top: 156px; width: 12.0em; }

#nav ul { font-size: 1.2em; line-height: 1.8em; list-style-type: none; margin: 0; padding: 1.5em 1.0em 0em 1.0em; }
#nav ul li { font-weight: bold; padding: 0; margin: 0; }
#nav ul li a { color: #003399; text-decoration: none; }
#nav ul li a:hover { color: #003366; text-decoration: underline; }

/* subnavigation */
#nav ul li ul { font-size: 0.9em; line-height: 1.0em; padding: 0em 0em 0em 0.5em; margin: 0; }
#nav ul li ul li { font-weight: normal; padding: 0em 0em 0.62em 0em;  }
#nav ul li ul li a { color: #003399; }
#nav ul li ul li a:hover { color: #003366; }







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

#content { margin-left: 13.0em; margin-right: 19.5em; margin-bottom: 12.0em; top: 156px; padding: 0; min-width: 400px; }

html>body #content { margin-left: 13.5em; margin-right: 20.0em; margin-bottom: 12.5em; padding: 0; }


/* default content link */

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





/* page sub navigation - applied to a UL at the top of a page */

#content .pagesubnav { color: #cccccc; background-color: #fffff1; border: 1px solid #E1E1E1; padding: 0.5em 0.5em 0.5em 3.0em; margin: 2.5em 0.5em 3.0em 0em; 
list-style-type: circle; list-style-position: outside; background-image: url(koru.gif); background-repeat: no-repeat; background-position: right bottom; }

#content .pagesubnav ul { color: #cccccc; margin-left: 17px; padding-left: 0px; list-style-type: circle; }
#content .pagesubnav ol { color: #cccccc; margin-left: 17px; padding-left: 0px; list-style-type: decimal; }
#content .pagesubnav li { color: #666666; }
#content .pagesubnav a { color: #003399; line-height: 15px; }
#content .pagesubnav a:hover { color: #003366; text-decoration: underline; }




/* content normal text classes */ 

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

#content h2 {
	font-size: 2em;
	line-height: 1.0em;
	line-height: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content h3 { font-size: 1.4em; line-height: 1.0em; margin: 1.2em 0em 0.5em 0em; font-weight: normal; }

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

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

#content h6 { font-size: 0.8em; line-height: 1.0em; 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; color: #000000; }

#content ul { font-size: 1.0em; line-height: 1.5em; margin: 0.2em 0em 0.1em 0em; list-style-type: circle; }
#content ol { font-size: 1.0em; line-height: 1.5em; margin: 0.2em 0em 0.1em 0em; }
#content li { padding: 0em 0em 0.5em 0em; }

#content img { border: 1px solid #333333; padding: 0.7em; margin: 0.7em; background-color: #eaeaea; }
#content img.imagenoborder { border: none; background: none; padding: 0; margin: 0em 0.7em 0em 0.7em;  }




/* content table */
#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 tr {}

#content table th { text-align: left; padding: 0.5em; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #e1e1e1; }

#content table td { font-size: 1.0em; line-height: 1.5em; color: #000000; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 0.5em; vertical-align: top; }
#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: disc; }
#content table td ol { font-size: 1.0em; }
#content table td li { font-size: 1.0em; line-height: 1.5em; padding: 0; }


#content table td textarea { width: 90%; height: 150px; }



/* news table on front page */

#content table#news { background-color: #ffffff; border-collapse: collapse; border: none; font-size: 1.0em; margin: 0; padding: 0; }

#content table#news tr { border: none; margin: 0; margin: 0.5em 0em 0.5em 0em; border-bottom: 1px solid #cccccc; }

#content table#news th { border: none; margin: 0; padding: 0.5em 0em 0.5em 0em; background-color: #ffffff; width: 10.0em; vertical-align: top; }
#content table#news th img { border: 1px solid #cccccc; padding: 0.5em; margin: 0; height: 63px; width: 90px; }

#content table#news td { border: none; padding: 0.7em 0.5em 1.0em 0.5em; }
#content table#news td h2 { color: #CC00FF; }
#content table#news td h3 { }
#content table#news td p { }

#content table#news a {}
#content table#news a:hover { text-decoration: none; color: #003366; }
#content table#news a:active {}




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

/* top of page */
#content p.topofpage { color: #CC6600; text-align: right; margin: 2.0em 0em 2.0em 0em; clear: both; }

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

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














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

#righthandcolumn { font-size: 1.0em; position: absolute; right: 0px; top: 173px; width: 15.0em; background-color: #ffffff; 
border-left: 1px solid #cccccc; margin: 0; padding: 0em 0em 0em 1.0em; color: #666666; }



#righthandcolumn:hover { /*background-color: #f8f8f8; */ color: #000000; }




#righthandcolumn h2 { font-family: "Times New Roman", Times, serif; font-size: 2.2em !important; line-height: 1.0em; font-weight: normal; color: #373b63;  }



#righthandcolumn form { margin: 0; padding: 0; background-color: #fff6d1; }
#righthandcolumn form h1 { background-color: #ffcc00; color: #333333; }
#righthandcolumn form input { margin: 1.0em 0em 1.0em 1.0em; }

#righthandcolumn h2 { font-size: 1.2em; padding: 0; margin: 0; font-weight: normal; }
#righthandcolumn h3 { font-size: 1.2em; padding: 0; margin: 0; font-weight: normal; }
#righthandcolumn h4 { font-size: 1.2em; padding: 0; margin: 0; font-weight: normal; }
#righthandcolumn h5 { font-size: 1.1em; padding: 0; margin: 0; font-weight: normal; }
#righthandcolumn h6 { font-size: 1.0em; padding: 0; margin: 0; font-weight: normal; }
#righthandcolumn p { font-size: 0.9em; line-height: 1.70em; padding: 0; margin: 0em 0em 1.7em 0em; }
#righthandcolumn ul { }
#righthandcolumn ol {}
#righthandcolumn li { }

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

#righthandcolumn table { width: 90%; border-collapse: collapse; }
#righthandcolumn table tr { border-bottom: 1px solid #ffffff; }
#righthandcolumn table th { background-color: #cccccc; text-align: left; padding: 4px; }
#righthandcolumn table td { background-color: #f1f1f1; padding: 4px; margin: 0; }









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

#footer { font-size: 0.9em; color: #666666; clear: both; width: 100%; border-top: 1px dotted #999999; 
vertical-align: top; margin: 20.0em 0em 0em 0em; }
	#footer a { font-weight: normal; color: #003399; text-decoration: none; }
	#footer a:hover { font-weight: normal; color: #003366; text-decoration: underline; }

#footer .contacts { padding: 2.0em 1.0em 3.0em 1.0em; float: left; width: 16.0em; background-color: #eef0f6; color: #003366; font-weight: bold; border-right: 1px solid #999999; } 

#footer .links { float: left; margin-left: 1.0em; padding: 2.0em; }
	
#footer .weboffice { float: right; color: #cccccc; padding: 2.0em; text-align: center; width: 8.0em; }
	#footer .weboffice a { font-weight: bold; color: #cccccc; text-decoration: none; letter-spacing: 0.1em; }
	#footer .weboffice a:hover { text-decoration: underline; }
#content p {
	font-style: italic;
}
#content p {
	font-style: normal;

}
h1 {
	text-align: justify;
}
h1 {
	text-align: left;
}