/* College of Education CSS 2006 */



/*
	#e5e4cc - lighter
	#bcbfa5 - darker
	#8d8e7c - darkest


	#cecdb4 - another darker


*/



body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0em; padding: 0em; font-size: 76%; background: #e5e4cc; }

#wrap { background-color: #ffffff; margin: 1.0em 7% 2.0em 3%; width: 90%; border: 1px solid #bcbfa5; min-width: 721px; }

#header { margin: 0em; padding: 0em; clear: both; z-index: 4; background-color: #ffffff; background-image: url(../gfx/template/titlebackground.gif); background-repeat: repeat-x; white-space: nowrap; }
#header img { border: none; margin: 0em; padding: 0em; }




/****** FRONTPAGE ******/

#frontpagewrap { background-color: #ffffff; margin: 1.0em auto 2.0em auto; border: 1px solid #bcbfa5; width: 721px; }

#frontpagenavigation { background-color: #ffffff; margin: 0em; padding: 0em; z-index: 5;  }
	#frontpagenavigation #navigation { background-color: #e5e4cc; height: 215px; padding: 0em; margin: 1.0em 0em 0em 1.0em; float: left; }
	#frontpagenavigation .featureimage { float: right; border: 1px solid #cccccc; padding: 1em; margin: 12px 3.0em 0em 0em; }




/* frontpage content */

#frontpagecontent { padding: 2.0em 1.5em 2.0em 1.5em; margin: 0em; display: inline; float: left; background-color: #ffffff; text-align: left; vertical-align: top; }
#frontpagecontent h1 { font-size: 2.0em; margin: 0em; padding: 0em; font-weight: normal; color: #bcbfa5; }
#frontpagecontent h2 { font-size: 1.5em; margin: 3.0em 0em 0em 0em; padding: 0em; font-weight: normal; color: #333333; }
#frontpagecontent h3 {}
#frontpagecontent p { margin: 0em; padding: 0em; line-height: 1.0em; font-size: 1.0em; }







/* front page lefthand quicklinks box */

#frontpagecontent table.quicklinks { float: left; display: inline; font-size: 0.9em; line-height: 1.1em; border: 1px solid #bcbfa5; border-top: none; 
width: 128px; margin: 0.5em 2.0em 5.0em -0.5em; padding: 0em; border-collapse: collapse; color: #333333; }

#frontpagecontent table.quicklinks tr { border: none; vertical-align: top; text-align: left; margin: 0em; padding: 0em; }
#frontpagecontent table.quicklinks th { color: #ffffff; border: none; background-color: #bcbfa5; margin: 0em; padding: 0.2em 0.5em 0.3em 1.0em; }
#frontpagecontent table.quicklinks td { border: none; vertical-align: top; text-align: left; padding: 0.2em 0.5em 0.3em 1.0em; background-color: #ffffff; }

#frontpagecontent table.quicklinks h1 { margin: 0em; padding: 0em; font-size: 1.5em; line-height: 1.6em; color: #8d8e7c; font-weight: normal; }
#frontpagecontent table.quicklinks h2 { margin: 0em; padding: 0em; font-size: 1.4em; line-height: 1.5em; color: #000000; font-weight: normal; }
#frontpagecontent table.quicklinks h3 { margin: 0em; padding: 0em; font-size: 1.3em; line-height: 1.4em; color: #333333; font-weight: normal; }
#frontpagecontent table.quicklinks h4 { margin: 0em; padding: 0em; font-size: 1.2em; line-height: 1.3em; color: #666666; font-weight: bold; }
#frontpagecontent table.quicklinks h5 { margin: 0em; padding: 0em; font-size: 1.1em; line-height: 1.2em; color: #666666; font-weight: bold; }
#frontpagecontent table.quicklinks h6 { margin: 0em; padding: 0em; font-size: 1.0em; line-height: 1.1em; color: #666666; font-weight: bold; }
#frontpagecontent table.quicklinks p { margin: 0.5em 0em 0.5em 0em; padding: 0em; line-height: 1.1em; }
#frontpagecontent table.quicklinks ul { margin: 0.5em 1.0em 0.5em 1.5em; padding: 0em; list-style-type: circle; }
#frontpagecontent table.quicklinks ol { margin: 0.5em 1.0em 0.5em 1.5em; padding: 0em; }
#frontpagecontent table.quicklinks li { line-height: 1.1em; margin: 0em 0em 0.5em 0em; padding: 0em; }
#frontpagecontent table.quicklinks a { color: #8d8e7c; text-decoration: none; }
#frontpagecontent table.quicklinks a:hover { color: #003399; text-decoration: underline; }





