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


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: #000 url(../gfx/banner.jpg) 50% 0 no-repeat;
}

#container { overflow: hidden; }


#header {}
#header img { border: none; }




#navigation {
	background: url(../gfx/nav_bg.png) repeat; 
	font-size:  0.9em;
}
#navigation li { cursor: default; list-style-type: none; float: left; display: inline; margin: 0; padding: 0; }
#navigation a { color: #fff; text-decoration: none; width: 187px; border-left: #73716e solid 1px; font-weight: bold; text-align: center; padding: 1.5em 0; display: block; }
#navigation a.first { border: none !important; } 
#navigation a.last { width: 188px; }


#navigation a:hover { color: #333; background: #fff; border-left: solid 1px #fff; }

#navigation #active { border-left: solid 1px #fff; background: #fff; color: #333; }







#mainContent {
	background: #fff;
	color: #333333;
	margin-top: 0 !important;
	padding-bottom: 5.0em;
}

#mainContent a { color: #222222; text-decoration: underline; }
#mainContent a:hover { color: #000000; text-decoration: none; }

#mainContent h1 { color: #f20009; font-size: 2.0em; margin: 1.5em 0 1.0em; }
#mainContent h2 { clear: both; font-size: 1.5em; margin: 2.0em 0em 1.2em 0em; padding: 0.1em 0em 0.1em; }
#mainContent h3 { font-size: 1.2em; margin: 1.5em 0 1.2em; }

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



/* default table css */
#mainContent table { font-size: 0.9em; width: 100%; border-collapse: collapse; border-top: 1px solid #999999; border-left: 1px solid #999999; margin: 0.2em 0em 3.0em 0em; }
	#mainContent table a { color: #003399; text-decoration: none; }
	#mainContent table a:hover { color: #CC6600; text-decoration: underline; }

#mainContent table th { vertical-align: middle; font-size: 1.0em; line-height: 1.5em; text-align: left; padding: 0.5em; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #e1e1e1; }

#mainContent table td { vertical-align: middle; font-size: 1.0em; line-height: 1.5em; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 0.5em; }
#mainContent table tr {}
#mainContent table td h1 { font-size: 1.1em; color: #00FF00; font-weight: bold; }
#mainContent 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; }
#mainContent table td h3 { font-size: 1.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #333333; }
#mainContent table td h4 { font-size: 1.1em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#mainContent table td h5 { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#mainContent table td h6 { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#mainContent table td p { font-size: 1.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; }
#mainContent table td ul { font-size: 1.0em; margin: 0.5em 0em 0.5em 0em; padding-left: 1.5em; list-style-type: disc; }
#mainContent table td ol { font-size: 1.0em; }
#mainContent table td li { font-size: 1.0em; line-height: 1.5em; padding: 0; }

#mainContent table caption { font-weight: bold; text-align: left; font-size: 1.4em; line-height: 1.0em; margin: 1.2em 0em 0em 0em; color: #333333; }


#mainContent ul { font-size: 1.0em; line-height: 1.5em; margin: 0.2em 1.5em 1.0em; list-style-type: circle; }
#mainContent ol { font-size: 1.0em; line-height: 1.5em; margin: 0.2em 1.5em 1.0em; list-style-type: decimal; }
#mainContent li { font-size: 1.0em; }
#mainContent li table td { font-size: 1.0em; }
#mainContent li ul { font-size: 1.0em; }
#mainContent li ol { font-size: 1.0em; }
#mainContent li blockquote { font-size: 1.0em; }


#mainContent .topofpage { font-size: 0.75em; color: #CC6600; text-align: right; margin: 3.0em 0em 3.0em 0em; clear: both !important; }



#mainContent .pagesubnav { font-size: 1.1em; color: #cccccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0.5em solid #ccc; padding: 0.5em 0.5em 0.5em 3.0em; margin: 0em 0em 10em 0em; list-style: circle outside; }
	#mainContent .pagesubnav a { color: #333; }
	#mainContent .pagesubnav a:hover { text-decoration: underline; }
	#mainContent .pagesubnav ul { color: #cccccc; margin-left: 1.7em; padding-left: 0em; list-style-type: circle; }
	#mainContent .pagesubnav ol { color: #cccccc; margin-left: 1.7em; padding-left: 0em; list-style-type: decimal; }



/****** FOOTER ************************/
#footer { color: #cccccc; font-size: 1.0em; padding: 1.5em 0 5.0em; }

#footer a { font-size: 0.625em; text-decoration: none; }

#address { font-size: 0.9em; line-height: 1.4em; color: #cccccc; border-right: solid 1px #cccccc; }
#address a { color: #fff; text-decoration: none; font-size: 1.0em; }
#address a:hover { text-decoration: underline; color: #fff; }

#organiser { font-size: 0.9em; line-height: 1.4em; color: #cccccc; }
#organiser a { color: #fff; text-decoration: none; font-size: 1.0em; }
#organiser a:hover { text-decoration: underline; color: #fff; }


#footer ul.links { float: left; padding: 0 1.4em 1.3em 0; margin: 0 0 0 1.75em; }
#footer ul.links li { list-style-type: none; list-style-position: inside; padding: 0 0 0.5em 0; }
#footer ul.links li a { color: #cccccc; text-decoration: none; font-size: 0.9em; }
#footer ul.links li a:hover { color: #fff; text-decoration: underline; }



#footer .weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; width: 8.0em; float: right; line-height: 1.3em; color: #cccccc; text-align: right; }

#footer .weboffice a { font-size: 1.0em; font-weight: bold; color: #cccccc; text-decoration: none; letter-spacing: 0.07em; }
#footer .weboffice a:hover { text-decoration: underline; color: #fff; }