/* 
    Government of Alberta Base Style Sheet
    CSS2 Definitions for Layout
    Updated by CGIC - October 2011 to mimic new template schema*/
/* Base Definitions with Layout */
body {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;Z-index: 9999; font:100%;font-family: arial, helvetica, sans-serif; line-height: 1.2em;background: #f1f2f2 url(/images/interface/page-bg-top.png) no-repeat top center; }
img {border: none;}
form {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
/* Primary Layout Containers */
#pageWrap {margin: 0px auto 0px auto; background: url(/images/interface/page-bottom.png) no-repeat bottom center;}
#page {margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;width: 960px;}
#page #currentDate {margin: -3em 0em 0em 0em; height: 3em; font-size: 0.85em; color: #63424b;text-align: right;}
#page #content h3 a {font-size: 18px; color: #0e82ae; text-decoration: none;}
#page #content h3 a:hover {text-decoration: none;}
#header {margin: 0px 8px 0px 8px; padding: 0px 0px 0px 0px; width: 912px; height: 90px; overflow: hidden;}
#navColumn {float: left; padding: 0px 2px 16px 2px; width: 174px; overflow: hidden; margin-left: 6px; margin-top: 12px;}
#contentColumn {float: left; display: inline; width: 738px; overflow: hidden;}
#content {margin: 20px 0px 0px 20px; width: 714px;}
/*
    Subsidiary Layout Containers
*/
/* Accessibility Helpers */
#accessHelpers {display: none;}
#skipToNav, #skipToContent {position: absolute;right: 20px;top: -100px;}
#skipToNav a:focus, #skipToContent a:focus {position: absolute;top: 100px;right:20px;padding: 0.15em;width:10em;color: #fff;}
/* Header Layout Containers */
#logo {float: left; padding: 44px 0px 0px 0px; width: 480px;}
#logo h1#siteTitle {margin: 0px 0px 0px 5px; font-size: 1.1em; font-weight: normal; font-style: italic; color: #00aebd; display: inline; vertical-align: bottom;}
#metaNav {float: right;margin: 0px 0px 0px 0px; padding: 4px 0px 12px 5px; width: 420px; text-align: right; list-style-type: none;}
#metaNav li {float: right; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px;}
#metaNav a {font-size: 0.7em; color: #000000; text-decoration: none;}
#metaNav a:hover {text-decoration: underline;}
#searchForm {float: right; padding: 4px 20px 2px 10px; width: 380px; overflow: hidden; text-align: right;}
#searchForm .searchInput {width: 208px; font: 11px/1.2 Arial, Helvetica, sans-serif; color: #000000; padding: 3px; height: 14px; border: 1px solid #36424b;}
#searchForm .searchButton {margin: 1px 0px 0px 0px; background: #36424b url(/images/interface/sprite.png) no-repeat -2px -1px; width: 22px;  height: 22px;  cursor: pointer; position: absolute; border: 1px solid #000000;}
/* Breadcrumb, Text Resizer and Search Form */
#breadcrumb {margin: 0px 8px 0px 18px; padding: 0px 0px 0px 0px; width: 902px; overflow: hidden;}
#breadcrumb p {float: left; display: inline; margin: 0px 0px 0px 0px; padding: 5px 0px 2px 0px; width: 852px; font-size: 0.75em; color: #000000;}
#breadcrumb a {color: #000000; text-decoration: none;}
#breadcrumb p a:hover {text-decoration: underline;}
#textResizer {float: right; display: inline; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; width: 50px; list-style-type: none;}
#textResizer li {float: left; display: inline; margin-left: 2px;}
/* Content Columns - hidden from IE 5 Mac which has insufficient CSS support - columns are linearized for this browser \*/
#content .columnIntroductory {width: 704px; background: #ffffff; border: 8px solid #ffffff; margin:10px 0px 10px -2px;}
#content .columnLeftFull {width: 704px; background: #ffffff; border: 8px solid #ffffff; margin:10px 0px 10px -2px;}
#content .columnLeft,
#content .columnLeftHalf {float: left; display: inline; width: 330px; background: #ffffff; border: 8px solid #ffffff; margin:10px 0px 10px -2px;}
#content .columnRight,
#content .columnRightHalf {float: left; display: inline; width: 330px; background: #ffffff; border: 8px solid #ffffff; margin:10px 0px 10px 20px;}
#content .columnLeftThird {float: left; display: inline; width: 442px; background: #ffffff; border: 8px solid #ffffff; margin:10px 0px 10px -2px;}
#content .columnRightThird  {float: left; display: inline; width: 216px; background: #ffffff; border: 8px solid #ffffff; margin:10px 0px 10px 20px;}
/* Added to accommodate rotating slideshow - JM
#content .columnRight {height:500px;}
#content .columnRight h2 {margin-top:10px;}
/* The Columns are hidden from IE 5 Mac which has insufficient CSS support - columns are linearized for this browser */
/* Column-Section Ornaments */
#homeFeatureHeader {margin: 4px 0px 0px 0px; width: 714px; height: 178px; overflow: hidden;}
/* Content Details */
#content .intro-padding {background: #ffffff; padding: 10px 10px 10px 10px; margin: 10px -10px 0px 0px;}
#content h1 {margin: 0px -10px -10px -2px; padding: 10px 2px 12px 5px; font-weight: bold; font-size: 20px; color: #36424b; border-bottom: 1px solid #d1d4d3; background: #ffffff;}
#content h2.section {padding: 0px 10px 0px 0px; font-weight: bold; font-size: 18px; color: #36424b;}
#content h2 {padding: 0px 10px 0px 0px; font-weight: bold; font-size: 18px; color: #36424b;}
#content h3.subhead1 {padding: 0px 10px 0px 0px; font-weight: normal; font-size: 18px;color: #36424b;}
#content h3 {padding: 10px 10px 0px 0px; font-weight: normal; font-size: 18px; color: #36424b;}
#content h4 {margin: 10px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #36424b;}
#content hr {color: #d1d4d3; height: 1px; border-width: 0px;}
#content a {color: #0e82ac;}
#content * {font-size: 0.75em;}
#content * * {font-size: 1em;}
#content a, a:hover, a:visited {text-decoration: none;}
#content a:hover {padding-bottom: 1px; border-bottom: #005072 1px solid;}
#content a:visited {color: #a50069;}
#content ul {margin: 6px 0px 0px 0px; padding: 0px 0px 0px 17px;}
#content ol {margin: 6px 0px 0px 0px; padding: 0px 0px 0px 30px;}
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {margin: 0px 0px 0px 0px;}
#content ul li {margin: 2px 0px 0px 0px; list-style-type: square;}  
#content ol li {margin: 2px 0px 0px 0px;}
#content ol li ol li {list-style-type: lower-alpha;}
#content img {margin: 1px 3px 0px 3px;}
.hidden {display: none; visibility: hidden;}
.clear {clear:both;line-height:.1em;font-size:.1em;}
.layoutTable td {padding:5px;}
img.alignLeft {float:left;margin: 0 10px 10px 0;}
.lastupdated {font-size:.8em; margin-top: -8px;}
#leadStories, #SecondaryStories, #servicesNav {clear: both; margin:10px 0px 10px 0px; background: #ffffff;}
/* Footer Styles */
#footer {clear: both; padding: 45px 0px 0px 0px; margin-top: 5px; width: 928px; height: 95px; overflow: hidden;}
#footerLogo {float: left; display: inline; padding: 10px 10px 0px 20px; width: 120px;}
#footer a {color: #000000; text-decoration: none; font-size: 11px;}
#footer a:hover {text-decoration: underline;}
#footer li {margin:0;padding:0 5px;display:inline;}
#goaLinks,
#siteLinks {width: 750px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#goaLinks li,
#siteLinks li {float: right; display: inline; padding: 0px 5px 0px 5px; list-style-type: none;}
#copyright {float: left; display: inline; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; width: 750px; font-size: 11px; color: #000000; border-top: 1px solid #ff7900;}
#copyright a {padding-left: 5px;}
#addthis {float: right; margin-top:10px;}
/* RedDot internal styles */
span.instructions {font-size:12px; color:red;}
.show {display:block;}
.hide {display:none;}
.preview {font-size:12px; display:inline; margin-top:-10px;}
/* RedDot internal styles */
span.instructions {font-size:12px; color:red;}
.show {display:block;}
.hide {display:none;}
.preview {font-size:12px; display:inline; margin-top:-10px;}
/* Page Layout Templates */
/* Photo Gallery with Grid Layout image area = 175px */
.photoGallery {}
.galleryItem {float:left;width:200px;height:225px;margin:10px 20px 10px 0;text-align:center;}
.galleryItem a {}
.galleryItem p {margin:0;padding:5px;}
.galleryItem img {}
.galleryItem .caption {}
/* Government and Ministry Main Landing Page */
.govLanding h3, .ministryLanding h3 {margin-bottom:0;}
.govLanding p, .ministryLanding p {margin-top:0;}
.govLanding li, .ministryLanding li {list-style:none;padding:.25em .5em;}
.columnLeft {}
.columnRight {}
.columnLeft .section, .columnRight .section {}
#flashMessage a:hover {color:#ccc;}
/* Programs and Services Home Page Container */
#servicesNav {margin:10px 0 16px 0;padding-right:0;padding-bottom:0;width:auto;}
#servicesNav h2 {margin:0 20px 0 -20px;padding:16px 20px 8px -20px;color:#0d3692;font-weight:normal;}
#servicesNav h3 {color:#79a901;margin:12px 0 0 0;padding-bottom:0;}
#servicesNav p {margin:0;padding:0 0 0 15px;}
#servicesNav .columnLeft {margin-left:-20px;padding:10px 20px 20px 20px;}
#servicesNav .columnRight {padding:10px 20px 10px 20px;margin:0 -20px -20px 0;}
#servicesNav .columnLeft a, #servicesNav .columnRight a {text-decoration:none;color:#000;}
#servicesNav .columnLeft h3 a, #servicesNav .columnRight h3 a {color:#79a901;margin:12px 0 0 0;padding-bottom:0;}
#servicesNav .columnLeft h3 a:hover, #servicesNav .columnRight h3 a:hover {color:#79a901}
#servicesNav .columnLeft a:hover, #servicesNav .columnRight a:hover {text-decoration:underline;}
#servicesNav .moreLink {clear: both; padding: 0px 10px 8px 0px; font-weight: bold; text-align: right;}
/* News and Spotlight List Definitions */
#news {position:relative;}
#news #currentDate {position:absolute;top:12px;right:15px;color:#666;font-size:.9em;}
.newsList .category {margin:0;font-weight:normal;font-size:.9em;}
#content .newsList .category a {color:#666;}
#content .newsList .category a:hover {color:#000;}
.newsList .category a:hover {color:#000;}
.newsList .summary {font-size:1em;margin:0 0 12px 0;}
#spotlight {}
#spotlight ul {margin:0;padding:0;list-style:none;}
.spotlightList li {margin:0 0 10px 0;padding:0;font-size:1em;}
/* Definitions specifically for Internet Explorer 5-6 but hidden from IE Mac \*/
* html #logo {padding-bottom:17px;}
* html #searchForm {margin-top:6px;}
* html #textResizer {margin-right:-25px;}
* html #mainNav {padding-bottom:4px;}
* html #bannerPremier {height:1%;}
* html .columnLeftThird {width:50%;}
* html #servicesNav, * html #page {height:1%;}
* html #servicesNav .columnLeft {margin-left:-10px;}
* html #pageWrap {width: 800px /* fallback value */; width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1125 ? "1100px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 780 ? "760px" : "99.7%")); }
/* Hide for IE-Mac \*/
.columnRight, #mainNav ul, #leadStories, #breadcrumb {display:block;}
* html .columnRight, * html #mainNav ul, * html #leadStories, * html #breadcrumb {height:1%;} 
/* The above definitions fix IE<=6x */
/* RedDot-only definitions */
.hide {display:none;}
#metadata {border:1px solid #900; margin:10px;}
#metadata h2 {margin:0; padding:4px;}
#metadata p {margin:4px; padding:0; }
.instructions {font-size:.8em;color:#900;background-color:#FFF;}
.instructionsgrey {font-size:.8em;color:#666;}
.sampletext, .sampletext a {color: #003399; font-family: "courier", times, serif;font-weight:bold;}
.preview {float:right;font-size:.8em;display:inline;margin-top:-10px;}
.thumbnail {border: 1px solid #CCC;}
 
/* Text Editor Classes */
.rightAlign {float:right;}
.leftAlign {float:left;}
.alignCenter{padding-left: 2px;}
.valignMiddle img {vertical-align: middle}
.small {font-size:.89em;}
.icon {padding: 0;}
/* Right Floater box */
.rightFloater {clear:both;float:right; margin:0 20px 20px 10px;width:200px;border: thin solid #e6e9f0;border-right: thin solid #e6e9f0; border-left: thin solid #e6e9f0;border-bottom: thin solid #e6e9f0;padding: 10px 5px 10px 5px;}
.rightFloater h2 {line-height:16pt;text-align:left;font-size:1.3em;font-family:arial,helvetica,sans-serif;font-weight:bold;color: #0d3692;background-color: #ebeef5;margin-bottom:2px;padding: 5px 5px 5px 10px;margin: -10px -5px 0 -5px;}
.rightFloater p {font-size:.89em; margin:8px 0 0 0;text-align:left;line-height:1.1em;}
.rightFloater p {padding: 5px 5px 0px 8px;}
.rightFloater ul {line-height:1.1em;font-size: .89em;margin:5px 0 0 35px;list-style-type:square;}
.rightFloater img {margin-top:2px;vertical-align: bottom;}
/* grouping text beside thumbnails by Mike Zutz*/
#thumbnailText{padding: .05em 0 0 0;margin-left: 3.5em;}
.imgFloater {clear:both;float:right;margin:0 39px 0 0;width:200px;padding:10px;}
/* Content Modules and layout styles - CP */
/* Listing Classes */
.listing {clear:left;min-height:50px;padding:0.7em 0pt 1em;position:relative;}
.listing h3 {margin:1em 0 0.6em}
.listing-body {padding-left:8px;}
.listing-body p {line-height:1.3;margin:0.2em 0pt 0.1em;}
.listing-icon {float:left; padding:.5em 0.2em 1em;}
#content .quicklinks,
#content .quicklinks2,
#content .quicklinks3 {margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; overflow: hidden; border: 1px solid #ffcd29;}
#content .quicklinks h3,
#content .quicklinks2 h3,
#content .quicklinks3 h3 {margin: 0px 0px 0px 0px; padding: 4px 10px 5px 10px; font-size: 16px; color: #34624b; border-bottom: 1px solid #d1d4d3; background: #f1f2f2;}
#content .columnLeftFull .quicklinks,
#content .columnLeftFull .quicklinks2,
#content .columnLeftFull .quicklinks3,
#content .columnLeftFull .rightFloater,
#content .columnLeftFull .sidebar,
#content .columnLeftFull .sidebar2,
#content .columnLeftFull .sidebar3 {float: right; display: inline; margin: 0px 0px 0px 20px; width: 250px;}
#content .rightFloater p,
#content .quicklinks p,
#content .quicklinks2 p,
#content .quicklinks3 p  {margin: 10px 10px 0px 10px;}
#content .sidebar p,
#content .sidebar2 p,
#content .sidebar3 p {margin: 10px 10px 0px 0px;}
#content .rightFloater li,
#content .sidebar li,
#content .sidebar2 li,
#content .sidebar3 li,
#content .quicklinks li,
#content .quicklinks2 li,
#content .quicklinks3 li {list-style-type: square; margin-left: 10px;}
#content .sidebar,
#content .sidebar2,
#content .sidebar3 {margin: 10px 0px 0px 0px; padding: 0px 10px 10px 10px; border: 2px solid #d1d4d3;}
#content .sidebar h3,
#content .sidebar2 h3,
#content .sidebar3 h3 {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 16px; color: #36424b;}
#content .rightFloater {margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; border: 1px solid #36424b;}
#content .rightFloater h2, 
#content .rightFloater h3 {margin: 0px 0px 0px 0px; padding: 3px 10px 4px 10px; font-size: 16px; background: #eaeef5;}
#content .rightFloater a,
#content .sidebar a,
#content .sidebar2 a,
#content .sidebar3 a,
#content .quicklinks a,
#content .quicklinks2 a,
#content .quicklinks3 a {text-decoration: none;}
#content .rightFloater a:hover,
#content .sidebar a:hover,
#content .sidebar2 a:hover,
#content .sidebar3 a:hover,
#content .quicklinks a:hover,
#content .quicklinks2 a:hover,
#content .quicklinks3 a:hover {text-decoration: none;}
#content .notice {border:1px solid #005cb9;background-color:#f1f5f9;overflow:auto;margin-bottom:1.7em;margin-right:6em;padding:1em}
#map_canvas img {
     margin: 0px
}
.mapLabels {
   color: #6d5347;
   font-family: "Arial", sans-serif;
   font-size: 5.5px;
   text-align: center;
   width: 100px;     
/* white-space: nowrap; */
   font-weight: bold;
}
#slideshower {
    position:relative;
    height:300px;
}
#slideshower DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width:315px;
    background-color: #FFF;
    margin-bottom:20px;
}
#slideshower DIV.active {
    z-index:10;
    opacity:3.0;
}
#slideshower DIV.last-active {
    z-index:9;
}
#slideshower DIV IMG {
    height: 207px;
    display: block;
    border: 0;
    margin-bottom: 10px;
    margin-right:5px;
}
/*collapsible content*/
 .FAQQuestion h4, .FAQQuestion h3, .FAQQuestion h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}
.FAQItem {
    margin-top: 10px;
}
.FAQItem .boxNote, .FAQItem .box.note {
    width: 620px;
}
.FAQItem .boxNote h4, .FAQItem .boxNote h3 {
        padding: 0;
        margin: 0;
    }
/*.FAQItem + .FAQItem .open h4 {
  padding: 0;
  margin: 20px 0 0;
}*/
.FAQItem .FAQAnswer {
    margin-left: 15px;
    margin-top: 10px;
}
 .FAQItem .FAQHidden {
    display: none;
    visibility: hidden;
}
 .FAQItem .FAQShown {
    position: inherit;
    left: auto;
    top: auto;
    height: auto;
    width: auto;
}
.FAQItem .FAQQuestion a {
    display: block;
    padding-left: 15px;
    margin-left: 0px;
    background: url('../images/bgMenuParentClosed.gif') no-repeat left center;
}
.FAQItem .open a {
    background: url('../images/bgMenuParentOpen.gif') no-repeat left center;
}
.FAQSection {
    position: relative;
    margin-top: 20px;
}
.FAQSection:first-child {
    margin-top: 0;
    padding-top: 10px;
}
 a.FAQControl {
    font-size: 8pt;
    text-decoration: none;
}
.FAQSection a.FAQControl {
    position: absolute;
    right: 0;
    top: 0;
}
.FAQSection .boxNote + a.FAQControl {
    position: absolute;
    right: 5px;
    top: 10px;
}
.FAQItem .FAQQuestion a {
    display: table;
}
.FAQItem .FAQQuestion:first-child {
    padding-top: 10px;
}
/* 
    Government of Alberta Menu Style Sheet
    CSS2 Definitions for Layout
    Updated by CGIC – October 2011 to mimic new template schema    
*/
/* Main Navigation - Horizontal */
#mainNav {margin: 0px 8px 0px 8px; width: 912px; overflow: hidden; line-height: 0.9em; border-bottom: 2px solid #ffcd29; background: #ffffff;}
#mainNav ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
#mainNav li {float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff;}
#mainNav a {display: block; padding: 8px 10px 8px 10px; font-size: 0.9em; color: #36424b; text-decoration: none; background: #ffffff;}
#mainNav .isCurrent,
#mainNav .isParentCurrent,
#mainNav .selectedParent {background: #ffcd29;}
#mainNav .isCurrent a,
#mainNav .isParentCurrent a,
#mainNav .selectedParent a {color: #36424b; background: #ffcd29;}
#mainNav a:hover {text-decoration: none; background: #ffcd29;}
/* Sub Navigation */
#subNav {width: 174px;}
#subNav ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
#subNav li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#subNav li a {display: block; padding: 1px 5px 2px 15px; font-size: 0.75em; color: #001b6b; text-decoration: none; border-bottom: 1px solid #d1d4d3; background-color: #ffffff; background-position: 3px 7px;}
#subNav li.isParentCurrent li a,
#subNav li li a {padding-left: 30px; background-color: #ffffff; background-position: 18px 7px;}
#subNav li li.isParentCurrent li a,
#subNav li li li a {padding-left: 45px;background-color: #ffffff; background-position: 33px 7px;}
#subNav li li li.isParentCurrent li a,
#subNav li li li li a {padding-left: 60px; background-color: #ffffff; background-position: 48px 7px;}
#subNav li li li li.isParentCurrent li a,
#subNav li li li li li a {padding-left: 75px; background-color: #ffffff; background-position: 63px 7px;}
#subNav li li li li li.isParentCurrent li a,
#subNav li li li li li li a {padding-left: 90px; background-color: #ffffff; background-position: 78px 7px;}
#subNav li.isParentCurrent a,
#subNav li.selectedParent a {font-weight: bold; background-image: url(/images/interface/bgMenuParentOpen.gif);background-repeat: no-repeat;}
#subNav li.isParent a {background-image: url(/images/interface/bgMenuParentClosed.gif); background-repeat: no-repeat;}
#subNav li.isParentCurrent li.is a,
#subNav li.isParentCurrent li.isParent a,
#subNav li.selectedParent li.is a,
#subNav li.selectedParent li.isParent a {font-weight: normal;}
#subNav li.isParentCurrent li.isCurrent a,
#subNav li.isParentCurrent li.is a,
#subNav li.selectedParent li.isCurrent a,
#subNav li.selectedParent li.is a,
#subNav li.isParent li.isCurrent a,
#subNav li.isParent li.is a {background-image: none;}
#subNav li.isParentCurrent a,
#subNav li.isCurrent a {background-color: #ffcd29;}  
 
#page #subNav a:hover {color: #000000; background-color: #ffcd29;}
 /* Navigation Column Banners */
#bannerPremier {padding: 2px 2px 10px 2px; background: #ffffff;}
#bannerPremier ul {margin: 0px 0px 0px 0px; padding: 0px 10px 0px 27px; color: #000000;}
#bannerPremier li {margin: 0px 0px 0px 0px; font-size: 0.75em; list-style-type: square;}
#bannerPremier a {color: #0e82ac; text-decoration: none;}
#bannerPremier a:hover {text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #005072;}
#navColumn .banner {margin: 10px 0px 0px 0px; padding: 0px 0px 1px 0px; color: #000000; background: #ffffff;}
#navColumn #bannerPremier h2 {margin-left: 10px; font-size: 14px; font-weight: normal; color: #36424b;}
#navColumn .banner h3 {padding: 5px 10px 5px 10px; font-size: 14px; color: #36424b; background: #ffffff; border-bottom: 2px solid #f1f2f2; font-weight: normal;}
#navColumn .banner ul {margin: 0px 0px 0px 0px; padding: 0px 10px 0px 27px; line-height: 1.2em;}
#navColumn .banner li {margin: 0px 0px 0px 0px; font-size: 0.75em; list-style-type: square;}
#navColumn .banner h2 {margin-left: 10px; font-size: 0.9em; font-weight: normal;}
#navColumn .banner a {color: #0e82ac; text-decoration: none;}
#navColumn .banner a:hover {text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #005072;}
 
/* 
    Government of Alberta Base Style Sheet
    CSS1 Definitions for Typography
*/
/* Base HTML Definitions */

/* Element Reset to ensure correct cascade properties across all browsers */
/* table {font-size:inherit;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
body * {line-height:1.22em;}
body,div,form,fieldset,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img,a img {border:0;}
address,caption,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
*/

/* Heading Sizes */
h1 {font-size:1.4em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
h6 {font-size:.9em;}
h7 {font-size:.75em;}
h1,h2,h3,h4,h5,h6,h7 {font-family: arial,helvetical,sans-serif;}

.notificationToggle{ 
    display:none; 
  /*display:block; */
}

.btn-primary{
    padding: 8px 10px 8px 10px; 
    font-size: 0.9em; 
    color: #36424b!important; 
    text-decoration: none; 
    background: #ffcd29;
    margin:3px 0px;
    display:inline-block;
}
.btn-primary:hover{
    padding: 8px 10px 7px 10px!important;
    color: #36424b!important; 

}
/* -------------------------- Jssor Slider */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/images/interface/a17.png)no-repeat;
    overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
.banner-carousel .ms-fullWidth{
    margin-bottom:8px;
}
#slider2_container, #slider2_container > div:first-child{
    background:#0081ab;
}
.jssorb21{     z-index:10; }
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    background: url(/images/interface/b12.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.banner-caption{
    position:absolute;
    display:block!important;
    height:100px!important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:8px 15px;
    color:white;
    font-size:14px!important;
    background:#0081ab!important;
}
.banner-caption, .banner-caption p {
    transform:perspective(0px)!important;
    -webkit-transform:perspective(0px)!important;
    -moz-transform:perspective(0px)!important;
    -o-transform:perspective(0px)!important;
}
.banner-caption p{
    margin-bottom:2px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#slider2_container a{
    text-decoration:none!important;
}

#slider2_container{
   height:570px!important;
}
 #slider2_container img{
    height:467px!important;
    margin:0;
    }
    #slider2_container .jssorb21 div, #slider2_container .jssorb21 div:hover, #slider2_container .jssorb21 .av{
        height:19px!important;
    }
    .slider2-image-container img{
        position:relative!important;
    }
    .banner-caption {
        position:relative!important;
        bottom:auto!important;
    }
    #slider2_container .slider2-image-container .banner-caption .banner-summary {
        visibility:visible;
    }
    #slider2_container .slider2-image-container .banner-caption .banner-summary div, .banner-summary div p{
        width:100%!important;
        height:120px!important;
    }


