/* ----------------------
TKI BAR SPECIFIC STYLES
---------------------- */
.tkidrop-widget .hd, .tkidrop-widget .bd, .tkidrop-widget .inner {overflow: visible !important;}
.tkibar-wrapper, .tkidrop-wrapper, .tkifooter-wrapper {text-align: left;}



/* ----------------------
MATARIKI STYLES
---------------------- */


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

/*
	font sizes - relative to 12px being the default, which equals 1em.
	[h1] 22pt: 22 / 12 = 1.833em [Helvetica]
	[h2] 20pt:  20 / 12 = 1.667em
	[h3] 18pt = 18 / 12 = 1.5em
	[h4] 16pt = 16 / 12 = 1.333em
	[h5] 14pt = 14 / 12 = 1.167em
	30pt = 30 / 12 = 2.5em
	16pt = 16 / 12 = 1.333em
	15pt = 15 / 12 = 1.25em
	14pt = 14 / 12 = 1.167em
	13pt = 13 / 12 = 1.083em
	12pt = 12 / 12 = 1em
	11pt = 11 / 12 = 0.917em
	10pt = 10 / 12 = 0.833em

	Note:
	- doc width is 960px
	- content area is 580px
	- nav area is 190px
	- widget area is 190px

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* 100% / 16 = 6.25 (equivalent to setting the font size to 10pt). 6.25 * 12 = 75 (%)  */
	line-height: 1.5;
}

h1 {
	font-size: 1.833em;
	font-weight: bold;
	line-height: 0.81;
	margin:-2px 0 8px;
	padding-top:18px;
	padding-bottom: 13px;
	padding-right: 75px;
	border-top: 1px solid #cdcdcd;
	background: url(../images/h1-bottom-border.gif) repeat-x 0 bottom;
	position: relative;
	_width: 484px;
}
h2 {
	font-size: 1.667em;
	font-weight: normal;
	line-height: 1.32;
	margin: 25px 0 4px;
}
h2.divider {
	background: url(../images/h2-divider.jpg) repeat-x 0 0;
	min-height: 42px;
	_height: 42px;
	padding-top: 5px;
	float: left;
	width:	100%;
	text-indent: 9px;
	margin-bottom: 0;
}
.site-homepage .blocks h2 {
	font-size: 2.5em;
	color: #ebebeb;
	border: none;
	margin-top: 0;
}
h3 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
	margin: 20px 0 0;
}

h4 {
	font-size: 1.333em;
	font-weight: bold;
	line-height: 1.68;
	margin: 15px 0 0;
}
h5 {
	font-size: 1.167em;
	font-weight: bold;
	line-height: 1.92;
	margin: 0;
}
h6 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.92;
	margin: 0;
}
strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 0 0 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}
a {
	text-decoration: none;
}
a, a:hover {
	color: #2b7280;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #902a8e;
	text-decoration: none;
}
	/* links within headings */
	h2 a, h3 a, h4 a, h2 a:hover, h3 a:hover, h4 a:hover, h2 a:visited, h3 a:visited, h4 a:visited {
	color: #2B7280
	}
	h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: underline;
	}
p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 0.667em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.external-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.external-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}