/* index news & events table */

#frontpagecontent .frontpagenews { width: 99%; font-size: 0.9em; line-height: 1.1em; margin: 3.0em 0.5em 1.0em 0em; padding: 0em; clear: both; 
border-bottom: 1px solid #bcbfa5; border-collapse: collapse; color: #333333; }
#frontpagecontent .frontpagenews tr { vertical-align: top; text-align: left; margin: 0em; padding: 0em; }
#frontpagecontent .frontpagenews th { width: 33%; color: #ffffff; background-color: #bcbfa5; border: 1px solid #e5e4cc; margin: 0em; padding: 0.2em 0.5em 0.3em 1.0em; }
#frontpagecontent .frontpagenews td { width: 33%; border-right: 1px solid #bcbfa5; padding: 1.0em; }
#frontpagecontent .frontpagenews h1 { margin: 0em; padding: 0em; font-size: 1.5em; line-height: 1.6em; color: #8d8e7c; font-weight: normal; }
#frontpagecontent .frontpagenews h2 { margin: 0em; padding: 0em; font-size: 1.4em; line-height: 1.5em; color: #000000; font-weight: normal; }
#frontpagecontent .frontpagenews h3 { margin: 0em; padding: 0em; font-size: 1.3em; line-height: 1.4em; color: #333333; font-weight: normal; }
#frontpagecontent .frontpagenews h4 { margin: 0em; padding: 0em; font-size: 1.2em; line-height: 1.3em; color: #666666; font-weight: bold; }
#frontpagecontent .frontpagenews h5 { margin: 0em; padding: 0em; font-size: 1.1em; line-height: 1.2em; color: #666666; font-weight: bold; }
#frontpagecontent .frontpagenews h6 { margin: 0em; padding: 0em; font-size: 1.0em; line-height: 1.1em; color: #666666; font-weight: bold; }
#frontpagecontent .frontpagenews p { margin: 0.5em 0em 0.5em 0em; padding: 0em 0em 0.5em 0em; line-height: 1.1em; border-bottom: 1px solid #cccccc; }
#frontpagecontent .frontpagenews ul { margin: 0.5em 1.0em 0.5em 1.5em; padding: 0em; list-style-type: circle; }
#frontpagecontent .frontpagenews ol { margin: 0.5em 1.0em 0.5em 1.5em; padding: 0em; }
#frontpagecontent .frontpagenews li { margin: 0em 0em 0.5em 0em; padding: 0em; }
#frontpagecontent .frontpagenews a { color: #003399; text-decoration: none; }
#frontpagecontent .frontpagenews a:hover { color: #8d8e7c; text-decoration: underline; }

#frontpagecontent .frontpagenews td.borderleft { border-left: 1px solid #e5e4cc; }

#frontpagecontent .frontpagenews p.contactdetails { color: #666666; border: none; }







/****** NAVIGATION ******/

#navigation { width: 130px; float: left; margin: 1.0em 0em 0em 1.0em; padding: 0em; font-size: 1.0em; z-index: 6; }

#navigation ul { list-style-type: none; margin: 0em; padding: 0em 0em 1.0em 0.5em; background-color: #e5e4cc; border-right: 1px dotted #cccccc; }
#navigation ul li { line-height: 1.0em; margin: 0em; background-color: #e5e4cc; padding: 0.5em 0em 0.5em 0em; border-bottom: 1px dotted #ffffff; }
#navigation ul li a { font-size: 0.9em; font-weight: bold; color: #666666; text-decoration: none; }
#navigation ul li a:hover { color: #8d8e7c; text-decoration: underline; }

