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


/*** The green = #4f735e ***/


/* Genetics Otago CSS 2009 */

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

.left { float: left; }





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



/***** HEADER *****/

#header { margin: 0em; padding: 0em; border: none; height: 293px; }

#header #logo { }
#header #logo img { margin: 24px 0em 1.0em 94px; }

#header #title { display: none; }


#header img { border: none; margin: 0; padding: 0; }
#header a { color: #333333; text-decoration: none;  }


.header { margin: 0; padding: 0; border: none; }








/**** NAVIGATION ****/

#navigation { width: 213px; float: right; margin: 0em; padding: 0em;  }

#navigation ul { padding: 0em; margin: 1.7em 0em 1.0em 0em; list-style-type: none; }
#navigation ul li { font-size: 1.0em; padding: 0.45em 0em 0.45em 1.0em; margin: 0.25em 0em 0.45em 0em; font-weight: bold; list-style-type: none;  }
#navigation ul li a { color: #ffffff; text-decoration: none; }
#navigation ul li a:hover { color: #ffcc00; text-decoration: none; }

#navigation ul li ul { font-size: 0.91em; margin: 0; }
#navigation ul li ul li { font-weight: normal; }



#navigation ul li.nav1 { background-image: url(../gfx/template/nav1.jpg); background-repeat: repeat-y; background-position: right; }
#navigation ul li.nav2 { background-image: url(../gfx/template/nav2.jpg); background-repeat: repeat-y; background-position: right;}
#navigation ul li.nav3 { background-image: url(../gfx/template/nav3.jpg); background-repeat: repeat-y;background-position: right; }
#navigation ul li.nav4 { background-image: url(../gfx/template/nav4.jpg); background-repeat: repeat-y;background-position: right; }
#navigation ul li.nav5 { background-image: url(../gfx/template/nav5.jpg); background-repeat: repeat-y;background-position: right; }
#navigation ul li.nav6 { background-image: url(../gfx/template/nav6.jpg); background-repeat: repeat-y;background-position: right; }
#navigation ul li.nav7 { background-image: url(../gfx/template/nav7.jpg); background-repeat: repeat-y;background-position: right; }
#navigation ul li.nav8 { background-image: url(../gfx/template/nav8.jpg); background-repeat: repeat-y;background-position: right; }


#navigation form { margin-bottom: 9.0em; }





/**** CONTENT ****/

#content {
	margin: 0em;
	padding: 0em 20px 7.0em 20px;
	vertical-align: top;
	width: 690px;
	min-height: 45.0em;
	float: right;
	overflow: hidden;
	background-color: #ffffff;
	background-image: url(../gfx/template/contentheader.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}








/** Feature Banner **/

#featurebanner { }
#featurebanner img { margin: 0; padding: 0; border-bottom: 5px solid #4f735e; }
#featurebanner img.noborder { border: none; }

/** Content Headings **/
#content h1 { font-family: Helvetica Neue, Helvetica, Verdana, Arial, Helvetica, sans-serif; color: #4f735e; font-size: 2.5em; line-height: 1.1em; padding: 1.0em 0em 1.0em 0em; margin: 0em; font-weight: bold; }
#content h1 img, #content h2 img { border: 1px solid #cccccc; background: #f8f8f8; padding: 0.5em; margin: 0em 0.5em 1.0em 1.0em; float: right; }

#content h1 .frontpageicons { border: none; background: none; padding: 0; margin: 0em 0em 0em 0.25em; }

#content h2, #paper h2 { font-size: 2.0em; padding: 0em; margin: 1.0em 1.0em 0.75em 0em; font-weight: normal;  border-bottom: 1px dotted #cccccc;  }
#content h2 img { margin-right: 0em; }

#content h3, #paper h3 { font-size: 1.7em; padding: 0em 0em 0.6em 0em; margin: 1.0em 0em 0em 0em; font-weight: normal; }
#content h4, #paper h4 { font-size: 1.4em; color: #333333; padding: 0.4em 0em 0.4em 0em; margin: 0em; font-weight: normal; }
#content h5, #paper h5 { font-size: 1.2em; color: #333333; padding: 0em 0em 1.4em 0em; margin: 0em; font-weight: normal; }
#content h6, #paper h6 { font-size: 1.1em; color: #333333; padding: 0em 0em 0.4em 0em; margin: 0em; font-weight: normal; }

#content p, #paper p { font-size: 1.0em; line-height: 1.5em; padding: 0em 0em 1.0em 0em; margin: 0em; max-width: 42em; }



#content ul, #paper ul { padding: 0em; margin: 0em 0em 1.0em 1.0em; list-style-type: circle; max-width: 42em;  list-style-position: inside; }
#content ol, #paper ol { padding: 0em; margin: 0em 0em 1.0em 1.0em; list-style-type: decimal; max-width: 42em;  list-style-position: inside; }
#content li, #paper li { font-size: 1.0em; line-height: 1.5em; padding: 0em 0em 0.5em 0em; margin: 0em; }


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


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


