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


/* Caroline Plummer CSS 2008 */

body { font-family : Helvetica, Arial, Helvetica, sans-serif; font-size: 80%; color: #ffffff; background-color: #000000; margin: 0em; padding: 0em; background-image: url(../gfx/template/background.jpg); background-repeat: no-repeat; background-position: center top; }




#container { width: 777px; margin: 0em auto 0em auto; padding: 0em; }


#header { margin: 0em; padding: 0em 0em 0em 0em; border: none; width: 400px; height: 130px; border: none; }

#header img { border: none; margin: 0; padding: 0; }



/**** NAVIGATION ****/

#navigation { margin: 0em 0em 0em 6.0em; padding: 0.5em 0em 0.5em 0em; }

#navigation ul { padding: 0em; margin: 0em; list-style-type: none; }
#navigation ul li { padding: 0.5em 0.5em 0.3em 0.5em; font-weight: bold; list-style-type: none; display: inline; border-right: 1px solid #bbdbea; }
#navigation ul li a { color: #336699; text-decoration: none; font-size: 1.1em; }
#navigation ul li a:hover { color: #003366; text-decoration: underline; }

.noborder { border: none; }






/**** CONTENT ****/

#content { margin: 9.0em 0em 0em 6.0em; padding: 0em 0em 7.0em 0em; vertical-align: top; color: #ffffff; width: 480px; min-height: 25.0em; }




#content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; padding: 0em; margin: 1.0em 0em 0.7em 0em; font-weight: normal;  }
#content h2 { font-size: 2.0em; padding: 0em 0em 0em 0em; margin: 1.0em 1.0em 0.75em 0em; font-weight: normal;  border-bottom: 1px dotted #cccccc; clear: both; }
#content h3 { font-size: 1.7em; padding: 0em 0em 0.6em 0em; margin: 1.0em 0em 0em 0em; font-weight: normal; }
#content h4 { font-size: 1.4em; color: #cccccc; padding: 0.4em 0em 0.4em 0em; margin: 0em; font-weight: normal; }
#content h5 { font-size: 1.2em; color: #cccccc; padding: 0em 0em 1.4em 0em; margin: 0em; font-weight: normal; }
#content h6 { font-size: 1.1em; color: #cccccc; padding: 0em 0em 0.4em 0em; margin: 0em; font-weight: normal; }

#content p { font-size: 1.0em; line-height: 1.5em; color: #ffffff; padding: 0em 1.8em 1.0em 0em; margin: 0em; }
#content p img { float: right; clear: right !important; margin: 0.5em 0em 2.0em 1.0em; padding: 0; border: 1px solid #ffffff; }





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


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


#content strong { font-weight: bold; }
#content em { font-style: italic; }
#content blockquote { margin-left: 3.0em; }

/* content table */

#content table { border-collapse: collapse; border-top: 1px solid #d3d3c9; border-left: 1px solid #d3d3c9; margin: 1.0em 0em 1.0em 0em; padding: 0em; width: 90%; }

#content table tr {}

#content table th {	text-align: left; vertical-align: top; padding: 0.7em 0.5em 0.5em 0.5em; border: 1px solid #d3d3c9; font-weight: bold; }

#content table td { font-size: 1.0em; line-height: 1.5em; border-bottom: 1px solid #d3d3c9; border-right: 1px solid #d3d3c9; padding: 0.5em; vertical-align: top; text-align: left; }
#content table td h1 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold;}
#content table td h2 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold;}
#content table td h3 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold;}
#content table td h4 { font-size: 1.3em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold;}
#content table td h5 { font-size: 1.2em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold;}
#content table td h6 { font-size: 1.2em; line-height: 1.2em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: bold;}




#content table.photoprofile { border: 1px solid #cccccc; width: 15%; float: right; margin-left: 2.0em; padding: 0; }
#content table.photoprofile tr {}
#content table.photoprofile th { border: none; padding: 0; margin: 0; }
#content table.photoprofile td { border: none; padding: 1.0em; margin: 0; font-size: 0.9em; }
#content table.photoprofile td img { border: none; padding: 0; margin: 0;  }



/* Classes */

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

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





/**** FOOTER ****/

#footer { font-size: 0.9em; line-height: 1.4em; clear: both; margin: 0em 0em 0em 7.0em; padding: 2.0em 0em 5.0em 0em; border-top: 1px dotted #999999; color: #cccccc; }



#footer ul { margin: 1.0em 0em 5.0em -1.0em; }
#footer ul li { display: inline; border-right: 1px solid #666; margin: 0em; padding: 0em 1.0em 0em 1.0em; }
#footer ul li a { color: #cccccc; text-decoration: underline; }
#footer ul li a:hover { color: #ffcc00; text-decoration: none; }








/*** REUSABLE CLASSES ***/
.noborder { border: none !important; }
.clearall { clear: both !important; }
.nofloat { float: none !important; }