/* subnavigation */
#navigation ul li ul { font-size: 0.9em; padding: 0.5em; margin: 0em; background-color: #e5e4cc; border: none; }
#navigation ul li ul li { padding-bottom: 0.2em; margin: 0em; line-height: 1.1em; background-color: #e5e4cc; border: none; }
#navigation ul li ul li a { font-weight: normal; color: #666666; }
#navigation ul li ul li a:hover { color: #8d8e7c; }


#navigation ul li ul li hr {
	height: 1px;
	white-space: normal;
	border: none;
	border-top: 1px dotted #ffffff; 
	list-style-type: disc;
}


#navigation .focus { font-weight: bold; } /* added to the link for third tier navigation */


/* sub sub navigation */

#navigation ul li ul li ul { font-size: 1.0em; padding: 0em; margin: 0em; background-color: #e5e4cc; border: none; }
#navigation ul li ul li ul li { padding-bottom: 0.2em; margin: 0em; line-height: 1.0em; background-color: #e5e4cc; border: none; }
#navigation ul li ul li ul li a { font-weight: normal; color: #666666; }
#navigation ul li ul li ul li a:hover { color: #8d8e7c; }

#navigation .navigationspacer { margin-bottom: 5em; }



/******** BREADCRUMBS ********/

#breadcrumbs { margin: -1.5em 0em 0em 17.0em; color: #cccccc; font-size: 0.8em; width: 75%; }
#breadcrumbs a { color: #8d8e7c; text-decoration: none; }
#breadcrumbs a:hover { color: #8d8e7c; text-decoration: underline; }








/******** CONTENT ********/

#content { background-color: #ffffff; float: left; width: 73%; padding: 0em 2.0em 5.0em 2.2em; z-index: 5; }



/* default fonts */

#content h1, #content h1 font, #content #educpapers h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.0em; margin: 0.5em 0em 1.2em 0em; font-weight: normal; color: #cc6600; border: none; }

#content h2, #content h2 font, #content #educpapers h3 { font-size: 1.7em; margin: 2.0em 0em 1.2em 0em; font-weight: normal; border-bottom: 1px solid #cccccc; }

#content h3, #content h3 font, #content #educpapers h4 { font-size: 1.4em; margin: 1.2em 0em 1.2em 0em; font-weight: normal; }

#content h4, #content h4 font { font-size: 1.2em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

#content h5, #content h5 font { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

#content h6, #content h6 font { font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

#content p, #content p font, #frontpagecontent p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content ul { font-size: 1.0em; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.1em; list-style-type: circle; }
#content ol { font-size: 1.0em; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.1em; }
#content li { }

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

#content h1 img { border: 1px solid #000000; }



/* content table */
#content table { width: 100%; border-collapse: collapse; border-top: 1px solid #666666; }
#content table tr { border-left: 1px solid #666666; }
#content table th { background-color: #8d8e7c; color: #ffffff; 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; text-align: left; vertical-align: top; }
#content table h1 { font-size: 1.3em; font-weight: bold; padding: 0em; margin: 0em 0em 0.7em 0em; }
#content table h2 { font-size: 1.3em; font-weight: bold; padding: 0em; margin: 0em 0em 0.7em 0em; }
#content table h3 { font-size: 1.3em; font-weight: bold; padding: 0em; margin: 0em 0em 0.7em 0em; }
#content table h4 { font-size: 1.0em; font-weight: bold; padding: 0em; margin: 0em 0em 0.7em 0em; }
#content table h5 { font-size: 1.0em; font-weight: bold; padding: 0em; margin: 0em 0em 0.7em 0em; }
#content table h6 { font-size: 1.0em; font-weight: bold; padding: 0em; margin: 0em 0em 0.7em 0em; }
#content table p { font-size: 1.0em; line-height: 1.3em; color: #000000; padding: 0em; margin: 0em 0em 0.7em 0em; }
#content table ul { margin: 0em 0em 0.7em 0.5em;  padding: 0em; list-style-type: circle; list-style-position: inside; }
#content table ol { margin: 0em 0em 0.7em 0.5em;  padding: 0em; list-style-type: decimal; list-style-position: inside; }
#content table li { font-size: 1.0em; line-height: 1.3em;  color: #000000; }

