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


/* Disability Information and Support CSS 2008 */



body { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #000000; margin: 0em; padding: 0em; min-width: 72.0em; }
	



/***** TOP NAVIGATION *****/
#topnavigation { font-size: 0.9em; width: 100%; height: 3.7em; clear: both; border-bottom: 1px solid #666666; background-color: #333333; }
#topnavigationinner { width: 75%; margin: 0em auto 0em auto; padding: 0; }


#topnavigation #search { float: right; margin: 0.5em 0em 0em 0em; }
#topnavigation #search form { margin: 0; padding: 0; height: 30px; white-space: nowrap; }
#topnavigation #search form label { height: 30px; margin: 0; padding: 0; white-space: nowrap; }
#topnavigation #search form input { height: 30px; border: none; margin: 0; padding: 0; background: none; }
#topnavigation #search form input.searchbox { border: none; height: 24px; width: 140px; padding: 7px 0.5em 0em 2.5em; margin: 0; background-image: url(../gfx/template/searchbox.gif); background-repeat: no-repeat; background-position: left top; }

#topnavigation #search form input.searchbutton { font-size: 1.2em; line-height: 1.0em; font-weight: bold; height: 30px; margin: 0; padding: 0em 1.0em 3px 1.0em; color: #333333; background-color: transparent; background-image:url(../gfx/template/searchbutton.gif); background-repeat: no-repeat; background-position: right top; text-align: center; vertical-align: top; }
#topnavigation #search form input.searchbutton:hover { color: #000000; }
#topnavigation #search form label { position: absolute; left:-999px; }



#topnavigation ul { line-height: 1.5em; padding: 1.0em 0em 0em 0em; margin: 0; }
#topnavigation ul li { display: inline; padding: 0em 1.0em 0em 0em; }
#topnavigation ul li a { color: #ffffff; text-decoration: none; padding: 0em 0.25em 0em 0.25em; }
#topnavigation ul li a:hover { color: #ffcc00; text-decoration: none; }



/***** HEADER *****/
#header { height: 175px; margin: 0; padding: 0; background-color: #000000; color: #ffffff; clear: both; width: 100%; vertical-align: bottom; }
#headerinner { width: 75%; margin: 0em auto 0em auto; padding: 0; }

#header #otago { width: 20%; float: left; margin: 2em 0em 2em 0em; padding: 0; }
#header #title { float: left; margin: 75px 0em 0em 2.0em; padding: 0; }

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




/***** CONTENT WRAPPER *****/
#contentwrapper { width: 100%; clear: both; background-color: #ffffff; }
#contentwrapperinner { width: 75%; margin: 1.0em auto 0em auto; padding: 0; }







/**** NAVIGATION ****/

#navigation { font-size: 1.0em; line-height: 1.1em; width: 20%; float: left; margin: 3.0em 0em 12.0em 0em; padding: 0em 0em 0.5em 0em; border-right: 1px dotted #cccccc; }
#navigation ul li { color: #333333; padding: 0em 1.0em 1.0em 0em; font-weight: bold; list-style-type: none; }
#navigation ul li a { color: #003399; text-decoration: none; }
#navigation ul li a:hover { color: #003366; text-decoration: underline; }
#navigation ul li a:active { color: #ff0000; text-decoration: none; }

#navigation ul li ul { margin: 0.5em 0em 0em 1.0em; padding: 0; }
#navigation ul li ul li { font-weight: normal; padding: 0em 0em 0.7em 0em; }
#navigation ul li ul li a { }
#navigation ul li ul li a:hover { }





/**** CONTENT ****/

#content { margin: 0em; padding: 0em 2% 7.0em 0em; vertical-align: top; color: #000000; width: 75%; float: right; }

#content strong { font-weight: bold; }
#content b { color: #ff0000; font-weight: bold; }
#content #google b { color: #000000; }

#content em { font-style: italic; }
#content i { color: #ff0000; font-weight: bold; font-style: italic; }



#content h1 { font-family: "Times New Roman", Times,serif; font-size: 3.5em; line-height: 1.0em; padding: 0em; margin: 0em 0em 0.5em 0em; font-weight: normal; clear: both; }
#content h2 { font-size: 2.0em; line-height: 1.1em; padding: 0; margin: 1.0em 0em 0.6em 0em; font-weight: normal; }
#content h3 { font-size: 1.5em; line-height: 1.1em; padding: 0; margin: 0.75em 0em 0.25em 0em; font-weight: bold; }
#content h4 { font-size: 1.4em; line-height: 1.1em; padding: 0; margin: 0.75em 0em 0.25em 0em; font-weight: normal; color: #333333; }
#content h5 { font-size: 1.2em; line-height: 1.0em; padding: 0; margin: 0; font-weight: bold; }
#content h6 { font-size: 1.0em; line-height: 1.0em; padding: 0; margin: 0; font-weight: normal; text-decoration: uppercase;  }

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

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


#content blockquote { margin: 0em 0em 0em 3.0em; font-size: 1.0em; }

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



/* content table */

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

#content table tr { }

#content table th { text-align: left; vertical-align: top; padding: 0.5em; border: 1px solid #cccccc; background-color: #000000; color: #ffffff; font-weight: bold; }

#content table td { color: #333333; border-bottom: 1px solid #dce9ef; border-right: 1px solid #dce9ef; 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 p { padding: 0em; margin: 0em 0em 0.5em 0em; color: #333333; }
#content table td ul { list-style-type: disc; margin: 0em 0em 0em 2.0em; padding: 0; }
#content table td ol { list-style-type: decimal; margin: 0em 0em 0em 2.0em; padding: 0; }
#content table td li {  }

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


#content img { margin: 0.5em 1.0em 1.0em 1.0em; }




/* Content classes */

#content .breadcrumbs { font-size: 0.9em; color: #666666; margin: 0em; }
#content .breadcrumbs a { color: #003366; text-decoration: none; }
#content .breadcrumbs a:hover { text-decoration: underline; }

#content .topofpage { font-weight: bold; color: #CC6600; text-align: right; margin: 3.0em 0em 3.0em 0em; clear: both; }
#content .topofpage a { font-weight: normal; }
#content .topofpage a:hover { color: #003366; text-decoration: none; }

#content p span.topofpage { color: #FF00FF; font-size: 2.0em; text-align: center; }
#content p span.topofpage a { color:#66FF00; }


#content table.photoprofile { border: 1px solid #cccccc; width: 1.0em; float: right; margin: 1.0em; }


#content .quote { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.0em; font-style: italic; color: #666666; width: 20.0em; float: right; margin: 0.5em 0em 2.0em 1.0em; padding: 0em 0.7em; border-left: 1px solid #333333; }

#content .quote img { border: 1px solid #333333; margin: 0.5em 0em 0.5em 0.5em; }

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


#content ul.pagesubnav { font-size: 1.0em; line-height: 1.3em; border-bottom: 1px dotted #cccccc; margin: 0em 0em 5.0em 2.0em; padding: 0em 0em 3.0em 0em; }
#content ul.pagesubnav li { color: #999999; padding: 0em 0em 0.5em 0em; margin: 0; list-style-position: outside; }

#content table.pagesubnav { font-size: 0.9em; line-height: 1.3em; float: right; width: 20em; margin: 0em 0em 0em 0em; background: none; 
border: none; background-image: url(../gfx/template/newsshadow.jpg); background-repeat: no-repeat; background-position: left center; }
#content table.pagesubnav tr { background: none; border: none; }
#content table.pagesubnav th { color: #000000; background: none; background-color: none; border: none; padding: 0em 0em 0.5em 3.0em; }
#content table.pagesubnav td { background: none; padding: 0em 0em 0em 3.0em; border: none; }
#content table.pagesubnav td p { line-height: 1.1em; }
#content table.pagesubnav td ul { }
#content table.pagesubnav td ol { }
#content table.pagesubnav td li { color: #333333; list-style-type: circle; list-style-position: outside; margin: 0em 0em 0em 1.5em; padding: 0;  }
#content table.pagesubnav a { text-decoration: none; }
#content table.pagesubnav a:hover { }



