@import url("https://www.otago.ac.nz/css/reset.css");
@import url("http://www.otago.ac.nz/css/icons.css");


/* School of Business 2009 */




/* Body */

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 76%;
	text-align: left;
	background-image: url(../gfx/header/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}

strong { font-weight: bold; }
em { font-style: italic; }
.clearall { clear: both !important; }

.red {color:#F00;}


/***** FRONT PAGE *****/

.indexbody {
	background-repeat: repeat;
	background-position: left top;
	background-image: url(../gfx/header/frontpage_background.gif);
}
.indexbody a { color: #003399; text-decoration: none;  }
.indexbody a:hover { color: #003366; text-decoration: underline; }

.frontpagetable { margin: 0 auto 0 auto; background: none; }
.frontpagetable td { vertical-align: top; } 


/* Front Navigation */
.frontnavigation { font-size: 1.0em; }
.frontnavigation ul { padding: 0em; list-style-type: none; margin: 1.0em 0em 1.0em 0em;  }
.frontnavigation ul li { padding: 0.25em 0em 0.25em 0em;  font-weight: bold; line-height: 120%; border-bottom: #FFF 1px solid;}

.frontpagebanner { padding-top: 7px; }

.frontpageaccreditation { text-align: center; padding: 2.0em 0em 2.0em 0em; margin: 0em 0em 2.0em 0em; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; }
.frontpageaccreditation img { margin: 0em 1.0em 0em 1.0em; }


.frontpagetable td.newsrightborder ul { margin: 0em 0em 2.0em 2.0em; font-size: 0.9em; list-style-type: none; }


.frontpagefooter { font-size: 0.9em; color: #333333; padding: 2.0em 0em 7.0em 0em; }

.newsrightborder {	border-right: 1px dotted #CCCCCC; }


/* Search */

.searchinput {
	margin-left:18px;
	vertical-align: top;
	}

.searchbutton {
	color:#666;
	border: 1px #666 solid;
	background-color:#e7e7e7;
	margin-left: 3px;
	height:21px;
	vertical-align: top;
	}



/* Div elements left frame */

.blueheading {
	color: #003399;
	text-transform:uppercase;
	font-family:"Gill Sans MT";
	font-weight:200;
	margin:5px;
	font-size: 1.1em;
	}

div.newsdates {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin-left: 20px;
	line-height: 15px;
	margin-right: 20px;
	vertical-align: top;
	padding-bottom: 20px;
	margin-top: 1px;
	width: 200px;
}

div.newsdates a {
	text-decoration: none;
	color: #000099;
	
}

div.newsdates a:hover {
	color: #CC6600;
	text-decoration: underline;
	
}

div.newsdates p { margin-bottom: 1.0em; }


div.programmes p {
	display:block;
	background-color: #e7e7e7;
	color:#333;
	height: 25px;
	width: 210px;
	margin-top: 10px;
	margin-left:20px;
	padding-top:7px;
	}

div.programmes a {
	color: #333;
	text-decoration:none;
	}

div.programmes a:hover {
	color: #CC6600;
	}

/**** CONTAINTER *****/

#container { margin: 0em auto 0em auto; font-size: 1.0em; line-height: 1.5em;  }


/*** HEADER ***/
#header { }
#header img { border: none; }
#header .logo {  }
#header .title {  }



/***   NAVIGATION ***/
#navigation { }
#navigation ul { padding: 4.50em 1.5em 2.0em 1.5em; list-style-type: none;  }
#navigation ul li { padding: 0.25em 0em 0.25em 0em;  font-weight: bold; }
#navigation ul li ul { font-size: 0.9em; line-height: 1.3em; margin: 0em; padding: 0.25em 0em 0.25em 1.0em;  border: none; }
#navigation ul li ul li {  list-style-type: none;  font-weight: normal; border: none 0; padding: 0.25em 0em 0.25em 0em; }

#navigation a { color: #003399; text-decoration: none; }
#navigation a:hover { color: #003366; text-decoration: underline; }

#navigation form.searchform {}
#navigation form.searchform input.searchinput {}
#navigation form.searchform button.searchbutton {}

/*** CONTENT ***/

#content { 
font-size: 1.0em; line-height: 1.5em; 
color: #333333;
padding: 0em 0em 7.0em 0em;
}
#content a { color: #003399; text-decoration: underline; }
#content a:hover { color: #003366; text-decoration: none; }

#content h1 { font-size: 2.4em; line-height: 0.95em; margin: 0em 0em 0.8em 0em; padding: 0.15em 0em 0em 0em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #cc6600; }

#content h2 { font-size: 1.8em; line-height: 1.2em; padding: 0em; margin: 1.5em 0em 0.8em 0em; font-weight: 400; border-bottom: 1px solid #cccccc; }

#content h3 { font-size: 1.3em; line-height: 1.1em; margin: 1.6em 0em 0.5em 0em; padding: 0em; }

#content h4 { font-size: 1.0em; margin: 1.2em 0em 0.2em 0em; font-weight: bold; }

#content h5 { font-size: 1.0em; margin: 1.2em 0em 0.2em 0em; line-height: 1.5em; font-style: italic; }

#content h6 { font-size: 0.9em; margin: 0.5em 0em 0em 0em; line-height: 1.5em; font-style: italic; font-weight: normal; }

#content p { margin: 0em 0em 1.5em 0em; }

#content blockquote { margin: 0em 0em 0em 2.0em; }

#content ul { list-style-type: circle; margin: 0em 0em 1.0em 2.0em; }

#content ol { list-style-type: decimal; margin: 0em 0em 1.0em 2.0em; }

#content li { margin: 0em; padding: 0em; }

/* default table css */
#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 a { color: #003399; text-decoration: none; }
	#content table a:hover { color: #CC6600; text-decoration: underline; }

#content table th {  font-size: 1.1em; text-align: left; padding: 0.5em; 
border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #e1e1e1; }
#content table td { font-size: 1.0em; line-height: 1.5em; 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.0em; line-height: 1.5em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h6 { font-size: 1.0em; 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; padding-left: 1.5em; 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 p.breadcrumbs { color: #999999; }
#content p.breadcrumbs a { color: #666666; text-decoration: none; }
#content p.breadcrumbs a:hover { color: #003399; text-decoration: underline; }


/*** PAGE SUB NAVIGATION ***/
#content ul.pagesubnav {
border: 1px solid #f1f1f1; border-left-width: 0.5em; color: #666666; list-style-position: outside; 
padding: 1.0em 1.0em 1.0em 2.0em; margin: 0em 0em 7.150em 0em;
font-size: 0.9em; line-height: 1.35em; }

#content ul.pagesubnav li { padding: 0.25em 0em 0.25em 0em; }
#content ul.pagesubnav li ul {}
#content ul.pagesubnav li ul li {}
#content ul.pagesubnav li ol {}
#content ul.pagesubnav li ol li {}
#content ul.pagesubnav a { text-decoration: none; }
#content ul.pagesubnav a:hover { text-decoration: underline; }


/* content image frame */

#content table.contentphoto {
	border: 1px solid #CCCCCC;
	width: 100px;
	float: right; 
	margin: 0em 0em 2.0em 2.0em;
}

.contentphoto img { }
.contentphoto th { background-color: #FFFFFF; padding: 1.0em; }
.contentphoto td { color: #333333; background-color: #E1E1E1; text-align: right; padding: 1.0em; }
.contentphoto a { color: #003399; text-decoration: none; }
.contentphoto a:hover { color: #003366; background-color: #C1C9DC; text-decoration: underline; }

#content table.contentphotoleft {
	border: 1px solid #CCCCCC;
	width:auto;
	float: left; 
	margin: 0em 0em 2.0em 2.0em;
}

.contentphotoleft img { }
.contentphotoleft th { background-color: #FFFFFF; padding: 1.0em; }
.contentphotoleft td { color: #333333; background-color: #E1E1E1; text-align: right; padding: 1.0em; }
.contentphotoleft a { color: #003399; text-decoration: none; }
.contentphotoleft a:hover {text-decoration: underline; }

#content .topofpage { color: #CC6600; text-align: right; }

#content .smalltag { color: #666666; font-style: italic; }

#content p.introparagraph { font-size: 1.2em; color: #666666; }


/***** RELATED INFO *****/
#relatedinfo { padding: 5.0em 0em 5.0em 0em; font-size: 0.9em; line-height: 1.35em; }

#relatedinfo h2 { font-weight: bold; font-size: 1.2em; margin: 0em 0em 1.0em 0em;  }
#relatedinfo p { margin: 0em 0em 1.0em 0em; }
#relatedinfo a { color: #003399; text-decoration: none; }
#relatedinfo a:hover { color: #003366; text-decoration: underline; }

#relatedinfo table.relatedinfophoto {
	border: 1px solid #CCCCCC;
	width: 140px;
	float: left; 
	margin: 0em 0em 1.0em 0em;
	text-align:center;
}

.relatedinfophoto table {float: left }
.relatedinfophoto th { background-color: #FFFFFF; padding: 1.0em; }
.relatedinfophoto td { color: #333333; background-color: #E1E1E1; text-align: center; padding: 0.7em; }
.relatedinfophoto a { color: #003399; text-decoration: none; }
.relatedinfophoto a:hover {text-decoration: underline; }


/*** FOOTER ***/


#footer { border-top: 1px dotted #cccccc; }
#footer div.footerinner { width: 960px; margin: 1.0em auto 5.0em auto; fint-size: 1.0em; line-height: 1.5em; color: #333333; }

#footer a { color: #333333; text-decoration: underline; }
#footer a:hover { color: #000000; text-decoration: none; }


#footer #weboffice { float: right; width: 8.0em; color: #cccccc; font-size: 0.9em; text-align: center; }
#footer #weboffice a { font-weight: bold; text-decoration: none; color: #cccccc; letter-spacing: 0.15em; }
#footer #weboffice a:hover { color: #333333; }



