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

/* Otago Energy Research Centre CSS 2007 */



body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; margin: 0em; padding: 0em; background-image: url(../gfx/template/headerbackground.jpg); background-repeat: repeat-x; background-color: #373c3f; }








#container { margin: 1.0em auto 1.0em auto; padding: 0em; width: 740px; background-color: #ffffff; }


#header { padding: 0em; margin: 0em; height: 205px; }


/*** NAVIGATION ***/
#navigation { float: left; font-size: 1.0em; line-height: 1.0em; margin: 3.0em 0em 0em 1.0em; padding: 0.5em 0.2em 0em 1.0em; width: 13.0em; }
#navigation ul { padding: 0em 0em 2.0em 0em; margin: 0em; }
#navigation ul li { list-style-type: none; padding: 0em 0em 0.7em 0em; margin: 0em; line-height: 1.1em; font-weight: bold; }
#navigation ul li a { color: #666666; text-decoration: none; text-align: left; padding: 0em 0em 0em 0em; }
#navigation ul li a:hover { color: #000000; }

#navigation ul li ul { padding: 1.0em 0em 0em 1.0em; }
#navigation ul li ul li { font-weight: normal; }






/*** CONTENT ***/
#content { padding: 1.0em 5.0em 3.0em 15.0em; margin: 0em; background-color: #ffffff; background-image: url(../gfx/template/contentbackground.gif); background-repeat: no-repeat; background-position: right top; }


#content h1 { font-size: 2.0em; margin: 0em 0em 1.0em 0em; padding: 0em 0em 0.5em 0em; font-weight: normal; color: #768680; border-bottom: 1px dashed #768680;  }

#content h2 { font-size: 1.7em; line-height: 1.0em; margin: 1.2em 0em 1.2em 0em; padding: 0em; font-weight: normal; color: #ff9900; }

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

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

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

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

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

#content img { border: 1px solid #cccccc; padding: 10px; margin: 15px; }


#content ul { padding: 0em; margin: 0em 0em 1.0em 2.0em; list-style-type: circle; }
#content ol { padding: 0em; margin: 0em 0em 1.0em 2.0em; list-style-type: decimal; }
#content li { padding: 1.0em 0em 0em 0em; }



/*table*/
#content table { font-size: 1.0em; line-height: 1.5em; border: 1px solid #cccccc; border-collapse: collapse; margin: 1.5em 0em 2.0em 0em; width: 90%; }
#content th { color: #ffffff; font-weight: bold; font-size: 1.1em;  background-color: #999999; padding: 0.4em 1.0em 0.4em 0.5em; text-align: left; vertical-align: top; border: 1px solid #cccccc; }
#content tr { }
#content td { color: #333333; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 0.4em 1.0em 0.4em 0.5em; margin: 0em; vertical-align: top; }

/* headings in a table*/
#content td h2 { font-size: 1.4em; line-height: 1.3em; margin: 0em; padding: 0em; font-weight: normal; }
#content td h3 { font-size: 1.3em; line-height: 1.3em; margin: 0em; padding: 0em; font-weight: normal; }
#content td h4 { font-size: 1.2em; line-height: 1.3em; margin: 0em; padding: 0em; font-weight: normal; }
#content td h5 { font-size: 1.1em; line-height: 1.3em; margin: 0em; padding: 0em; font-weight: normal; }
#content td h6 { font-size: 1.0em; line-height: 1.3em; margin: 0em; padding: 0em; font-weight: normal; }
#content td p { margin: 0em; padding: 0em; }



/* top of page */

#content .topofpage { text-align: right; color: #cc6600; margin: 3.0em 0em 3.0em 0em; padding: 0em; }
#content .topofpage a { color: #003399; text-decoration: none; }
#content .topofpage a:hover { text-decoration: underline; }


/* page subnavigaton */

#content ul.pagesubnav { border-bottom: 1px solid #e1e1e1; margin: 0em 0em 10.0em 0em; padding: 1.0em; font-size: 0.9em; line-height: 1.0em; }
#content ul.pagesubnav a { text-decoration: none; }
#content ul.pagesubnav a:hover { text-decoration: underline; }


/* content links */

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











/*** BREAKER ***/

#breaker { width: 90%; margin: 0em; } 





/*** FOOTER ***/

#footer { clear: both; width: 100%; border-top: 1px dotted #e5e4cc; vertical-align: top; font-size: 0.9em; color: #8d8e7c; 
padding: 2.0em 0em; margin: 0em; }


#footer .links { display: block; padding: 0em; margin:  0em 0em 0em 2.0em; }
	#footer .links a { font-weight: normal; color: #666666; text-decoration: none; }
	#footer .links a:hover { font-weight: normal; color: #333333; text-decoration: none; }

#footer .weboffice { float: right; display: block; color: #cccccc; padding: 0em; margin: 0em 2.0em 0em 0em; text-align: center; width: 9em; }
	#footer .weboffice a { font-weight: bold; color: #cccccc; text-decoration: none; letter-spacing: 0.1em; }
	#footer .weboffice a:hover { font-weight: bold; color: #999999; text-decoration: none; }