#content img.staffphoto { float: right; margin: 0em 0em 0em 2em; padding: 0em 37px 37px 0em; background-image: url(../gfx/staff/staffphoto-background.jpg); background-repeat: no-repeat; background-position: right bottom; }






/* Frontpage news */

#content #news {
	font-size: 0.9em;
	width: 252px;
	float: right;
	margin: -5.0em -2.0em 0em 1em;
	padding: 0em 0em 0em 0em;
	background-image: url(../gfx/template/newsbackground.gif);
	background-repeat: repeat-y;
}

#content #news h2 {
	font-size: 1.33em;
	line-height: 21px;
	font-weight: bold;
	color: #333333;
	margin: 0em 0em 0em 0em;
	padding: 1.0em 0em 0em 1.0em;
	background-image: url(../gfx/template/newsheader.gif);
	background-repeat: no-repeat;

}


#content #news h3 { font-size: 1.1em; font-weight: bold; margin-left: 1.0em; color: #333333; }


#content #news ul, 
#content #news p
 { margin-left: 1.0em; }

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


#content #news #newsfooter {
	height: 25px; width: 252px; background-color: #ffccff; 
	background-image: url(../gfx/template/newsfooter.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0; padding: 0; 
 }




/**** FOOTER ****/

#footer { font-size: 1.0em; line-height: 1.5em; clear: both; margin: 0em; padding: 2.0em 0em 22.0em 0em; border-top: 1px solid #666666; background-color: #000000; }


#footerinner { width: 75%; margin: 0em auto 0em auto; padding: 0; }


#address { float: left; font-size: 1.0em; color: #ffffff; text-align: left; width: 50%; margin: 0; padding: 0em 0em 0em 0em; }
#address a { color: #ffcc33; text-decoration: none; }
#address a:hover { text-decoration: underline; }
#address img { margin: 0em 2.0em 0em 0em; }

ul.links { float: left; padding: 0em 3.0em 1.3em 0em; margin: 0em 0em 0em 3.0em; color: #333333; border-right: 1px dotted #333333; min-height: 135px; }
ul.links li { list-style-type: none; list-style-position: inside; padding: 0em 0em 0em 0em; }
ul.links li a { color: #ffcc33; text-decoration: none; }
ul.links li a:hover { color: #cccccc; text-decoration: underline; }


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




/***** REUSABLE CLASSES *****/


.clearall { clear: both; }