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


/* Otago French Notes CSS 2006 */

body { margin: 0; padding: 0; font-size: 76%; font-family: verdana, arial, helvetica, sans-serif; background-color: #b0bbbb; }

.clearall { clear: both; height: 0; width: 0; }

#container { margin: 0em auto 0em auto; padding: 0em 1.0em 0em 1.0em; min-height: 75.0em; width: 750px; vertical-align: top; background-image: url(../gfx/backgroundshadow.jpg); background-repeat: repeat-y; }


/******* HEADER *******/
#header { height: 150px; width: 730px; padding: 0em 0em 0em 1.0em }


/***** NAVIGATION *****/
#navigation { width: 150px; float: left; margin: 2.0em 0em 0em 2.0em; font-size: 1.0em; line-height: 1.3em; }

#navigation ul { list-style-type: none; }
#navigation ul li { margin: 0em 0em 1.0em 0em; }
#navigation ul li a { color: #003399; text-decoration: none; font-weight: bold; }
#navigation ul li a:hover { color: #003366; text-decoration: underline; }

#navigation #searchform { margin: 2.0em 0em 0em 0em; }
#navigation #searchform label { font-weight: bold; }
#navigation #searchform #q { width: 12.0em; }





/******* CONTENT *******/
#content { width: 450px; float: right; margin: 0em 7.0em 0em 3.0em; padding: 0; min-height: 30em; background-image: url(../gfx/fleurdelis.jpg); background-repeat: no-repeat; background-position: right bottom; }

/* content text styles */


#content h1 { font-size: 2.4em; line-height: 1.0em; margin: 0.75em 0em 0.75em 0em; font-weight: normal; }
#content h2 { font-size: 2.0em; line-height: 1.1em; margin: 0.75em 0em 0.75em 0em; font-weight: normal; }
#content h3 { font-size: 1.8em; line-height: 1.2em; margin: 0.75em 0em 0.75em 0em; font-weight: normal; }
#content h4 { font-size: 1.6em; line-height: 1.3em; margin: 0.75em 0em 0.75em 0em; font-weight: bold; }
#content h5 { font-size: 1.3em; line-height: 1.4em; margin: 0.75em 0em 0.75em 0em; font-weight: bold; }
#content h6 { font-size: 1.1em; line-height: 1.5em; margin: 0.75em 0em 0.75em 0em; font-weight: bold; }

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

#content ul { margin: 0.75em 0em 0.75em 1.5em; list-style-type: circle; }
#content ol { margin: 0.75em 0em 0.75em 1.5em; }
#content li { list-style-position: outside; font-size: 1.0em; line-height: 1.25em; margin: 0.25em 0em 0.25em; }

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


#content table { width: 75%; border-collapse: collapse; border-top: 1px solid #666666; border-left: 1px solid #666666; }
#content table tr {  }
#content table th { background-color: #cccccc; text-align: left; padding: 4px ; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }
#content table td { border-bottom: 1px solid #666666; border-right: 1px solid #666666; padding: 4px; }



#content table.bordernone { border: none }
#content table.bordernone tr { border: none }
#content table.bordernone th { border: none }
#content table.bordernone td { border: none }



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



/* correcting the undesirables */


#content font { color: #ffccff; font-size: 3.0em; font-weight: bold; }
#content u { text-decoration: none; }





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

#footer { border-top: 1px dotted #cccccc; margin: 5.0em 3.0em 0em 3.0em; padding: 2.0em 0em 1.5em 0em; font-size: 0.9em; line-height: 1.5em; height: 12.0em; color: #666666; }

#footer .links { padding-left: 0.5em; float: left; }
#footer a { color: #333333; text-decoration: underline; }
#footer a:hover { color: #000000; text-decoration: none; }

#footer .weboffice { float: right; color: #cccccc; padding: 0em 0em; text-align: center; }
	#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; }