/* -------------------------- Jssor Slider End */

/* ----------------------------- Aboriginal Services Tab */
.expand-collapse {
        float:left;
        width:12px;
        height:12px;
        cursor:pointer;
        margin-right:10px;
margin-top:1px;
    }
    .expand-collapse .vertical{
        position:absolute;
        display:inline-block;
        margin:5px 0px 0px 1px;
        color:#6585bd;
         -webkit-transform: rotate(00deg);
        -moz-transform: rotate(00deg);
        -o-transform: rotate(00deg);
        -ms-transform: rotate(00deg);
        transform: rotate(00deg);
        -webkit-transition: transform 600ms ease;
        -moz-transition: transform 600ms ease;
        -ms-transition: transform 600ms ease;
        transition: transform 600ms ease;
        font-weight:900;
    }
    .expand-collapse .vertical-rotate{
         -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin:5px 0px 0px 1px;
    }
    .expand-collapse .horizontal{
        position:absolute;
        display:inline-block;
        color:#6585bd;
              margin:5px 0px 0px 1px;
        font-weight:900;
    }
    .child{
        margin-left:24px;    
        display:none;
margin-bottom:10px;
    }
    .child p{
        margin:0px 0px 18px 0px;
    }
    .featured-items-right div{
        clear:both;
        padding-top:10px;
    }
.parent h3{ padding:0px!important; margin:0px 0px 14px 2px !important; display:inline-block;}
.parent h3:hover, .parent p:hover{ text-decoration:underline; cursor:pointer;}
.parent h4, .child h4{  color:#6585bd!important; }
.expand-collapse .vertical-hide{
visibility:hidden;
}
#content .child ul {
    margin:0;
}
#content .child ul li{
    margin:0;
}

    .featured-items-right a{
        text-decoration:none;
        color:#333!important;
    }
    .featured-items-right a:hover{
        text-decoration:underline;
        color:#333;
    }
    .featured-items-right p{
        margin:0px 0px 0px 132px;
    }
.featured-items-right h3{
    margin:0px 0px 6px 0px;
}
.featured-items-right h4{
        color:#6585bd!important;
margin:0px 0px 0px 132px!important;
    }
    .featured-items-right img{
        width:120px;
        float:left;
    }
.btn-primary{
    padding:7px 10px;
text-decoration:none!important;
color:#fff!important;
background-color:#0e82ac;
}
.btn-primary:hover{
    padding:7px 10px!important;
color:#fff!important;
}
/* ----------------------------- End Aboriginal Services */