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





/***** English Department 2008 *****/


body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-image: url(http://www.otago.ac.nz/english/gfx/background2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #dfdfdf;
	background-attachment: fixed;
}

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

#wrap {
	width: 830px;
	margin: 0 auto;
	padding: 0em;
}

strong { font-weight: bold; }
em { font-style: italic; }





/*** HEADER ***/
#header { margin: 0; padding: 0; }
#header #otago { margin: 3.0em 0em 0em 2.0em; float: left;  }
#header #english {  }

#header img { border: none 0; }



/* Content Wrapper */

#contentwrapper { clear: both; }

#englpapers { margin: 0em 0em 0em 3.0em; }

/*** CONTENT ***/

#content { width: 590px; float: right; margin: 0; padding: 0em 0em 5.0em 0em; color: #000000;  }

h1 { font-size: 2.6em; line-height: 1.0em; font-weight: normal; margin: 0em 0em 1.0em 0em; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 2.0em; line-height: 1.1em; font-weight: normal; margin: 1.0em 0em 0.5em 0em; border-bottom: 1px solid #cccccc;  }
h3 { font-size: 1.8em; line-height: 1.1em; font-weight: normal; margin: 0em 0em 1.0em 0em;  }
h4 { font-size: 1.3em; line-height: 1.5em; font-weight: bold; font-style: italic;  margin: 0em 0em 1.0em 0em;  }
h5 { font-size: 1.3em; line-height: 1.5em; font-weight: normal; margin: 0em 0em 1.0em 0em;  }
h6 { font-size: 1.1em; line-height: 1.5em; font-weight: bold; margin: 0em 0em 1.0em 0em;  }

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

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

#content h1 img { margin: 0em 0em 0em 1.0em; float: right; border: 1px solid #000000; }
#content p img { vertical-align: top; margin: 0em 0.5em 1.0em 0.5em; }


#content a { color: #003399; text-decoration: underline; }
#content a:hover { color: #cc6600; text-decoration: none; }
	
	
#content table { font-size: 1.0em; line-height: 1.5em;  width: 100%; border-collapse: collapse; border-top: 1px solid #999999; border-left: 1px solid #999999; margin: 0.2em 0em 3.0em 0em; }


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




#content table.contacts { border: none; padding: 0; }
#content table.contacts tr { border: none; padding: 0; vertical-align: top; }
#content table.contacts th { width: 20%; padding: 0em 0em 0.25em 0em; border: none; background: none; font-weight: bold; vertical-align: top; }
#content table.contacts td { border: none; padding: 0em 0em 0.25em 0em; vertical-align: top; }




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

#content .pagesubnav { color: #cccccc; border: 1px solid #eaeaea; border-left-width: 0.5em; padding: 0.5em 0.5em 0.5em 3.0em; margin: 0em 0em 10em 0em; list-style: circle outside; }
	#content .pagesubnav a { color: #003399; line-height: 1.5em;  }
	#content .pagesubnav a:hover { color: #003366; text-decoration: none; }
	#content .pagesubnav ul { color: #cccccc; margin-left: 1.7em; padding-left: 0em; list-style-type: circle; }
	#content .pagesubnav ol { color: #cccccc; margin-left: 1.7em; padding-left: 0em; list-style-type: decimal; }


/* top of page */

#content .topofpage { font-size: 0.9em; text-align: right; margin: 4.0em 0em 4.0em 0em; }
#content .topofpage a { text-decoration: none; } 
#content .topofpage a:hover { text-decoration: underline; } 

/* wrong implementation of top of page */
#content span.topofpage { font-size: 3.0em; color: #ff0000; }
#content span.topofpage a { color: #00FF00; }



/* for degree tables */

#content .degreepoints { width: 10%; text-align: right; }
#content .degreelevel { width: 15%; }
#content .degreetablesummary { background-color: #f4f5e7; }
#content .degreetableshade { background-color: #F3F3F3; }








/*** NAVIGATIION ***/

#navigation { font-size: 1.0em; line-height: 1.3em; float: left; margin: 3.0em 0em 0em 0em; padding: 1.0em 0em 1.0em 0em; width: 200px; border-top: 3px solid #dfdfdf; border-bottom: 3px solid #dfdfdf; }


#navigation ul { padding: 0em; margin: 0em; list-style-type: none; }
#navigation ul li { list-style-type: none; padding: 0em 0em 0.75em 2.0em; margin: 0em; font-weight: bold; }
#navigation ul li ul { margin: 0.5em 1.0em 0em 1.0em; padding: 0; border: none; }
#navigation ul li ul li { line-height: 1.3em; margin: 0; padding: 0em 0em 0.5em 0em; border: none; font-weight: normal; }

#navigation ul li ul li ul { font-size: 0.9em;}



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



#navigation h2 { font-size: 1.0em; border: none; font-weight: bold; margin: 1.0em 0em 0.5em 2.0em; color: #333333; }
#navigation p {  margin: 0em 0em 0em 2.0em; }
#navigation p a {}
#navigation p a:hover {}







/*** FOOTER ***/


#footer { border-top: 1px dotted #cccccc; padding: 2.0em 0em 5.0em 0em; }

#footer #address { float: left; padding: 0em 0em 3.0em 1.4em; color: #333333; }
#footer #address a { color: #003366; text-decoration: none; }
#footer #address a:hover { text-decoration: underline; }


#footer ul { float: left; margin: 0em 0em 0em 4.0em; }
#footer ul li { list-style-type: none; display: inline; margin: 0em 2.0em 0em 0em; }
#footer ul li a { color: #003366; text-decoration: underline; }
#footer ul li a:hover { color: #003399; text-decoration: none; }

#footer #weboffice { font-size: 0.9em; width: 9em; float: right; 
color: #cccccc; margin: 0; padding: 0; text-align: center; }
	#footer #weboffice a { font-weight: bold; color: #cccccc; text-decoration: none; letter-spacing: 0.15em; }
	#footer #weboffice a:hover { color: #666666; text-decoration: underline; }

