@charset "UTF-8";
/* BASE TYPOGRPHY */
/* These are the default styles for the Simple theme */
/* this sets the highlight color when links are tapped on Safari (browser) on iPhone */
/* HEADERS */
.typography h1, h1,
.typography h2, h2,
.typography h3, h3,
.typography h4, h4,
.typography h5, h5,
.typography h6, h6 {
	font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0 0 15px;
	color: #444;
}
.typography h1, h1 {
	font-size: 2em;
	margin-bottom: 20px;
}
.typography h2, h2 {
	font-size: 1.7em;
}
.typography h3, h3 {
	font-size: 1.4em;
}
.typography h4, h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.typography h5, h5 {
	font-size: 1.1em;
	margin-bottom: 10px;
}
.typography h6, h6 {
	font-size: 1.1em;
	margin-bottom: 5px;
}
/* PARAGRAGHS */
.typography p, p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 15px;
}
.typography .intro {
	font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	margin-bottom: 20px;
}
.typography em {
	font-style: italic;
}
::selection,
::-moz-selection {
	/* Applies style to highlighted portion of a page */
	background: #000;
	color: #fff;
	text-shadow: none;
}
/* LINKS */
body a,
.typography a,
.typography a.intro {
	color: #333;
	outline: none;
	text-decoration: underline;
}
body a:hover, body a:focus,
.typography a:hover,
.typography a:focus{
	color: #777;
	text-decoration: underline;
}
body a:link {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* LIST STYLES -------------------------------------------- */
.typography ul, ul,
.typography ol, ol,
.typography dl, dl {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 35px;
}
.typography li, li {
	font-size: 1em;
	margin-bottom: 5px;
}
.typography ul li, ul li {
	list-style-type: disc;
}
/* adds disc style bullet to the list */
.typography ul li ul, ul li ul,
.typography ol li ol, ol li ol,
.typography dl li dl, dl li dl {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 35px;
}
.typography ul > ul, ul > ul,
.typography ol > ol, ol > ol,
.typography dl > dl, dl > dl {
	margin-bottom: 5px;
}
.typography td ul li, td ul li {
	list-style-type: disc;
	font-size: 1em;
}
/* TABLE STYLES -------------------------------------------- */
.typography table {
	margin: 0 0 18px 0;
	color: #333;
	background: #fff;
	border-collapse: collapse;
}
.typography td, .typography th {
	border: 0px solid #fff;
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 5px;
	vertical-align: top;
}
.typography .MyTable,
.typography .mytable,
.typography .MyTable td, .typography .mytable td {
	border: 1px solid #999999;
}
.typography .MyTableHeading, .typography .MyTableHeading th,
.typography .mytableheading, .typography .mytableheading th {
	font-weight: bold;
	background-color: #CCCCCC;
	color: #333;
	padding: 5px;
}
.typography .MyTableHighlight,
.typography .mytablehighlight {
	background-color: #f1f1f1;
}
/* WYSIWYG EDITOR ALIGNMENT CLASSES -------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}
/* IMAGES -------------------------------------------- */
.typography .imageborder {
	border: 8px solid #FFFFFF;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	padding: 0px;
	height: inherit;
	line-height: 0;
	margin: 20px;
}
.typography .imageborder:hover {
	border-width: 8px;
}
.typography img.left {
	float: left;
	max-width: 50%;
	margin: 5px 20px 10px 0;
}
.typography img.right {
	float: right;
	max-width: 50%;
	/* Responsive width */
	margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
	float: left;
	margin-right: 100%;
	margin-bottom: 10px;
	clear: both;
}
.typography img.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 10px;
	clear: both;
}
.typography .captionImage {
	width: 100%;
	margin-top: 5px;
}
.typography .captionImage img {
	margin: 0;
}
.typography .captionImage.left {
	float: left;
	margin: 5px 30px 20px 0px;
}
.typography .captionImage.right {
	float: right;
	margin: 5px 0 20px 30px;
}
.typography .captionImage.left[style],
.typography .captionImage.right[style] {
	max-width: 50%;
	/* Overides core width to make responsive */ 
}
.typography .captionImage.left img,
.typography .captionImage.right img {
	float: none;
	max-width: none;
	width: 100%;
}
.typography .captionImage.left img {
	margin-right: -10px;
}
.typography .captionImage.right img {
	margin-left: -10px;
}
.typography .captionImage.right p {
	margin-left: -10px;
	text-align: left;
}
.typography .captionImage.leftAlone {
	float: none;
	margin: 0 20px 20px 0px;
}
.typography .captionImage.center {
	margin: 0 auto 20px;
}
.typography .captionImage p {
	clear: both;
	margin: 5px 0;
	font-style: italic;
	color: #888;
}
/* BLOCKQUOTES -------------------------------------------- */
.typography blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "“" "”" "‘" "’";
}
.typography blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
.typography blockquote p {
	display: inline;
}
.typography pre {
	background: #f9f9f9;
	border: 1px solid #E4E4E4;
	font-family: Courier, monospace;
	margin: 0 0 20px 0;
	padding: 15px;
	clear: both;
}
/* ADDRESS -------------------------------------------- */
address {
	display: block;
	margin-bottom: 20px;
}
/* LINK ICONS - shows type of file ------------------------------------ */
.typography a:not(.imglinkopacity)[href$=".pdf"],
.typography a:not(.imglinkopacity)[href$=".PDF"],
.typography a.pdf {
	padding: 2px;
	padding-left: 20px;
	background: url(/mysite/images/icons/page_white_acrobat.png) no-repeat left center;
}
.typography a:not(.imglinkopacity)[href$=".doc"],
.typography a:not(.imglinkopacity)[href$=".docx"],
.typography a:not(.imglinkopacity)[href$=".DOC"],
.typography a:not(.imglinkopacity)[href$=".DOCX"],
.typography a.doc {
	padding: 2px;
	padding-left: 20px;
	background: url(/mysite/images/icons/page_word.png) no-repeat left center;
}
.typography a:not(.imglinkopacity)[href$=".xls"],
.typography a:not(.imglinkopacity)[href$=".xlsx"],
.typography a:not(.imglinkopacity)[href$=".XLS"],
.typography a:not(.imglinkopacity)[href$=".XLSX"],
.typography a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(/mysite/images/icons/page_excel.png) no-repeat left center;
}
.typography a:not(.imglinkopacity)[href$=".png"],
.typography a:not(.imglinkopacity)[href$=".jpg"],
.typography a:not(.imglinkopacity)[href$=".jpeg"],
.typography a:not(.imglinkopacity)[href$=".gif"],
.typography a:not(.imglinkopacity)[href$=".PNG"],
.typography a:not(.imglinkopacity)[href$=".JPG"],
.typography a:not(.imglinkopacity)[href$=".JPEG"],
.typography a:not(.imglinkopacity)[href$=".GIF"],
.typography a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(/mysite/images/icons/page_image.png) no-repeat left center;
}
.typography a:not(.imglinkopacity)[href$=".gz"],
.typography a:not(.imglinkopacity)[href$=".GZ"],
.typography a:not(.imglinkopacity)[href$=".gzip"],
.typography a:not(.imglinkopacity)[href$=".GZIP"],
.typography a:not(.imglinkopacity)[href$=".zip"],
.typography a:not(.imglinkopacity)[href$=".ZIP"],
.typography a.archive {
	padding: 2px;
	padding-left: 20px;
	background: url(/mysite/images/icons/page_white_zip.png) no-repeat left center;
}
.typography a:not(.imglinkopacity)[href$=".exe"],
.typography a:not(.imglinkopacity)[href$=".EXE"],
.typography a.application {
	padding: 2px;
	padding-left: 20px;
	background: url(/mysite/images/icons/application.png) no-repeat left center;
}
.typography .phone {
	padding: 4px;
	padding-left: 20px;
	background: url(/mysite/images/icons/phone.png) no-repeat left center;
}
.typography .fax {
	padding: 4px;
	padding-left: 20px;
	background: url(/mysite/images/icons/fax.png) no-repeat left center;
}
.typography .email {
	padding: 4px;
	padding-left: 20px;
	background: url(/mysite/images/icons/email.png) no-repeat left center;
}
.typography .mobile {
	padding: 4px;
	padding-left: 20px;
	background: url(/mysite/images/icons/mobile.png) no-repeat left center;
}
.typography .website {
	padding: 4px;
	padding-left: 20px;
	background: url(/mysite/images/icons/website.png) no-repeat left center;
}
.typography .address {
	padding: 4px;
	padding-left: 20px;
	background: url(/mysite/images/icons/address.png) no-repeat left center;
}
.typography .postaladdress {
	padding: 4px;
	padding-left: 20px;
	background: url(/mysite/images/icons/mailing.png) no-repeat left center;
}
/* BUTTONS */
.typography p.mybutton {
	margin: 0;
}
.typography .mybutton a {
	background: #333;
	border: none;
	color: #fff;
	display: inline-block;
	font-size: .8em;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 12px 25px;
	text-decoration: none;
	text-transform: uppercase;
	-moz-transition: all .15s;
	-ms-transition: all .15s;
	-webkit-transition: all .15s;
	transition: all .15s;
}
.typography .mybutton a:last-child {
	margin-right: 0;
}
.typography .mybutton a:hover, .typography .mybutton a:focus {
	background: #555;
	color: #fff;
	text-decoration: none;
}
/* EXTRA */
.notetext {
	font-style: italic;
}
/* page heading on each page */
#page_heading h1 {
	margin-top: 20px;
}
#maori_heading h1 {
	margin-top: 0px;
	font-style: italic;
    opacity: .3;
    font-size: 16px;
	margin-bottom: 0px;
}
#page_summary {
	margin-top: 40px;
}
/*# sourceMappingURL=typography.css.map */