/*
* HTML5 Boilerplate
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html, button, input, select, textarea { color: #222; }
body { font-size: 0.9em; line-height: 1.4; font-family: arial, sans-serif; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
Author's custom styles
MOBILE FIRST CSS
========================================================================== */
textarea:focus, input:focus { outline: 0; }
.mobile { display: block; }
.desktop { display: none; }
.hidenav { visibility: hidden; display: none; overflow: hidden; width: 0; height: 0; text-indent: -10000px; }
a { color: #336699; text-decoration: underline; }
a:hover { text-decoration: none; }
/*--Branding--*/
.branding { width: 100%; padding: 18px 0 15px; }
.branding img { width: 95%; margin: 0 2.5%; display: block; }
/*--Search--*/
.search-bar { padding: 7px 0; }
.search-inner { position: relative; border: none; background: #fff; border: 2px solid #dcdcdc; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; behavior: url("/css/PIE.htc"); width: 90%; margin: 0 4%;}
input.search-textfield { font-size: 1em; border: none; width: 70%; height: 22px; margin-left: 20px;}
input.search-submit { position: absolute; right: 2px; top: 1px; margin-top: 0; cursor: pointer; border: none; background: url(/images/design/mobile/sprite-mobile.png) no-repeat -2px -50px; width: 22px; height: 22px; text-indent: -10000px; }
/* Paging */
.pagination {font-size: 1.1em; text-align: center; margin: 20px 0 0 0; border-top: dotted 2px #ccc; padding-top: 10px;}
.pagination a, .pagination span {display: inline-block; padding: 3px 6px; background: #d9e2e4; color: #333333; text-decoration: none !important; margin: 0 5px 0 0; font-weight: bold;}
.pagination a:hover, .pagination span.active {background-color: #336699; color: white;}
/*--Structure--*/
.content-wrapper, .search-bar { width: 100%; display: block; }
.content-global { margin: 0; padding-bottom: 5px; background: #fff; display: block; padding: 0; width: 100%; }
.standard-content-page .content-global { margin: 0; }
.secondary-column { display: none; margin: 0 5%; }
.content-wrapper { margin-bottom: -5px }
/*--Main nav--*/
.menu-mobile { box-shadow: 0px 1px 2px #999; padding: 0 4.4%; position: relative; color: #fff; height: 36px;
/* fallback */
background-color: #b1c800;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#799627), to(#b1c800));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #b1c800, #799627);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #b1c800, #799627);
/* IE 10 */
background: -ms-linear-gradient(top, #b1c800, #799627);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #b1c800, #799627);
}
.menu-mobile span.nav-text { padding-top: 9px; font-size: 1em; text-shadow: -1px -1px 2px #919d45; text-transform: uppercase; font-weight: bold; width: auto; display: inline-block; float: left; }
.menu-icon-wrap { float: right; width: 49px; margin: 5px 0; }
.menu-icon { text-indent: -10000px; display: inline-block; width: 34px; height: 25px; background: url(/images/design/mobile/sprite-mobile.png) no-repeat 0px -9px; float: right; }
.menu-close-icon-wrap { position: absolute; z-index: 999; right: 0; top: 0; float: right; width: 53px; margin: 3px 0; }
.menu-close-icon-wrap a.menu-icon { padding: 0; position: relative; right: 10px; text-indent: -10000px; display: inline-block; width: 37px; height: 36px; background: url(/images/design/mobile/sprite-mobile.png) no-repeat 0 -149px; float: right; }
.border-separator { display: block; height: 28px; }
/*nav*/
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {display: none;}
.primary-nav { background: #fcffe4; }
.primary-nav a { color: #324206; text-decoration: none; font-weight: bold; }
.primary-nav li.nav-first-child { height: 42px; padding:0; margin: 0 !important;
width: 100% !important;
position: absolute;
right: 0px;
top: 0;
/* fallback */
background-color: #b1c800;
/*background: url(/images/design/mobile/cta-colours.png) no-repeat -280px 0;*/
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#799627), to(#b1c800));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #b1c800, #799627);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #b1c800, #799627);
/* IE 10 */
background: -ms-linear-gradient(top, #b1c800, #799627);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #b1c800, #799627);
}
/*first-level*/
.primary-nav li.nav-first-child a { text-shadow: 1px -2px 2px #898f61; position: relative; top: 5px; padding-left: 14px; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: normal; }
.primary-nav li { width: 100%; padding: 7px 0 9px 0; }
.primary-nav li a br { display: none; }
.primary-nav li a.showIconLarge { position: relative; top: 0; width: 39px; height: 32px; float: left; display: block; text-indent: -10000px; background: url(/images/design/mobile/nav-plus-big.png) no-repeat 0 2px;
-moz-background-size: 28px auto;
-ie-background-size: 28px auto;
-o-background-size: 28px auto;
-webkit-background-size: 28px auto;
background-size: 28px auto;
}
.primary-nav li a.hideIconLarge { background-image: url(/images/design/mobile/nav-minus-big.png);}
.primary-nav .noChildFirstLevel { display: block; width: 68px; min-height: 24px; float: left; }
/*second-level*/
ul.primary-nav ul { list-style-type: none; }
ul.primary-nav ul { display: none; }
ul.primary-nav ul li { border-bottom: 1px dotted #b5b7a4; margin: 0; }
.primary-nav li li a { font-weight: normal; padding-left: 40px; width: auto; display: block; }
.primary-nav li li li a { padding-left: 70px; }
.primary-nav li li a.showIconSmall { top: 4px; left: 40px; padding: 0 10px 0 50px; position: static; width: 11px; height: 28px; float: left; display: block; text-indent: -10000px; background: url(/images/design/mobile/nav-plus-small.png) no-repeat 40px 5px;
-moz-background-size: 22px auto;
-ie-background-size: 22px auto;
-o-background-size: 22px auto;
-webkit-background-size: 22px auto;
background-size: 22px auto;
}
.primary-nav li li a.hideIconSmall { top: 4px; left: 40px; padding: 0 10px 0 50px; position: static; width: 11px; height: 34px; float: left; display: block; text-indent: -10000px; background: url(/images/design/mobile/nav-minus-small.png) no-repeat 40px 5px;
-moz-background-size: 22px auto;
-ie-background-size: 22px auto;
-o-background-size: 22px auto;
-webkit-background-size: 22px auto;
background-size: 22px auto;
}
.primary-nav li li li a.showIconSmall { top: 4px; left: 40px; padding: 0 10px 0 80px; position: static; width: 11px; height: 28px; float: left; display: block; text-indent: -10000px; background: url(/images/design/mobile/nav-plus-small.png) no-repeat 70px 5px;
-moz-background-size: 22px auto;
-ie-background-size: 22px auto;
-o-background-size: 22px auto;
-webkit-background-size: 22px auto;
background-size: 22px auto;
}
.primary-nav li li li a.hideIconSmall { top: 4px; left: 40px; padding: 0 10px 0 80px; position: static; width: 11px; height: 34px; float: left; display: block; text-indent: -10000px; background: url(/images/design/mobile/nav-minus-small.png) no-repeat 70px 5px;
-moz-background-size: 22px auto;
-ie-background-size: 22px auto;
-o-background-size: 22px auto;
-webkit-background-size: 22px auto;
background-size: 22px auto;
}
/*third-level*/
ul.primary-nav ul li ul li { padding-bottom: 0; border-top: 1px dotted #b5b7a4; border-bottom: none; }
ul.primary-nav ul li ul li a { display: block; }
/*fourth level*/
ul.primary-nav ul li ul ul li { display: block !important; }
ul.primary-nav ul li ul ul li.current { background: #f4fcbb; }
ul.primary-nav ul li ul ul li a { padding: 2px 0 5px 115px; font-size: 0.9em; }
ul.primary-nav li li.noChildren > a {
padding-left: 70px;
}
ul.primary-nav li li li.noChildren > a {
padding-left: 100px;
}
/* Highlighted navigation */
.primary-nav > .current, /* first level*/
.primary-nav > .current > ul > .current, /* second level*/
.primary-nav > .current > ul > .current > ul > .current { background: #f4fcbb;} /* third level*/
.primary-nav .current > a { font-weight: bold; }
.primary-nav ul { background: #fcffe4;}
#overlay-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 5; display: none; }
/*breadcrumb*/
.breadcrumbs { float: left; display: inline-block; font-size: 0.75em; margin-top: 20px; }
.breadcrumbs li { display: inline-block; float: left; padding-right: 5px; }
.breadcrumbs li a { text-decoration: none; }
.breadcrumbs li a:hover { text-decoration: underline; }
.breadcrumbs li:last-child a { color: #222; }
/* page layout */
.nav-column, #content ul.anchor-links {display:none;}
.main-column, .no-l-nav-no-rhs-bar {margin: 0 3%;}
/*--Sidebar--*/
.pod h3 {color: #6b8e06; font-size: 1.4em; font-weight: normal; padding: 6px 0 5px 10px; margin: 0;}
.pod ul { margin-bottom: 5px; }
.pod ul li a { color: #336699; font-size: 0.9em; text-decoration: none; font-weight: bold; }
.pod ul li.odd {background: #e7e7e7;}
.pod ul li a:hover { text-decoration: underline; }
.pod ul li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 2.5px dotted #bdbdbd; }
.pod ul li:last-child { border: none; }
.pod .more { text-align: right; padding: 0 10px 10px 0; display: block; margin: 0; text-decoration: none; font-size: 0.9em; }
.pod .more:hover { text-decoration: underline; }
.pod h4 {margin: 0 10px 10px 10px; font-size: 1.05em; color: #6b8e06;}
.pod h4.pdf, .pod h4.doc, .pod h4.xls, .pod h4.ppt {color: #336699;}
.pod a { text-decoration:none }
.pod img {padding: 2px 5% 0 5%; max-width: 90%;}
/*--Footer--*/
#Footer { background: #336699; clear: both; padding-top: 5px; }
/* footer - social links */
.footer .social { margin: 5px 2em 0 2em; }
.footer .social li { display: inline-block; }
.footer .social a { display: block; text-indent: -999em; width: 32px; height: 32px }
.footer .social .facebook { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGRTY3QUU2MjM5OTExRTU5ODhFRThCMTkyODQwMTNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGRTY3QUU3MjM5OTExRTU5ODhFRThCMTkyODQwMTNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUZFNjdBRTQyMzk5MTFFNTk4OEVFOEIxOTI4NDAxM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUZFNjdBRTUyMzk5MTFFNTk4OEVFOEIxOTI4NDAxM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wEH9XAAADSUlEQVR42uyZz2sTQRTHd2Z3k91um/5Qo7WWQvwBtqBi0RYvBS+CYC+ll0JPBRGKePRY6MmLt6J/gSB4UQQVEcSj4EHQIkVB8EeradbGZpPN/pgd3zaKbbq70bimOzCTQEgyyb7PzLz3vt8EnZxYoB5tU2SBwVGpOpgSVqOHAZFjVWU1+trASGB7YIEDcIB/GlJC4qBUqN1+DiSgXw8oyQCOS2ybCAilU1gWRVFCG1ELxKMbd49S6roexjBBShaAZROXkP3ZzPBQ3/Bgb39vV2eHIov+kaY+gAdgVdu1LNe0nBevPt15vChLYiIA4LSUTftgf8/0+PGzo4cyHUrDj2hq6vaj13ISdgAOBazr5Lmhy9NnMu3KH2+Xm4gcgANdtZzZqZGZydNMllGj4kxdOBFj9C0FgGNwNLd7dmqU1UYGZXFmYliNW/m2CMByyOGBnrGRHKtSwnHI2KlcSm6yZihpaUerEBVEER07srfhxOK6ufR+tfDNgGr7e40xhhfFEOHfCgDQA6qaGujrjp5298niwq3n+vcKqnW7zedExMoOSgnQBdmM1t2pRsx5+WZ5/sZTWGZNkakgoETlANSfTHtKSUfVnwfPllzi1RQbSlwS+zmAo6/07oMeqNWYMTSG6YpNxZIUAN/QUO6JOQD7pt52ibDtKNsOcVyvkTn2YBpCwSVUlnDYW3ECgPU+kM1s7/lgwfbt0qJTtC+rUeKm5KBKigS9aIIaD2SIDQDaULem3JwbD/C41GcTI8vk9avnKeifoFWG1y/N3198+1UNknQxHyFNS6tKqim9GdqnwYUahhnGH3MSE+LFnqb6WqVYssLUKANVSC+W/T8yELNlNK8bEQWKAYDlfGmzv2EP4IteZrsTrxRKERYhZgBRjH9FCrohhX9tnH0A9HDJqKKQJh3dH8yqTQitS1R4Vipba+tVCf9/ALhG2bQvzt2DWOuUveW4g7k90GtxeBxXrj38+HlN3iolgAcaS7FUlaQW7ADydyCvlymldZtgWm62q02IFEP5QnlldT299Ycj390jJEu4dWo08GJg6iUJN/wgeGJZ/mtbzA0NB+AAHIADcAAOwAE4AAfgAByAA3CAZgEo6wCm6TAN8EOAAQBSfD/ymAZ3PgAAAABJRU5ErkJggg==); }
.footer .social .twitter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3NTBBMUU2MjM5OTExRTU5OTc4OTVDREY0MDQ5NjY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA3NTBBMUU3MjM5OTExRTU5OTc4OTVDREY0MDQ5NjY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDc1MEExRTQyMzk5MTFFNTk5Nzg5NUNERjQwNDk2NjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDc1MEExRTUyMzk5MTFFNTk5Nzg5NUNERjQwNDk2NjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4cTPzzAAAETklEQVR42uyaW28bRRTHd3b2Yq/tOHYudRxKHPWSggoNVcVFgCgggZB4Q0LioV+giBe+QD8GKgjxAi9IvPBSQH2qWhWqVm1QaUjVNiLgNLbj+r7e6wx/rxFUqWqna2Mr0owsy16NZ8/vzDn/OTNrcuaHjbbDpL3ZopqsNG1me3sVwOeSTIm0dxuMl6U93gSAABAAAkAACAABIAAEgAAYX1NGdifGJdfnjPOO24ikUiKT//YiPHgnowQITIERu+qMTV9Cp0cz0WxSIxK533DulKya5WmKDNsdn6lUBpLHOBkNANyZiCiux9ouoz0hQOn4/KWFxPvPpvYl1H+vb7e8c6uVi+sNnZKjc8bxp2LnVqvVtkcIGQWA67P3lqaSUfr55YLPeA8Gx2NvHkx+dHx6x/XpmHLqxMzyfGwySvdP6t/ffHC/7sQ0OookRuzoirw4peP2MAI+g48fw8lh3AfHph431HNzBjpcWm/c3Gq/vJAYkQrBWMRrTO/89pVc4pPXM9kJFbHE+M5unPO3DiW1ngcHSI+FlP7xaxl4wWV8RDLKGGLjn5sdmY1+ejL7ztIkVAUYfldogokydHpwOtJ7KEwmcuOba6WVfEuVyShUCGlmeSxfc+YmtO4VKMyHy1MvPh2/cK9+a8ustH3WweA6VSJqHx9Bec5eLlzPtww1jDdDAQSxgcA9sT/+8PVcWs+lZ+qWf7ds3StbIMSEeP2iAnmyWXO0sOdTIVUIfl0ttKGD7x5J7Zj2iQh9YT6GFz4jnPrKYtBHCn28FmbWEB0RRT79agaZAO3r0RPy2jeqMUsIyCeV/wFDiLQcljaU57MG59KArWx6ptNnNRzyDMBZts+u/dXsfh6wbVTsEBXEoDKKnLtwt47kG7zIWytagzghJAAkv2mzL34uDshQbLrQK1RyY9gPaApBBn92qfDTWrXW9sINcmWj2bR9eYApCF9O8+B4/u3DyVxaC5eCD0wPcagO9oQi/Azgtigmftsyc+lIXKchRvjx9yoYqDwmgG4qr2y2vr1RZk+uprcK5sX1OgqhMW8psaU6f7taaDgo5lBU4utuHFpqul9f3cY6qFBpzAAkKCdXNs0befOZfVFsXOaTWu+fNGz/y1+KpZYXUYbwfC4kAJaeTrXJO2UF1rJUVDk2b5w8kMz2s77QcL+6UkS1F1GGcyASBgCLwGIa0UIoIbNxdSGtLc1EU0b/oSCa3/1arpj+sKwPCYD6EQa8cWBiORvbZSnxR8U+v1a7GlQfujLMJ7shNzS3SxbCYDEdQdl8eDaaSaiPyjmia7vlrZet63lztWCaLtOpTIb9WDpkDsBcCOedbWut1DZUOh1TZuIqdgJdDM/nTYeVWy7UBhUHkgXFwhDDZjgqRAIMVeqcRm3WnT+r9sN7L4gpvI0aR+sEzP/4b4AhHC12bVXk8fxnQZxOCwABIAAEgAAQAAJAAAgAASAABMC42t8CDACpQMRfJeW2oAAAAABJRU5ErkJggg==); }
.footer .social .youtube { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCRTMwNTc1MjM5OTExRTU4NkE5OUZCQTI3ODg4NUY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCRTMwNTc2MjM5OTExRTU4NkE5OUZCQTI3ODg4NUY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REJFMzA1NzMyMzk5MTFFNTg2QTk5RkJBMjc4ODg1RjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REJFMzA1NzQyMzk5MTFFNTg2QTk5RkJBMjc4ODg1RjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57V0H3AAAFOElEQVR42uxZW2gcVRg+/9m5bjaXbs0m6U0aktTG2od6obaC1guCUBT6XvHBCygVfBFFH5TSCgk+eSs0TR5ERaGUVBExalv1QfCpSkxoUh+aNmmzJZvZ7M7s7pxz/M9MkqbkNjsbNlTm8Ocwezvzf/P///dfAkIIcicvSu7wFQGIAEQAIgARgAhABCACEAGIAKzfUoJ/dfqH79m/l4U1LRyH2HliO6KAUiRuiZRKxHUF7owRwYXryh9wjm8SAKKoBPA1gKLgJndVJXJXiKKBroOhE9MkRhwMA5IbY21t9Y8eCKgVBGlops6eKfT2sOFh4tiEoi4g1fLFU+zWLi9m/5ZYt+4liJh/x7vGC1/wRU1C2fOA8dIr9Q/vXwMAU19+nj92VORyEDcJVMXlGBN2nm7anOj6sG7fIxUBsAb/tl44LDJToGlVdm50VOXe+1rOfFtREJcGfuTpSaJp8xaumhBNdy8NZ77rrwhA4dwvQlGF76VVFgDuFAoXzodnIWto0L06htG5XoMLdG93dDQ8AD6Z5kiOYiF7BCE2uJ1wKgAAlOXy1silurb2MADY9DQvustR4nLa82wWIx4Mk3BWMQDgti1yMyFjQFiW8CwgAi7MXIJoe+4XmuZOTAiXzfF72IXea9s8lw/rQtksx+Qai5Fg7iA1zmcbX3yZbt1244NjhZ8GKAVI1Mq8i9jCmIBwTPaYPcNZAM3HGS+D+whwl6HU7N69/Yuvkid74cG9zMryzLT/adlkSoAVirJyCQmg4HBc6BrBRT60WddPHTzY3n/W7OqGzk6WnmRZy/sCkRL0NCJZxK+swsRAyRVlWQBlkafcffj5joGf9feP0u2tPH0T3VKqFtwaLpaGLKwFGKrPQ+Sgxav11ddqTvXpb70NTS0sncbQCngU6iAYC1tOCy/2EEIwJkWwTCybALZ0dEweOeIcOsROn8739HAsyGPK6pmMr1JtKivqv+wTXeH7K6xGXSetrSMzM9zzoiAnrnr3lQEgs4uyLMDZSvcc7+6+2XOqNHYFuxZAduarqcd9LhJhAdAYByiHteUdlyT8iY8+nuzrc/4ZonGTNqb87BaoGsIOhCphYyCm+HQRuPZa4lnd6O27/tmJ3MWLsUSCNt4FQAUv50RKiRILCYAaugDJ2cGLR0wb8pbeSn/9zfinn+T++BMMTW1unqsoyknJXICqQGgA2GijF5VV/UpiAbB++33s+PHMufPYvysbk9i/81ClBB4Yw7pQN0ICiGEZg14kH2qwSABK6+qvdHXbI5d51lKSSYxUicrl5ZW08wCQEjQdTDOsC9XVCdTAH40Eq6UxYvKDQ2DoSiqFCUjMP/hQ3YH8ua7TmnhYCzQ0SOs7BSgj6gQkEtJ73UqbAW+wxCEej3kHhgGgplIIQAhRXnu1Vg0ooAsxGo83tHeErIU2dO5Ut2yVnkDWo6n3SFlvb6toKlH/1JOsWFo4OKuayCJAN+qfeLwiABueeVppamJ2wS/qqinMcYyd92x67tmKACR37dr6zpsQN10r6zUWVfEdt+RmLa2lZdt7767NcPdaf//4iZO5vwbdTMYrT6g32SX+lBfmB7qL57uwkEPFbddiNvXNzXeFXzzLGXZtbe3ehza/8Xpq/761AeCv6xd+tUdGi1ev8ZkZN5fjjsNtR2Br4onsUYpFWXgggXLZGeMujYYqqYqsLyilWIEiTEUFVcUkDbpGNY0aBkrMNJHvqWmoqUZzx47mA4+t5Xg9+g9NBCACEAGIAEQAIgARgAhABCAC8L8E8J8AAwBBMUsQ/UWszAAAAABJRU5ErkJggg==); }
.footer .social .icon { margin: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-size: contain; }
/*footer links*/
.link-wrapper { width: 90%; margin: 0 5%; padding: 15px 0; }
.footer-links { margin: 0 2%; display: block; text-align: center; }
.footer-links li { display: inline-block; margin: 0 20px 20px; line-height: 1em;
border-right: 1px solid #fff;
padding-right: 5px;
margin-right: 5px;
margin-left: 0;
margin-bottom: 0;}
.footer-links li:last-child { border-right: 0 }
.footer-links li a { color: #fff; text-decoration: none; line-height: 2em; font-weight: normal; font-size: 0.8em; }
.footer-links li a:hover { text-decoration: underline; }
#view-options { clear: both; padding-top: 12px; display: none; }
#view-options li { border: none; margin: 0; padding: 0; }
.touch #view-options { display: block !important; }
.touch #view-responsive { display: none; }
#MainNavigation { width: 100%; display: none; position: absolute !important; top: 0; width: 100%; z-index: 9999; }
#MainNavigation ul { list-style-type: none; box-shadow: 0 4px 2px -2px #abb1b2; position: static; margin-left: 0;}
#MainNavigation ul ul { box-shadow: none; padding: 0; width: 100%; left: 0;}
#MainNavigation li { width: 100%; display: block; padding:0; min-height: 34px; line-height: 34px; position: relative;}
#MainNavigation li.mega-promo { display: none; }
#MainNavigation li a { font-weight:bold }
#MainNavigation li li a { font-weight:normal }
#MainNavigation li.current > ul { display: block; }
#MainNavigation.opened { max-height: none !important; }
/*--Standard content page--*/
.standard-content { display: block; padding: 20px 0 0 0; clear: both; font-size: 0.9em;}
.standard-content h1 { color: #6b8e06; font-size: 2em; margin-bottom: 10px; padding-bottom: 3px; font-weight: bold; border-bottom: dotted #ccc 2px; }
.standard-content h2 {color:#336699; border-bottom:dotted #ccc 2px; font-size: 1.6em; font-weight:normal; padding: 0 0 5px 0; margin: 1em 0 0.5em 0; clear: both;}
.standard-content h3 {color:#333; font-size:1.1em; font-weight: bold; font-style:normal; margin-bottom: 6px;}
.standard-content p, .standard-content ul, .standard-content ol, .standard-content form {margin: 1em 0;}
.standard-content img {max-width: 100%; height: auto;}
.standard-content h3.article-title { font-weight: bold; margin-bottom: 15px; font-size: 0.9em; }
strong { font-weight: bold; }
p { margin-bottom: 20px; line-height: 1.4em; }
.detail-box { border-bottom: 2.5px dotted #bdbdbd; margin-bottom: 10px; padding: 2px 0; }
.standard-content > h2 { margin-bottom: 5px; background: url(/images/design/mobile/nav-plus-small.png) 0 0 no-repeat; height: auto; padding: 0 0 5px 33px;
-moz-background-size: 25px auto;
-ie-background-size: 25px auto;
-o-background-size: 25px auto;
-webkit-background-size: 25px auto;
background-size: 25px auto;
}
.standard-content h2.hideIconSmall { padding-bottom: 7px; margin-bottom: 12px; background: url(/images/design/mobile/nav-minus-small.png) 0 0 no-repeat;
-moz-background-size: 25px auto;
-ie-background-size: 25px auto;
-o-background-size: 25px auto;
-webkit-background-size: 25px auto;
background-size: 25px auto;
}
.detail-info { display: none; }
.standard-content h4 { font-weight: bold; font-size: 1.1em; font-style: italic; color: #333333; }
.standard-content img.right { float: right; margin-left: 15px; margin-bottom: 10px; }
.standard-content img.left { float: left; margin-right: 15px; margin-bottom: 10px; }
.standard-content ul, .standard-content ol {list-style-position: outside; margin-left: 30px;}
.standard-content ul li {list-style-type: square; padding: 3px 10px 3px 2px;}
.standard-content ol li {list-style-type: decimal;padding: 3px 10px 3px 2px;}
/* table styles */
table th {font-weight:bold;}
table.simple, table.box, table.borders { margin-bottom: 15px }
table.simple {vertical-align:text-top;}
table.simple td {padding: 6px; border-top: solid #999 1px; border-bottom: solid #999 1px;}
table.simple th {padding: 6px; border-top: solid #999 1px; border-bottom: solid #999 1px; background-color:#d9e2e4;}
table.simple td.column-highlight {padding: 6px; text-align: left;}
table.simple tr td ul li, table.simple tr td ol li {margin-left:-20px;}
table.box {border: solid 1px #999999;}
table.box td, table.box th {padding: 6px;}
table.borders th {background-color: #d9e2e4; padding: 6px; border: solid 1px #999999;}
table.borders td {padding: 6px; border: solid 1px #999999;}
/*ie7 stylesheet*/
.lt-ie8 body {padding-top:15px;}
.lt-ie8 a.register {height:18px;}
.lt-ie8 .branding {float:left; margin-bottom:10px;}
.lt-ie8 .search-bar { width: 250px; margin-top: 40px; }
.lt-ie8 .search-inner {width:100%; right:15px}
.lt-ie8 .banner-ht-wrap, .lt-ie8 .banner-hot-topics { width: 310px; }
.lt-ie8 .cta-colours li { width: 130px; }
.lt-ie8 .primary-nav li {position:relative;}
.lt-ie8 .primary-nav li ul { position:absolute; left:-999em; display:block; zoom:1;}
.lt-ie8 .primary-nav li a { vertical-align: middle; display:block;}
.lt-ie8 .pod h3 {position:relative; background-position:97% 3px!important;}
.lt-ie8 .footer-logos:first-child {float:right; width:430px;}
.lt-ie8 .search-textfield {height:18px;}
.lt-ie9 .banner-button {height:28px;top:28px;}
#overlay {left: 0;opacity:.5;position: absolute;top: 0;z-index: 99999999; display:none;}
@media screen and (min-width: 40em) {
.js #MainNavigation { position: relative; }
.js #MainNavigation.closed { max-height: none; }
}
/* ------------------------------ HIGH PIXEL DENSITY MOBILE IMAGES ------------------------------ */
@media only screen and (-we bkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
/* ====================
high pixel density mobile
==================== */
/* .fancybox-close {
background: url(/img/design/spotlight-close-btn@x2.png) no-repeat 0 0;
-moz-background-size: 36px auto;
-ie-background-size: 36px auto;
-o-background-size: 36px auto;
-webkit-background-size: 36px auto;
background-size: 36px auto;
} */
}/* end high pixel density mobile */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
/*.hide, .offScreen, .hidden { display: none !important; visibility: hidden; }*/
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible { visibility: hidden; }
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
@media only screen and (min-width: 45em) {
/* large tablet - 45em = 720px */
/* non-mobile view starts here */
/*--Structure--*/
.secondary-column { margin: 0 2%;}
.content-global { display: block; position:relative;}
.main-column {margin:0 2%;}
.standard-content-page .main-column {float:left; width:80%;}
.standard-content-page .no-l-nav.main-column { width: 96%; }
.content-wrapper {background:none;}
/*--Header--*/
.branding { padding: 0; width: 46%; display: inline-block; position: relative; height: 70px; }
.branding img { margin:0; margin-left: 10px; position: absolute; top: 50%; margin-top: -6%; }
.search-inner {margin: 0;width: 90%; float:right;}
.search-bar { background: none;float: right;padding: 0;width: 43%; margin-right:5px; display: table; min-height: 70px;}
#SearchBox { display: table-cell; vertical-align: middle; }
input.search-textfield { height: 24px; width:84%;font-size: 1.5em;}
input.search-submit { right: -2px; top: -2px; position: absolute; margin-top: 0; background:url(/images/design/mobile/sprite-mobile.png) -1px -249px; width:31px;height:30px;}
/*--Navigation--*/
/*--Main nav--*/
#MainNavigation { display: block; position: relative !important; z-index: 2;}
.primary-nav { padding: 0; width: 100%; position: relative!important; display: table; list-style-type: none; background: #b1c900;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYzkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1YWYxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ODk3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #b1c900 0%, #95af14 50%, #789726 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1c900), color-stop(50%,#95af14), color-stop(100%,#789726)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b1c900 0%,#95af14 50%,#789726 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b1c900 0%,#95af14 50%,#789726 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b1c900 0%,#95af14 50%,#789726 100%); /* IE10+ */
background: linear-gradient(to bottom, #b1c900 0%,#95af14 50%,#789726 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c900', endColorstr='#789726',GradientType=0 ); /* IE6-8 */}
/* reset some properties previously set for mobile */
#MainNavigation li, .primary-nav li { min-height: 0!important; border: 0 none; width: auto; position: static; }
.primary-nav > .current, .primary-nav > .current > ul > .current, .primary-nav > .current > ul > .current > ul > .current { background: none; }
.showIconLarge { display: none!important; }
.primary-nav li br { display: inline!important; }
/* top level nav (appears in ribbon) */
#MainNavigation > li, .primary-nav > li { display: table-cell!important; position: static!important; width: auto!important; vertical-align: middle; min-height: initial!important; }
#MainNavigation li.current > ul { display: none; } /* hide first child of current menu item (is displayed by default in mobile view) */
.js #MainNavigation { overflow: visible; }
#MainNavigation li { line-height: initial; line-height: normal; }
.primary-nav li:hover, .primary-nav > li.current:hover { background: url(/images/design/nav-hover.jpg) 0 0 no-repeat; }
.primary-nav > li.current {
background: #689200;
background: url(/images/design/nav-current.jpg) no-repeat -1px 0;
background-image: url(/images/design/nav-current.jpg), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#486d06), to(#689200)); /* Safari 4-5, Chrome 1-9 */
background-image: url(/images/design/nav-current.jpg), -webkit-linear-gradient(top, #689200, #486d06); /* Safari 5.1, Chrome 10+ */
background-image: url(/images/design/nav-current.jpg), -moz-linear-gradient(top, #689200, #486d06); /* Firefox 3.6+ */
background-image: url(/images/design/nav-current.jpg), -ms-linear-gradient(top, #689200, #486d06); /* IE 10 */
background-image: url(/images/design/nav-current.jpg), -o-linear-gradient(top, #689200, #486d06);/* Opera 11.10+ */
background-image: url(/images/design/nav-current.jpg), linear-gradient(to bottom, #689200, #486d06); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
background-repeat: no-repeat;
background-position: -1px 0; -pie-background: linear-gradient(to bottom, #689200, #486d06); /*ie 6-9 via PIE*/ }
.primary-nav li a { background: url(/images/design/mobile/sprite-mobile.png) no-repeat -3px -88px; font-weight: 500; text-align: center; color: #fff; text-shadow: 1px 2px 1px #555; text-transform: none; text-align: left; line-height: 1.2em; );}
#MainNavigation > ul li a { padding: 0 0.5em; }
.primary-nav > li > a { font-size: 80%; display: table-cell; height: 3.8em!important; vertical-align: middle; }
.primary-nav li a.showIconSmall { display: none !important; }
.primary-nav .noChildFirstLevel { display: none; }
/* home button */
.primary-nav li.nav-first-child { background: url(/images/design/desktop/sprite-desktop.png) no-repeat -8px -358px; height: auto; width: 7% !important; }
.primary-nav li.nav-first-child:hover { background: url(/images/design/desktop/sprite-desktop.png) no-repeat -8px -68px; }
.primary-nav li.nav-first-child a.current { background: url(/images/design/desktop/sprite-desktop.png) no-repeat -8px -68px; }
.primary-nav li.nav-first-child a { background: none; text-indent: -10000px; width: 3em; padding-right:0; top: 0; }
#MainNavigation > ul li.nav-first-child a { padding-right: 0; width: 6.8%; }
/* mega-menu container */
.primary-nav > li > ul { visibility: hidden; opacity: 0; transition: visibility 0s linear 0s,opacity 0s linear; display: block!important; background: none; background-color: #f5f4f4!important; background-image: none; border: solid 0.1em #cccccc; border-top: 0 none; color: #333333; box-shadow: 0px 2px 4px 1px #cccccc!important; font-weight: normal; font-size: 90%; height: auto; left: 0!important; margin: 0!important; padding: 2%!important; position: absolute!important; text-align: left; text-shadow: none; text-transform: none; top: 100%; vertical-align: middle; width: 97.6%!important; z-index: 5;}
.primary-nav > li:hover > ul { visibility: visible; opacity: 1; transition-delay: 0.3s; }
/* columns if detected by modernizr, and fallback */
.csscolumns .primary-nav > li:hover > ul { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -webkit-column-rule: 1px solid #cccccc; -moz-column-rule: 1px solid #cccccc; column-rule: 1px solid #cccccc; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; }
.no-csscolumns .primary-nav > li:hover > ul > li { float: left; width: 22% !important; margin-right: 2%;}
/* temporary - 3 columns for 'teaching' section and forced column breaks for older versions of chrome */
#n9 > ul { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
#n6 > ul > li:nth-child(2), #n7 > ul > li:nth-child(2), #n8 > ul > li:nth-child(2), #n9 > ul > li:last-child { -webkit-column-break-before: always; }
#n9 > ul > li { display: inline-block!important; }
/*second level nav*/
.primary-nav li li:hover { background: none }
.primary-nav > li:hover > ul > li {
margin: 0 1em 2em 0!important;
padding: 0!important;
-webkit-margin-after: 0!important; /* older webkit browsers wrap margins, creating space at top of columns. Using padding fixes this. Is webkit only because using padding causes the same problem in other browsers. */
-webkit-padding-after: 2em!important;
border: 0 none;
background-color: initial!important;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); /*list-style-image and list-style-position are for IE10/11 bug which causes list-style-type to be ignored when object initially has display: none */
list-style-position: outside;
list-style-type: none;
border-bottom: 0 none;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside:avoid;
-moz-page-break-inside:avoid;
break-inside: avoid-column;
-ms-column-break-inside:avoid;
}
#MainNavigation li li a, .primary-nav li:hover ul li a { height: auto; padding: 0; margin: 0; text-shadow: none; background-image: none; font-weight: bold; display: inline; width: auto;}
.primary-nav li:hover ul li a:hover { text-decoration: underline; }
.primary-nav li:hover ul li a:link, .primary-nav li:hover ul li a:active, .primary-nav li:hover ul li a:visited { color: #333333; }
.primary-nav > li:hover > ul > .current > ul > .current { text-decoration: underline; }
/*third level nav*/
.primary-nav li:hover ul ul { display: block !important; background-color: initital!important; background: none!important; }
#MainNavigation li li li,.primary-nav li:hover ul ul li { margin: 0.6em 0; font-size: 90%; font-weight: normal; background: url(/images/design/desktop/sprite-desktop.png) -72px -44px no-repeat; padding-left: 1em; list-style-type: none; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); list-style-position: outside; }
#MainNavigation li li li a,.primary-nav li:hover ul ul li a { font-weight: normal; }
/*fourth level nav*/
.primary-nav li:hover ul ul ul{ display: none !important; }
/* hide mobile-specific elements */
.primary-nav li a.showIconLarge, .menu-mobile, .menu-close-icon-wrap, .menu-close-icon-wrap a.menu-icon { display: none; }
/* end main nav and mega-menu */
/*secondary nav*/
.nav-column { display: inline-block; float: left; margin: 55px 0 0 2%; font-size: 0.9em; width: 14%; }
.nav-column ul li { border-bottom: 1px solid #cccccc; }
.nav-column ul li:hover { background: #D9E2E4; }
.nav-column ul li:hover > a { color: #000; }
.nav-column ul li.current,
.nav-column ul li.current-no-children { background-color: #c9d5d8; }
.nav-column ul li.current > a, .nav-column ul li.current li.current > a,
.nav-column ul li.current-no-children > a, .nav-column ul li.current-no-children li.current > a { font-weight: bold; color: #000;}
.nav-column ul li li { border: none; background: url(/images/design/desktop/sprite-desktop.png) no-repeat 0px -411px; padding-left: 12px; }
.nav-column ul li a { display: block; text-decoration: none; color: #000; font-size:0.9em; padding: 5px; }
.nav-column ul li li { background: url(/images/design/desktop/sprite-desktop.png) no-repeat 0px -411px #D9E2E4; }
.nav-column ul li li:hover { background: url(/images/design/desktop/sprite-desktop.png) no-repeat 0px -411px #c9d5d8; }
.calculator {margin: 0;}
.calculator h5 {color:#285f9b;padding: 25px 0 20px 138px; margin:0; font-size:2.3em;line-height: 1.25em; background:url(/images/design/mobile/sprite-mobile.png) no-repeat -1px -293px;}
.calculator .sidebar-listing {background:#fff;border: 5px solid #e4ecac;border-radius: 8px;color: #285f9b;font-size: 1.4em;position: absolute;height:45px; overflow:hidden;margin-left: 40px;margin-top: 15px;width: 370px;}
.calculator .sidebar-listing.open {height:235px;}
.calculator .sidebar-listing li {padding: 8px 70px 9px 20px; margin-bottom:0;}
.calculator .sidebar-listing li.current {}
.calculator .more-link {background: url("../images/design/mobile/sprite-mobile.png") no-repeat scroll -42px -47px transparent;height: 36px;position: absolute;right: -29px;text-indent: -999em;top: 152px;width: 40px;}
.col-main {clear:both;display: inline-block;margin-top: 40px;}
.col-sub {background-color:#f5f5f5;clear: both;float: left;width: 100%;}
.features {margin:30px 0 0;}
.col-main > h3 {color:#666666; font-size:1.7em;font-weight: bold;}
#Footer {padding: 0;}
}
@media only screen and (max-width: 49.999em) and (min-width:45em) {
.branding { padding: 0; width: 46%; display: table; position: static; height: 70px; margin-left: 1%; }
.branding a { display: table-cell; vertical-align: middle; }
.branding img { margin:0; margin-left: 0; position: static; top: 0; margin-top: 0; }
.search-inner {margin: 0;width: 90%; }
.search-bar { background: none; padding: 0;width: 43%; margin-right:5px; display: table; height: 70px;margin-left: 60%;position: absolute;top: 0;right: 0;}
#MainNavigation ul {padding-right: 0 !important; margin-left: 0 !important;}
}
@media only screen and (min-width: 50em) { /*desktop - 64em = 1024px, 70em = 1120px ,50em = 800px*/
/* Style adjustments for viewports that meet the condition */
.primary-nav > li:hover > ul { width: 95.7%!important; }
body { background: #d9e2e4; }
.mobile { display: none !important; }
.desktop { display: block; }
/*--Structure--*/
.wrapper { -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; behavior: url('/scripts/PIE.htc'); position:relative; box-shadow: 0px -1px 5px #abb1b2; background: #fff; width: 96%; margin: 1% auto 0; max-width: 1036px; }
.main-column { display: inline-block; float: left; margin: 0 0 0 2.5%; width: 76.5%; }
.main-column header { display: inline-block; width: 100%; }
.secondary-column { z-index: 888; padding: 20px 0 0; width:18%; display: inline-block; margin: 0; position: static; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFFNzJGMDAyQ0U5NjExRTI5QTk0ODg3MEU5N0JBM0M4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFFNzJGMDAzQ0U5NjExRTI5QTk0ODg3MEU5N0JBM0M4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUU3MkYwMDBDRTk2MTFFMjlBOTQ4ODcwRTk3QkEzQzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUU3MkYwMDFDRTk2MTFFMjlBOTQ4ODcwRTk3QkEzQzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gvKBbAAAAG0lEQVR42mJ8/XE/AypgYsAALD9/vyWsCiDAACqBBYY5BmyIAAAAAElFTkSuQmCC) repeat; float:right;}
.content-global { background: none; margin: 0; position: relative; display: inline-block; }
.content-wrapper, .search-bar { background: none; }
.standard-content-page .content-global { margin: 0; }
.branding img { margin: 0; position: static; width: auto; }
#content ul.anchor-links {display: block;}
/*--Header--*/
.branding { padding: 0 15px 5px; width: 70%; display: inline-block; }
.header { padding: 0; position: relative; }
.header .hide {display: none;}
.header-links { position: absolute; top: 15px; right: 21px; width: auto; display: inline-block; }
.header-links > a { margin-left: 15px; display: inline-block; font-size: 0.812em; font-weight: bold; color: #336699; text-decoration: none; }
.header-links > a:hover { color: #000; }
a.login { height: 18px; padding-left: 27px; background: url(/images/design/desktop/sprite-desktop.png) 0 0px no-repeat; padding-top: 3px; }
/* Log in toolbox */
#toolbox { position:absolute; border-style:solid; border-width:2px; border-color:#6b8e06; border-radius: 10px; -moz-border-radius: 10px; background-color:#fcfdf7; display:none; z-index:999; behavior: url(/scripts/PIE.htc);}
#toolbox a {cursor:pointer;}
#toolbox-login {height:auto;}
#toolbox-login table tr td {padding-left:10px;}
.toolbox-header {width:100%; height:15px; background-color:#ebf1bf; padding-top:10px; border-top-left-radius:10px; border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; padding-bottom:2px;position:relative; behavior: url(/scripts/PIE.htc);}
.toolbox-header p {padding-left:10px; font-size:12px; font-weight:bold; line-height:12px; margin:0 }
#delete-confirm, #reset-confirm, #toolbox-save-as {height:auto; width:250px;}
#toolbox-register {height:auto; width:310px;}
#toolbox-register table tr td {padding-left:15px; padding-right:15px;}
#toolbox-register table tr td ul li, #toolbox-login table tr td ul li {padding-left:15px;}
#toolbox-register-success, #toolbox-login-success, #toolbox-logout-success {height:auto; width:290px;}
#toolbox-help {height:430px; width:350px;}
#toolbox-load-profile-confirm{height:auto; width:290px;}
.close{position:absolute; top:3px; right:3px; width:22px; height:22px; background:url(/images/template/sprite-toolbar.png) no-repeat; background-position:-88px -66px; cursor:pointer;}
#toolbox td {padding:3px;}
#toolbox input{width:130px;}
#toolbox p {padding-left:10px;}
.login-error, .login-error a, .save-as-error, .register-error, .delete-error {color:red; font-weight:bold;}
#toolbox a {text-decoration:underline;}
#toolbox a:hover {text-decoration:none;}
#toolbox-register td p {margin-left:-10px;}
#toolbox-login {width:500px;}
#toolbox-login table p {padding-left:0;}
#toolbox { z-index:99999; }
.search-bar { min-height: 0; background: none; width: auto; margin-right:0;position: absolute;right: 20px;top: 45px;}
input.search-textfield { width: 84%; margin: 0 0 0 10px; padding: 3.5px; font-size: 0.9em; font-weight: normal; background: #ebebeb; }
.search-inner { width: 143%; float: right; background: #ebebeb; border: none; }
#main-wrapper .search-inner { width: 100%; }
input.search-submit { margin-top: 0; top: 1px; right: 0; height: 21px; width: 21px; background: url(/images/design/desktop/sprite-desktop.png) 0 -41px no-repeat; }
input.search-textfield { height: auto; }
/*--Navigation--*/
#MainNavigation { width: 100%;}
#MainNavigation ul { width: 100%; }
.primary-nav li.nav-first-child a { width: 56px; background-position: 0 -354px }
/*.primary-nav li.nav-first-child a.current, .primary-nav li.nav-first-child a:hover { background: url(/images/design/desktop/sprite-desktop.png) no-repeat 0 -64px; }*/
.ribbon { /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
width: 50%; }
#MainNavigation > ul > li > a { padding: 0 0.4em; font-size: 0.85em; }
/*--Secondary column--*/
/*Sidebar listings*/
.pod { display: block; margin: 0 auto 15px; padding: 0; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(/scripts/PIE.htc); position:relative; width: 86%; /*box-shadow: 0px -1px 3px #abb1b2;*/ border: solid 1px #ccc; }
a.sidebar-image { text-align: center; display: block; }
.pod a.sidebar-image img { margin: 0 auto; text-align: center; width: 89%; }
.pod ul li,
#calculator .pod ul li { border: none; margin: 0; padding: 2px 2%; }
.pod ul li a { padding-left: 12px; background: url(/images/design/desktop/sprite-desktop.png) -72px -44px no-repeat; margin: 0; font-weight: normal; font-size: 0.9em; }
.pod#calculator h3 {background: url(/images/design/desktop/calculator-bg.png) no-repeat 97% 0;}
#calculator a.more {background: none repeat scroll 0 0 transparent;display: block;font-size: 0.9em;height: auto;padding-top: 4px;position: static;text-align: right;text-decoration: none;text-indent: 0;width: auto;}
.side-spotlights { padding: 10px; width: 75%; }
a.secondary-col-cta { margin-top: 10px; display: inline-block; text-align: center; background: url(/images/design/desktop/button-bg-right.png) no-repeat 91% 50% #336699; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; font-size: 0.77em; text-decoration: none; font-weight: bold; padding: 5px 23px 5px 18px; }
a.secondary-col-cta:hover { background: url(/images/design/desktop/button-bg-right.png) no-repeat 91% 50% #666666; }
/*--Footer--*/
#Footer { float: left; width: 100%; padding: 0; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; behavior: url(/scripts/PIE.htc); position:relative; margin-bottom: 25px; box-shadow: 0px 2px 3px #ccc, 0px 2px 3px #ccc, 0px 2px 3px #ccc; }
.col-right { float: right; }
.col-left { float: left; }
.link-wrapper { float: left; margin: 0; width: 100%; padding: 0; padding-bottom: 10px; }
.footer-links { width: auto; margin: 15px 2%; }
.footer-links ul li { float:left; margin-left: 0; margin-bottom: 0;}
.footer-links li a { line-height: 0.3em; font-weight: normal; font-size: 0.75em; }
.col-right li:last-child, .col-left li:last-child { border-right: 0; }
/*--Standard content page--*/
/*structure*/
.standard-content-page .main-column { width: 62%; margin: 0 2%; }
.standard-content-page .no-l-nav.main-column { width: 78%; }
.standard-content-page .main-column.main-no-rhs-bar { width: 80%; }
.standard-content { padding-top: 0; padding-bottom: 40px;}
.standard-content h3.article-title { color: #6b8e06; font-size: 1.2em; margin-bottom: 10px; }
.standard-content h2.hideIconSmall { background: none; }
.standard-content h2,
.standard-content h2:not([class]) {background: none; border-bottom:dotted #ccc 2px; font-size: 1.6em; font-weight:normal; padding: 0 0 5px 0; margin: 1em 0 0.5em 0; clear: both;}
/*content elements*/
.anchor-links { margin: 5px 20px 13px; }
.anchor-links li a { font-weight: bold; text-decoration: none; padding-left: 17px; }
.anchor-links li a:hover { text-decoration: underline; }
.detail-box { border-bottom: none; }
.standard-content h2 { cursor: auto; margin-bottom: 10px; padding-bottom: 1px; border-bottom: 2.5px dotted #bdbdbd; height: auto; background: none; padding-left: 0; font-size: 1.4em; font-weight: normal; }
.standard-content h3 {font-size: 1.3em;}
.top-link { text-indent: -10000px; display: inline-block; float: right; position: relative; top: -37px; background: url(/images/design/desktop/sprite-desktop.png) no-repeat 0 -274px; width: 20px; height: 20px; }
.top-link:hover { background: url(/images/design/desktop/sprite-desktop.png) no-repeat -21px -274px; }
.detail-info { display: block; }
.links-block { margin-bottom: 26px; }
.links-block h4 { color: #6b8e06; border-top: 6px solid #6b8e06; padding-top: 12px; }
.links-block .related-links { margin-left: 17px; }
.links-block .related-links li { margin-bottom: 0; }
.links-block a.arrow-listing { margin-bottom: 0; font-size: 0.9em; margin: 4px 0; }
.tip-box { width: 155px; float: right; margin-left: 20px; margin-bottom: 10px; }
}
@media only screen and (min-width: 50em) and (max-width: 1000px){
.secondary-column .pod#calculator h3 { background: none;}
.search-inner { width: 70%;}
}
@media only screen and (min-width: 56em) {
#MainNavigation > ul > li > a { padding: 0 0.4em; font-size: 1em; }
.primary-nav > li:hover > ul { font-size: 100%; }
.primary-nav li.nav-first-child { background: url(/images/design/desktop/sprite-desktop.png) no-repeat -2px -354px; }
.primary-nav li.nav-first-child:hover { background: url(/images/design/desktop/sprite-desktop.png) no-repeat -2px -64px; }
.primary-nav li.nav-first-child a.current { background: url(/images/design/desktop/sprite-desktop.png) no-repeat -2px -64px; }
}
@media only screen and (max-width: 64.999em) { /* 1036 px */
.wrapper {border-radius: 0; width: 100%; margin: 0; box-shadow: none;}
#Footer {border-radius: 0; margin-bottom: 0;}
}
@media only screen and (min-width: 65em) {
.header { padding: 1% 1% 0 1%; position: relative; }
#MainNavigation > ul > li > a { padding: 0 0.8em; }
.ribbon-content {overflow: visible !important;}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { content: " "; position: absolute; display: block; border-style: solid; border-color: #4c620c transparent transparent transparent; top: 100%; z-index: 10; width: 0px; height: 0px;}
.ribbon .ribbon-content:before { border-width: 1em 0 0 1em; }
.ribbon .ribbon-content:after { right: 0; border-width: 1em 1em 0 0; }
.primary-nav > li:hover > ul { width: 90%!important; left: 3%!important; }
.primary-nav { width: 100%; position: relative!important; left: -1.7em; padding-right: 3.4em; }
}
@media only screen and (min-width: 69em) {
.primary-nav li.nav-first-child { width: 6.75% !important;
}
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
/*a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }*/
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; /* h5bp.com/t */ }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* ======= STYLES CLIENT ASK TO PUT IN =======
=========================================== */
#content .closing {color:#666; font-size: 1em; line-height:1.4em; font-weight:bold;}
#content .indigenous {color:#993300;}
#content .article-title {color:#6b8e06; font-size:1.3em; font-weight:bold; margin: 12px 0; border-bottom: none; padding:0; background:none;}
#content .indigenous-article-title {color:#993333 !important;}
hr {color: #6b8e06; background-color: #6b8e06; height: 5px; border:0; margin: 0; clear:both;}
hr.indigenous {background-color: #993333;}
iframe {border: none;}
/* content box - generic */
#content .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/scripts/PIE.htc); position: relative; padding: 15px 15px 5px 15px; overflow:hidden; margin-bottom: 15px; }
#content .box h2, #content .box h3, #content .box h4 { margin: 0px 0px -30px 0px; }
#content .box h3 + p { margin-top: 12px !important; }
/* border boxes */
.border {border: solid 1px; }
.border.blue {border-color: #336699; }
.border.orange {border-color: #eb7b28; }
.border.green { border-color: #6b8e06; }
.border.teal {border-color: #007983; }
.border.purple {border-color: #6d3a96; }
.border.magenta {border-color: #b92f92; }
.border.grey {border-color: #999999; }
/* solid fill boxes */
.fill.blue {background-color: #dee7ef; }
.fill.orange {background-color: #ffdeb5; }
.fill.green {background-color: #ebf1bf; }
.fill.teal {background-color: #d6fff7; }
.fill.purple {background-color: #efd7ef; }
.fill.magenta {background-color: #f7d0e0; }
.fill.grey {background-color: #e7e7e7; }
.fill.casestudy {background-color: #ebf1bf;}
/* Keytip */
.keytip {background: url(/images/template/key-fact.png) top left no-repeat; width:158px; float:right; margin: 0 0 15px 15px; clear: right;}
.standard-content .keytip h2, .keytip h3, .keytip h4 {color: #666666; padding: 11px 0 0 6px; font-size: 1.15em; margin: 0 !important; font-weight: bold; border: none;}
.keytip p {color:#333; font-weight:bold; padding: 12px 0 0 0; margin: 0 !important;}
/* box headings */
#content .box h2, #content .box h3, #content .box h4 {color: #333333; width: 100%; padding: 10px 15px; position: relative; top: -15px; left: -15px; border-bottom:none; font-size: 1.3em; font-weight:bold;}
#content .box.important h2, #content .box.important h3, #content .box.important h4 { color: #800000; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDhDQUNBOUVCRUE2MTFFMjk3QUVCQUE4RDAzNzAzRDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDhDQUNBOUZCRUE2MTFFMjk3QUVCQUE4RDAzNzAzRDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OENBQ0E5Q0JFQTYxMUUyOTdBRUJBQThEMDM3MDNENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OENBQ0E5REJFQTYxMUUyOTdBRUJBQThEMDM3MDNENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps0/8MwAAAJQSURBVHjaxJYxTAIxFIbfMbEpmxuMuhhwcwEGY6KDoKsxgrODi6NB0Y3BkDg5iEYTRxEGExeJiyOHMYHBRJh0PCfY8D3ohTuu7bVo4kteemnv+r33t9c+AzSsfxCMYjONnmRdFrqJ3jaOe23lefp9MBRgBNlGTzOoyAhcRi/6BSEFs+xu0Wc9g9NhgFB4+PzxzPv8HX0JA+hogRF6iE3OMzAzD7BaAIjER329b4CXM4CnE8806BsILyuBEVrCJsOF7jwCBKf4EhH8YZ83kkX45Tg4oAQlo0xFULLF3eESeK2E83rmDDige0IoTeiUV2SxLdFIie0ZNxg7I9icCicMheEP7I6XcU76yWfjL8ARp+QBlm1G+gnt3K9X/6mbFb83cs6M00rx1q/l4xSYf3ARe60JnFICN6u/C2xkaRucVHrd6sjhfoGNLOH6nZSsVRXLbHW0ptIDizaPusyDddYH0+7mSaoHtvTBPLkpEApoAnBbW24nqFXVDb1tg019uSs6h8a4NWzw/cRy68sMrEoZgMu27upyV4e/j3mtC63ZZVEAHwha1PqcioL6zSQXxZH9YLBrkYq4uv2PSW393H3v0uFxsawiuYlJxlwVCMs6q5Tp+GVPfSsFlWyj3JML4TVf+NzarwoFVDbNPTJZUZaVXhQ86yrv7ITwrGbwGPdgoaNx/M6ltfWWtiJLujaXRBqSP+56jypNWmcq/kgBKmu9Sryhb6IvsPveWWyEIN+1DMW1yTCZkoKdT6cfBXmFipmS9U0Nft181zRoa/+H/QgwACkq4FARO/yYAAAAAElFTkSuQmCC) top left no-repeat; padding: 0 0 0 35px; line-height: 30px; margin: 10px 10px -20px 10px; }
#content .fill.green h2, #content .fill.green h3, #content .fill.green h4 {color: #597502; }
/* highlighted boxes */
#content .box.highlight h2, #content .box.highlight h3, #content .box.highlight h4 { color: white; margin: 0px 0px -20px 0px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; behavior: url(/scripts/PIE.htc); position: relative; }
#content .box.highlight.blue h2, #content .box.highlight.blue h3, #content .box.highlight.blue h4 { background-color: #31639b; }
#content .box.highlight.orange h2, #content .box.highlight.orange h3, #content .box.highlight.orange h4 { background-color: #A54900; }
#content .box.highlight.green h2, #content .box.highlight.green h3, #content .box.highlight.green h4 { background-color: #637D00; }
#content .box.highlight.teal h2, #content .box.highlight.teal h3, #content .box.highlight.teal h4 { background-color: #007983; }
#content .box.highlight.purple h2, #content .box.highlight.purple h3, #content .box.highlight.purple h4 { background-color: #6d3a96; }
#content .box.highlight.magenta h2, #content .box.highlight.magenta h3, #content .box.highlight.magenta h4 { background-color: #b92f92; }
#content .box.highlight.grey h2, #content .box.highlight.grey h3, #content .box.highlight.grey h4 { background-color: #666666; }
/* clickable objects */
.clickable { cursor: pointer; }
/* GLOSSARY */
.alpha-bar {width: 100%; float: left; margin-bottom: 20px;}
.alpha-bar a {display: block; background-color: #EBF1BF; width: 25px; height: 22px; float: left; margin: 0 2px; text-align: center; text-decoration: none !important; color: #333333; font-weight: bold; font-size: 1.1em; padding-top: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/scripts/PIE.htc); position: relative;}
.alpha-bar a.active, .alpha-bar a:hover {background-color: #6B8E06; color: #ffffff;}
.glossary-item {float: left; width: 100%; border-bottom: 2px dotted #cccccc; margin-bottom: 10px;}
#content .glossary-item h2 {font-size: 1.1em; font-weight: bold; border: none; margin: 0;}
#content .glossary-item a {text-decoration: none;}
#content .glossary-item a:hover {text-decoration: underline;}
#content .glossary-item p {margin: 5px 0 10px 0;}
#content a.glossary-link, #content .glossary-link a {cursor: help; color: #000000; border-bottom: dashed 1px #000000; text-decoration: none;}
#content .list {width: 393px; float: left;}
#content .list-item h2 {font-size: 1.1em; color: #336699; margin: 0; padding: 0; border: none;}
#content .list-item a {font-weight: bold; text-decoration: none;}
#content .list-item a:hover {text-decoration: underline;}
#content .list-item .title {margin: 0; font-weight: bold; color: #333;}
#content .list-item p {margin: 0 0 12px 0;}
iframe.youtube { width: 320px; height: 200px; margin: 0 0 10px 10px; }
iframe.youtube { position: relative; } /* used to fix bug that flashes iframe content when the parent changes from hide to show */
/* tool tips */
#tooltip { color: #000; background: white; position: absolute; z-index: 100; padding: 15px; border:solid 2px #336699; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/scripts/PIE.htc); z-index: 99999; }
#tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #336699; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px;} /* triangle decoration */
#tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #6B8E06; top: -20px; bottom: auto;}
#tooltip.left:after { left: 10px; margin: 0; }
#tooltip.right:after { right: 10px; left: auto; margin: 0; }
/* form elements */
#content input[type="text"], #content input[type="number"], #content select, #content textarea {
color: #336699;
background-color: white;
font-weight: normal;
border: 1px solid #ccc;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
behavior: url(/scripts/PIE.htc);
padding: 0.5em 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
#content input:focus, #content select:focus, #content textarea:focus { border:1px solid #6e9934; outline: none; }
input.empty { border-color:#d00000; }
:focus { outline: none; box-shadow: 0px 0px 15px 3px rgba(0, 191, 255, .75); }
section:focus, footer:focus { box-shadow: none; }
/* in page feedback */
#feedback { text-align: right; }
#feedbackform { clear: both; padding-bottom: 5px; }
#feedbackform p { margin: 0; }
#feedbackform label { display: block; font-weight: bold; }
#feedbackform input { width: 100%; margin-bottom: 5px; }
#feedbackform textarea { width: 100%; min-height: 100px; }
#feedbackform button { margin-bottom: 5px; }
#feedbackStatus { font-weight: bold; color: red; margin-left: 15px; }
#feedback a.icon { text-decoration: none; padding: 5px; color: #336699; background-color: white; border: solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#feedback a.icon:hover, #feedback a.icon:focus { color: white; background-color: #336699; }
#feedback a.icon .icon-bullhorn, #feedback a.icon .icon-bubble { margin-right: 5px; }
.feedbackLinks { text-align: right; margin-bottom: 15px; }
.standard-content { padding-bottom: 0; }
/************************
SPECIAL CLASSES
************************/
.offScreen {position: absolute;left: -9999px;width: 900px;}
.not-visible {visibility: hidden;}
.hide {display:none;}
p.footnote {font-size: 0.75em;}
.pdf {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB2UlEQVR42o2TzUsbQRiH2x49xEaqVFDoP+ApIj159CRYEI9KLxEt6qEfaRUlCIJnIUGCogUhPRRvHuqpgl78okI/KDGtVJJdN8km2Z3d7G4S/TnvwOpCEpqFB2Z25vfwvi/MAwAC/nVxApy+//CM88jNeQUB27aLlUrlulqtoh78HJFIZMUr8Qr6KGxoGrSlD2Bfd2GaJjS+LxQKUBRFSGRZRjQavZO44YckoAsW06GF38A8O4FlWWCMoVgsIpPJCEGpVIJhGIjFYkJSI3AcB/nQJPT4BglEQNd1ZLPZmpYoUyPgbSAffgu2Hae16NttJZfLiUokSWosIDITo8iFpmjtlVAlYh6qqjYW2H+TkMaGcfXqJaxfP7wSaodmQqLGAvndNNT1VVh/zpGe5JJkQlwul8s0H5IQ9QWOIuNiZBB2OoVS4jdSM+NIPO/BxYsBXAZHkZ59DfXzJ6qmviC18B7pxTkUvuwgu7UJbX8Pxs/vkJYX8W8qiNR8CMrHtVrBQWebP/bEFz4fGYKTFwNyeyeofIGlXMFhjNb3gtOn/n7O8l7H42/68aEb9krqcS84avetcXYjrS1h/vOGgya5JoH3LfTyKZt00EyY32X0AL2CbpKQtUkClLkFJDmz4DuRktcAAAAASUVORK5CYII=) top left no-repeat; padding: 0 0 2px 22px !important;}
.doc {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACHUlEQVQ4y42Tu2uUURDFf/fxfcmiwc0GNwguxKQRsVNjtBARtLMRwVIrU1mIrWArIoiS9Db5X4KFkkaRgOCDLJuN2V3IZr/HvTMWWTdRg+TAgVvMnHuGmWNUFQBjzGlgGnD8H5vAN1UVAFSVociFLMu6ZVnGEIIexizLdGlp6TUwA1hV/UNgvizLuLOzo/1+f8Rer6edTkdbrZaGELTZbOry8vJIxNx7s/ajyEI3FIPxmXp1TqJCBIkgQQilEkPkxcMGtVqNoigQEVZWVt4sLi6+4s7LD58GedAyyKFs/cz0/rP32m63/xkJmPexiCFxlqdvP9PLIufqFdY3Bkwkjupxx9qXXWKppGlKt9tFRAghUK/XAbASFQWyXEnV0Jiu0OkLJ6ueLI9oAaZUvPekaUqSJIyNjY1WYrXYe4wDkiura13KQtho5Xz9XrBw/hg2KM45vPd470mSZF8gFnvrLHOluRvZ2i6pGsP6RsQa5dbVaSQq1lqccyOhkYDkCgr9gWBz5eblGrUTnkrFcu3iJFPVFImKMQYA5xzW2oMOFOsgFsKZqYTb10+hwIQGbizUcdYgw1sxxvy+mRG8iVS2tnOePz4LCoMs8OTB3KigvZ0Tiv2mg78DeCmEu4/efQx5Nj7bmJwVARVBFVQUEYM1+yP8DTO0ZoBLIYRVwHA0iPf+ih0GSgGJMQ4AOUpzjHEXiOZAnBvDONsjOojA5i9utXmjjp6qzgAAAABJRU5ErkJggg==) top left no-repeat; padding: 0 0 2px 22px !important;}
.xls {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAyVBMVEX///8xSmOUrdbO3v8xWhg5cyHe5//v7/8xYxCEpeeMreeUvYwxWhClvd5KjDlanFLe7//n7/9rrWP39/8xShhChCnG3v/W5/85eyFanEqUxoycrb2ErefO3s5apVqUpbVjpVJjpVrn7+cxawhChCGctZycvd6cxpTe794xaynW59YxYxhznGultZyltc5zpXOtvc6tvda1xta9xtbG1sZ7pe9CjDGErYRKjDFje1qMtecxcwiUpb1SlEKUtedjrWPv9/9SlEo5axjLXyNRAAAAAXRSTlMAQObYZgAAALdJREFUeF5NykWOxFAMRVHDpzBDIUMjM8P+F9VOlEEdyQNfPRB3t+LmSoDI89Vy9PlSbdvCTrALMNgUdnGPEsarX5glya4LiAjf63H+dJ3EZ46IoghhCbPDvD19KNyPpVTCCIIkmOuLk1AWKSHEgdbnQfx3qaztQwXiWatXJYvmC2ELgzIzKctCv2+cC0NVlsYQ+whiktks617iaR8+DIlGrvaGwA0bZq6HsOCI9v6bP/W8xz7gsX+lDQ7pTZWl4QAAAABJRU5ErkJggg==) top left no-repeat; padding: 0 0 2px 22px !important;}
.ppt {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAABoUlEQVQoU4VSTUtCQRSdNz4Vssg0JHihq9zkzj/Q3j9gtGphBC0jglq0q6BatXMb/ZdEBN20eUGBbswWEr7ozWdnHDOzrMsw7zLvnHvul6O1JoR0Op1utyulJL9ZJpPJZrOUUviufQK6UChEIhHHcabQQoharQbHckYExAY6DMMxATilFGMsnU7n83nf9y3HGVztwNNKEam1lFoMDzc34UIcV1OpFGggN5tNz/PI4LKiZ9jLbqnX64kJQ26uFgoKKhgEt+eEUPn0QHPr8+U9upjUIY/FYv1+H+GBRulAUs0FPsHN6Vypktg6VMEbb929Vs9MlJC7rgtONBqNx+O2NtcStCROcpkmEvqdI3t+3zKPIbd9g9nuG4JihiAf/f7BJoQJE7i1ciwBfZxqNMWr+Xh5FTL4inGIuCueSYkJi4aOndoXYWF7P5JdQwNw3NXc0tGFUeACmUzmM0zJKiRTSyfX5LvZ8szfz/CGAIXn8oYJxkdTI7ilsufnpjh2RvV6vVgskv+s0WgYLYSB6KxVHZvdt1FB7XYbC4uJ/kEAGsP+ABs+LfKtaZHzAAAAAElFTkSuQmCC) top left no-repeat; padding: 0 0 2px 22px !important;}
.no-border-bottom {border-bottom:none;}
.light-grey {color: #666666 !important;}
.right {float: right !important;}
.left {float: left !important;}
.small {font-size: 0.7em;}
#lastupdated { font-size: 0.7em; color: #999; float: left; }
/************************
Custom Fonts
************************/
@font-face {
font-family: 'icomoon';
src:url('https://d2mlabsbqybln9.cloudfront.net/fonts/iconmoon/fonts/icomoon.eot?tv2l49');
src:url('https://d2mlabsbqybln9.cloudfront.net/fonts/iconmoon/fonts/icomoon.eot?tv2l49#iefix') format('embedded-opentype'),
url('https://d2mlabsbqybln9.cloudfront.net/fonts/iconmoon/fonts/icomoon.ttf?tv2l49') format('truetype'),
url('https://d2mlabsbqybln9.cloudfront.net/fonts/iconmoon/fonts/icomoon.woff?tv2l49') format('woff'),
url('https://d2mlabsbqybln9.cloudfront.net/fonts/iconmoon/fonts/icomoon.svg?tv2l49#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-bubble:before { content: "\e66b"; }
/************************
CONTENT
************************/
#content ul.links, #content ul.anchor-links {margin-left: 19px;}
#content ul.links li, #content p a.link {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAMAAADNcxasAAAABlBMVEUzscz///82C5rEAAAAAnRSTlP/AOW3MEoAAAAaSURBVAhbY2RgZGAAYQgCYwQFYUPEYWpAPAABvgAPkWT8agAAAABJRU5ErkJggg==) 0px 6px no-repeat; list-style-type: none; padding-left: 13px;}
#content ul.links a {font-weight: bold; text-decoration: none;}
#content ul.links a:hover {text-decoration: underline;}
#content p a.link {background-position: 0px 3px no-repeat; text-decoration: none;}
#content p a.link:hover {text-decoration: underline;}
#content ul.anchor-links {margin-bottom: 20px; margin-top: 20px;}
#content ul.anchor-links li {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAACVBMVEW81uQFZJr////0kkA6AAAAJElEQVR42i3GwQ0AAAyCQHX/oUtSCI9L9zVQDSqoJJJIIlm2AxcfAHyCgvZ3AAAAAElFTkSuQmCC) 0 3px no-repeat; padding: 0; list-style-type: none;}
#content ul.anchor-links a {color:#336699; font-weight:bold; text-decoration: none;}
#content ul.anchor-links a:hover {text-decoration: underline;}
#content .closing {color:#666; font-size: 1em; line-height:1.4em; font-weight:bold;}
#content .indigenous {color:#993300;}
#content .article-title {color:#6b8e06; font-size:1.3em; font-weight:bold; margin: 12px 0; border-bottom: none; padding-bottom: 0;}
#content .indigenous-article-title {color:#993333 !important;}
a.button, a.button-left, a.button-white, a.button-white-left, button { position: relative; background: #336699; background-repeat: no-repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/scripts/PIE.htc); padding: 5px 15px; line-height: 18px; cursor: pointer; color: white; font-weight: bold; text-decoration: none !important; outline:0; border:0; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; }
a.button-white, a.button-white-left { background: white; border: solid 1px #336699; color: #336699 }
a.button:hover, a.button-left:hover, button:hover { background-color:#666 }
a.button-white:hover, a.button-white-left:hover { border: solid 1px #666; color: #666 }
.skip li { float:left; }
.skip li a:focus { position: absolute; left: 10005px; z-index: 9; width: 200px; } /* move anchors back on screen when they gain focus */
/* force collapsed content (desktop) */
h2.collapse { cursor: pointer; background: url(/images/design/mobile/nav-plus-small.png) 0 0 no-repeat; height: auto; padding: 0 0 5px 33px; -moz-background-size: 25px auto; -ie-background-size: 25px auto; -o-background-size: 25px auto; -webkit-background-size: 25px auto; background-size: 25px auto; }
h2.collapse.hideIconSmall { background: url(/images/design/mobile/nav-minus-small.png) 0 0 no-repeat; -moz-background-size: 25px auto; -ie-background-size: 25px auto; -o-background-size: 25px auto; -webkit-background-size: 25px auto; background-size: 25px auto; }
/* force no collapse content (mobile) */
.standard-content h2.no-collapse { background: none; padding-left: 0; }
@media print {
body {font-family:Arial, Helvetica, sans-serif; font-size: 0.8em;}
#header #header-logo img {border: none;}
.header-links, .search-bar, #SearchBox, #MainNavigation, .menu-mobile, .secondary-column, .nav-column, #Footer{display: none;}
h1 {margin-top: 10px;}
.standard-content > h2 { padding-left:0 !important}
table.simple td img {margin: 0 auto; display: block;}
#content {width: 100%;}
.important-box, .case-study, .keytip, .box {border: solid 1px #000000; padding: 0 10px;}
.keytip {width: 158px; float: right;}
img.left {float: left; margin: 0 1em 1em 0;}
img.right {float: right; margin: 0 0 1em 1em;}
p.article-title {font-size: 1.3em; font-weight: bold;}
/* Tables */
table {border-collapse:collapse; margin: 1em 0;}
table th {background-color: #d9e2e4; padding: 6px; border: solid 1px #999999;}
table td {padding: 6px; border: solid 1px #999999;}
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */