@import url("reset.css");
@import url("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: 1.5em 0em 0.5em 0em; font-weight: normal; }
#content h3 { font-size: 1.6em; line-height: 1.2em; margin: 1.0em 0em 0.5em 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: 99%; margin-bottom: 2.0em; 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; }
#content strong { font-weight: bold; }




/******* 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; }



/* Error Message box */
#content .errors { border: solid 1px #CC0000; color: #CC0000; background: #FFE7E4; padding: 1.0em; margin-right: 5em;}

#content .next, #content .prev { font-size: 11px; line-height: 3.0em !important; font-weight: bold; margin: 0; padding: 0; }
#content .next { text-align: right; float: right; margin-right: 0.5em; margin-bottom: 2.0em; }
#content input.next { line-height: 1.0em !important; }

#content input.next, #content .next a,#content .prev a { padding: 0.75em; border: solid 1px #999; background: #e1e1e1; color: #333; }
#content input.next:hover, #content .next a:hover,#content .prev a:hover { text-decoration: none; border: solid 1px #999; background: #666; color: #e1e1e1; }

#content p#language { margin: 2.0em 0 0; text-align: center; width: 90%; font-weight: bold; }

#content p#language a {	margin: 0 1.0em; display: inline-block; font-size: 18px; border: solid 1px #666; color: #000; padding: 25px 16px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }

#content p a#english { background: url(../gfx/english.gif) no-repeat; }
	#content p a#english:hover { background: url(../gfx/english.gif) no-repeat -137px 0; }

#content p a#french { background: url(../gfx/french.gif) -5px 0 no-repeat; }
 #content p a#french:hover {	background: url(../gfx/french.gif) no-repeat -142px 0; }

#content p#language a:hover span { visibility: hidden; }