/*content table no borders - applied to a table */
#content table.tablebordernone { border: none }
#content table.tablebordernone tr { border: none }
#content table.tablebordernone th { border: none }
#content table.tablebordernone td { border: none }






/* content degree tables */

#content .degreetable { width: 80%; }
#content .degreetable th { padding: 0.3em; }
#content .degreetable td { padding: 0.3em; }
#content .degreetable td p { font-size: 1.0em; line-height: 1.2em; padding: 0em; margin: 0.1em 0em 0.1em 0em; }
#content .degreetable .degreelevel { width: 20%; }
#content .degreetable .degreepoints { text-align: right !important; width: 10%; padding-right: 0.5em; }
#content table td.degreepoints p{ text-align: right; }

#content .degreetable tr.degreetablesummary { background-color: #F4F5E7; }
#content .degreetable tr.degreetableshade { background-color: #F3F3F3; }








/* profile - applied to a table */

#content .profile { border: 1px solid #cccccc; margin: 0em 0em 2.0em 1.5em; width: 100px; float: right; }
#content .profile img { border: none; margin: 0px; padding: 0px; }
#content .profile th { background-color: #ffffff; padding: 10px; border: 1px solid #cccccc; }
#content .profile td { font-size: 0.9em; line-height: 1.3em; color: #333333; background-color: #e5e4cc; text-align: right; padding: 0.5em; border: 1px solid #cccccc; }
#content .profile p { font-size: 0.9em; line-height: 1.3em; color: #333333; margin: 0em; padding: 0em; }	
#content .profile a { color: #003399; text-decoration: none; }
#content .profile a:hover { color: #003366; text-decoration: underline; }




/* 
	content news - applied to a table
	for a news item aligned right on an inside content page
	eg /departments/educationsupport/arts.html
*/


#content .contentnews, #content .relatedinfo { border: 1px solid #e5e4cc; margin: 0em 0em 2.0em 1.5em; width: 150px; float: right; }
#content .contentnews, #content .relatedinfo img { border: none; margin: 0em; padding: 0em; }
#content .contentnews, #content .relatedinfo th { background-color: #e5e4cc; color: #000000; padding: 0.5em; border: 1px solid #e5e4cc; }
#content .contentnews, #content .relatedinfo td { font-size: 0.9em; line-height: 1.3em; color: #333333; background-color: #ffffff; padding: 0.5em; border: 1px solid #cccccc; }
#content .contentnews, #content .relatedinfo p { font-size: 1.0em; line-height: 1.1em; color: #333333; margin: 0.2em 0em 0.7em 0em; padding: 0em; }	
#content .contentnews, #content .relatedinfo a { color: #003399; text-decoration: none; }
#content .contentnews, #content .relatedinfo a:hover { color: #003366; text-decoration: underline; }






/* quote - applied to a one row one cell table */

#content .quote { width: 15em; border: none; border-left: 5.0em solid #ffffff; border-collapse: collapse; margin: 0em 0em 2.0em 2.0em; padding: 0em 0em 1.0em 0em; float: right; background-color: #ffffff;  }
#content .quote tr { border: none; }
#content .quote td { border: none; }

#content .quote h3 { color: #666666; font-style: italic; font-weight: 400; } /* for the quote */
#content .quote p { color: #666666; } /* for the quotee */











/* page subnavigation - Content pages bullet list navigation at the top of the page */

#content ul.pagesubnav { font-size: 1.0em; line-height: 1.5em; color: #cccccc; padding: 0.5em 0.5em 0.5em 3.0em; 
margin: 0em 0em 10.0em 0em; border: 1px solid #e1e1e1; 
border-left: 5px solid #eaeaea; list-style-type: circle; list-style-position: outside; }