#content p.staffcontact { font-size: 1.1em; line-height: 1.15em; color: #333333; font-style: italic; border-bottom: 1px dotted #cccccc;
margin: 0em 0em 3.0em 0em; padding: 0em; }
#content p.staffcontact a { color: #333333; }
#content p.staffcontact a:hover { color: #000000; }
#content p.staffcontact img { float: right; clear: none;  }





/* 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 td.degreepoints { text-align: right; }
#content table td.degreepoints p { padding-right: 0; }
#content table tr.degreetableshade { background-color: #F3F3F3; }
#content table tr.degreetablesummary { background-color: #f4f5e7; font-weight: bold;  }
#content table th.degreelevel { width: 15%; }
#content table th.degreepoints { width: 10%; text-align: right; }



/* Classes */

#content .topofpage { color: #CC6600; text-align: right; margin: 3.0em 0em 3.0em 0em; width: 100% !important;  }

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




/*** Front page News ***/

.news { font-size: 0.9em; width: 52%; padding: 0em; margin: 0em 0em 10.0em 1.0em; float: right; color: #666666; }

#content .news h2 { font-size: 1.3em; line-height: 1.35em; border: none; margin: 0em 0em 1.0em 0em; padding: 0; border-bottom: 1px solid #4f735e; }


#content .news ul { list-style-type: none; margin: 0; padding: 0; list-style-position: outside;  }
#content .news ul li {
	background-image: url(../gfx/template/frontpage_newsitem.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0em 0em 1.0em 0em;
	padding: 0.5em 1.0em 0.5em 1.0em;
}

#content .news a { text-decoration: none; }
#content .news a:hover { text-decoration: underline; }





/**** RIGHT BOX for research pages ***/
#content .rightbox {
	font-size: 0.9em;
	width: 45%;
	float: right;
	padding: 0em 1.0em 1.0em 1.0em;
	margin: 0em 0em 5.0em 1.0em;
	background-image: url(../gfx/template/rightboxbackground.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 300px;
}
#content .rightbox h2 { font-size: 1.3em; line-height: 1.0em; border: none; margin: 0em 0em 1.0em 0em; padding: 0; border-bottom: 1px solid #cccccc;  }

#content .rightbox p img { border: 1px solid #666666; margin: 0em 0em 1.0em 0em; padding: 0; float: left;  }
#content .rightbox p { font-size: 1.0em; line-height: 1.5em; clear: both; color: #666666; font-style: italic; padding-right: 1.0em; }

#content .rightbox ul { margin: 1.0em 1.0em 3.0em 3.0em;}




/* Content pages bullet list navigation at the top of the page */
#content .pagesubnav { font-size: 1.0em; line-height: 1.5em; color: #cccccc; border-top: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-left: 0.5em solid #eaeaea; padding: 0.5em 0.5em 0.5em 3.0em; margin: 0em 0em 10em 0em; list-style: circle outside; clear: both; }
	#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; }
	#content .pagesubnav li { color: #666666; }



#content div.quote { font-size: 1.8em; color: #333333; margin: 0em 0em 1.0em 1.0em; padding: 0em; clear: both; float: right; width: 50%; 
background: #ffffff url(http://www.otago.ac.nz/prodcons/fragments/otg_assets/gfx/inside/quoteleft.gif) no-repeat left top; }
	#content div.quote div { padding: 0em 3.0em; background: transparent url(http://www.otago.ac.nz/prodcons/fragments/otg_assets//gfx/inside/quoteright.gif) right bottom no-repeat; }
	#content div.quote a { font-size: 0.5em; line-height: 1.2em; text-decoration: none; color: #6b7fb3; }
	#content div.quote a:hover { text-decoration: underline; color: #6b7fb3; }

#content div.quote .quoted { font-size: 0.5em; line-height: 0.15em !important; color: #666666; }

#content div.studentprofilequote { font-size: 1.8em; position: relative; top: -400px; width: 300px; float: right; }





/*** For dynamic paper include pages ***/


.ttlocation, .ttgroup { font-weight: bold; }




/**** FOOTER ****/

#footer {
	font-size: 0.9em;
	line-height: 1.4em;
	clear: both;
	margin: 2.0em 0em 0em 0em;
	padding: 2.0em 0em 0em 0em;
	color: #999999;
	overflow: hidden;
	
}

#footer img { border: none 0; }

#footer p { float: left; }

#footer ul { margin: 0em 2.0em 5.0em 0em; float: left;  }
#footer ul li { margin: 0em; padding: 0em 1.0em 0em 1.0em; list-style-type: none; }
#footer ul li a { color: #ffffff; text-decoration: none; }
#footer ul li a:hover { color: #ffcc00; text-decoration: underline; }


#weboffice { width: 8.0em; float: right; text-align: center; color: #333333; margin: 0em; }
#weboffice a { font-weight: bold; color: #333333; text-decoration: none; letter-spacing: 0.1em; }
#weboffice a:hover { color: #666666; } 

#footer .contacts { width: 213px; }



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