/* 
    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;}
/* 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;}
#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;}
/* 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 {}

#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;}
/* 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; }
 
/* Text Editor Classes */
.rightAlign {float:right;}
.leftAlign {float:left;}
.alignCenter{padding-left: 2px;}
.valignMiddle img {vertical-align: middle}
.small {font-size:.89em;}
/* 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;}
 
/* 
    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
    developed by YellowPencil.com - December 2006
*/
/* 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;}


/* Budget 2014 announcement International Offices page*/
#content .budget {
    font-size: 1.5em;
    color: #ffffff;
    background: #34add5;
    margin: 1em;
    font-weight: bold;
    padding: 20px;
}
#content .budget a,   
#content .budget a:hover,
#content .budget a:visited {    
color: #ffffff;  
}
#content .overrideLeft, #content .overrideRight{
    float:none;
    display:block;
    margin:10px 10px;
    width:auto;
}

#content .columnLeftFull .quicklinksSet{
 float:left;
 margin:0px 30px 10px 60px;

} 

/* ---------- Homepage three columns------------------------ */
    .fixBackground{
        display:inline-block!important; 
    }
    .columns{
        float:left;
        width:210px;
        margin:10px 8px 10px 9px;   
    }
    .col-2{
        border-left:1px solid #CCC; 
        border-right:1px solid #CCC;
        padding:0px 12px 0px 18px;
    }