#content ul.pagesubnav a { color: #003399; line-height: 15px;  }
#content ul.pagesubnav a:hover { color: #003366; text-decoration: underline  ; }
#content ul.pagesubnav ul { color: #cccccc; margin-left: 17px; padding-left: 0px; list-style-type: circle; }
#content ul.pagesubnav ol { color: #cccccc; margin-left: 17px; padding-left: 0px; list-style-type: decimal; }





#content .smalltag { color: #666666; font-style: italic; }
#content p.topofpage { color: #cc6600; text-align: right; margin: 3.0em 0em; clear: both; }






/* sitemap */


#content .sitemap { width: 90%; font-size: 1.0em; line-height: 1.1em; margin: 0em; padding: 0em; clear: both; border-collapse: collapse; color: #333333; }
#content .sitemap tr { vertical-align: top; text-align: left; margin: 0em; padding: 0em; }
#content .sitemap th {}
#content .sitemap td { width: 30%; padding: 0em 1.0em; }

#content .sitemap h2 { margin: 0.5em 0em; padding: 0em; font-size: 1.4em; line-height: 1.2em; color: #000000; font-weight: normal; border: none; }
#content .sitemap p { margin: 0em 0em 1.0em 0em; padding: 0em 0em 0.5em 0em; line-height: 1.1em;  }
#content .sitemap ul { margin: 0em 0em 1.0em 0em; padding: 0em; list-style-type: circle; }
#content .sitemap ol { margin: 0em 0em 1.0em 0em; padding: 0em; }
#content .sitemap li { margin: 0em 0em 0.5em 0em; padding: 0em; }
#content .sitemap a { color: #003399; text-decoration: none; }
#content .sitemap a:hover { color: #8d8e7c; text-decoration: underline; }

#content .sitemap td.borderleft { border-left: 1px solid #e5e4cc; }





/* Search results */

#content dl { font-size: 1.0em; line-height: 1.0em; margin: 1.0em 0em 2.0em 0em; }
#content dt {}
#content dd { font-size: 0.9em; color: #333333; }
#content tt {}

#content p.htdignumbers { font-size: 1.0em; line-height: 2.0em; }
	#content p.htdignumbers a {  border: 1px solid #cccccc; padding: 5px; text-decoration: none; margin-top: 7px 1px 7px 1px; }
	#content p.htdignumbers a:hover { background-color: #E8EBF3; color: #003366; }





/* Dynamic papers display */

#content #educpapers { text-align: left; background-color: #ffffff; }

#content #educpapers .tableoutside th { width: 25%; }

.tt_table { }
.tt_table .tt_group {}
.tt_table td { }

.tt_break { display: none; }






/* used only temporarily on the dynamic papers display */
#content .maori_txt { 
		font-family: 
		"Verdana Maori", 
		"Arial Maori", 
		"Times Maori", 
		"Times-Maori", 
		"TimesM", 
		"HI Keawe", 
		"Hawaiian Times", 
		"HI Manokalanipo", 
		Times Maori, 
		sans-serif;
}









/* stopping strange behaviours */

#content font { color: #000000; font-size: 1.0em; }
#content div { text-align: left; color: #000000; }






.spacer { clear: both; margin: 0em; padding: 0em; }







/******** FOOTER ********/

#footer { clear: both; width: 100%; border-top: 1px dotted #e5e4cc; vertical-align: top; font-size: 0.9em; color: #8d8e7c; 
padding: 0em; margin: 0em; }

#footer .links { padding: 1.0em; line-height: 1.2em; margin: 0em; display: block; }
	#footer .links a { font-weight: normal; color: #666666; text-decoration: none; }
	#footer .links a:hover { font-weight: normal; color: #333333; text-decoration: none; }

#footer .weboffice { float: right; display: block; color: #cccccc; padding: 1.5em 0em 0em 0em; margin: 0em 2.0em 0em 0em; text-align: center; width: 9em; }
	#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; }