/* BEGIN layout.css */
/* 
    Government of Alberta Base Style Sheet
    CSS2 Definitions for Layout
    GOA HOMe
*/
/* Base Definitions with Layout */
body {background:#a9c5d1 url(../images/interface/bgBody.jpg) repeat-x top;text-align:center;}


/* 
    Primary Layout Containers 
*/
#pageWrap {min-width:760px;max-width:1100px;margin: 0 auto;text-align:left;}
#page {margin:0 16px;padding:0 8px;background:#fff;position:relative;}
#page {margin:0 16px;padding:0 8px;background:#fff;position:relative;}
#header {background:#0d3692 url(../images/interface/bgHeader.jpg) repeat-x top;text-align:right;height:81px;}
#navColumn {float:left;width:175px;margin-right:16px;clear:both;font-family: Arial, Helvetica, sans-serif;} /* edit nav column was 150px*  <----------------------*/
#contentColumn {border-left:201px solid #fff;font-family:verdana,arial,helvetica,sans-serif;}

#content {/*\*/float:left;width:100%;/**/margin-top:10px;}
body#home #content {margin-top:0;}
#footer {clear:both;margin:0 -8px;}
/*
    Subsidiary Layout Containers
*/
/* Accessibility Helpers */
#accessHelpers {}
#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 {padding:27px 0 26px 27px;height:28px;background: url(../images/interface/bgHeaderLeft.jpg) no-repeat bottom left;float:left;text-align:left;}
#logo img {float:left;padding:0 11px 6px 0;border-right:2px solid #4576ae;margin-right:11px;}
h1#siteTitle {float:left;color:#fff;font-weight:normal;font-size:16px;letter-spacing:1px;margin:0;padding:3px 0 0 0;line-height:34px;}
h1#siteTitle a {color:#fff;text-decoration:none;margin:0;padding:0;line-height:34px;}
h1#siteTitle a:hover {color:#ccc;}

ul#metaNav {margin:0;padding:10px 10px 0 10px;list-style:none;height:21px;vertical-align:bottom;}
ul#metaNav li {margin:0;padding:0 0 0 10px;display:inline;}
ul#metaNav a {color:#fff;}
ul#metaNav a:hover {color:#ccc;}

ul#metaLeftNav {margin:0;padding:10px 10px 0 10px;list-style:none;height:21px;vertical-align:bottom;float:left;text-align:left;}
ul#metaLeftNav li {margin:0;padding:0 0 0 10px;display:inline;}
ul#metaLeftNav a {color:#fff;}
ul#metaLeftNav a:hover {color:#ccc;}

#searchForm {margin:10px 0 0 0;float:right;background: url(../images/interface/bgHeaderRight.jpg) no-repeat bottom right;height:21px;padding:10px 10px 9px 10px;}
#searchForm .searchInput {margin:0;}
.searchButton {background-color:#EEEEEE;border:1px solid #0A0A0A;color:#0A0A0A;font-size:11px;padding:2px; margin-left:3px;}
.searchButton:hover {background-color:#AAAAAA;color:#FFFFFF;}
/* Breadcrumb, Text Resizer and Search Form */
#breadcrumb {padding:5px 50px 2px 10px;color:#000;background:#FFF;}
#breadcrumb a {color:#000;white-space:nowrap;}
#breadcrumb a:hover {color:#2d68c2;}
#breadcrumb p {margin:0;padding:0;}
#textResizer {margin:-2px -50px 0 0;padding:0;list-style:none;float:right;}
#textResizer li {margin:0;padding:0;display:inline;}
#textResizer a {margin:0;padding:0;display:block;float:left;}
/* Content Columns - hidden from IE 5 Mac which has insufficient CSS support - columns are linearized for this browser \*/
.columnLeft, .columnLeftFull, .columnLeftHalf, .columnLeftThird {float:left;clear:both;}
.columnLeftFull {width:90%;}
.columnLeftHalf {width:42%;}
.columnLeftThird {width:55%;}
.columnRight, .columnRightHalf, .columnRightThird {float:left;margin-left:1%;}
.columnRightHalf {margin-left:1%;width:42%;}
.columnRightThird {margin:0 -1% 0 4%;width:30%;}
body#home .columnRight, #servicesNav .columnRight {margin:0 0 0 53%;float:none;width:auto;}
body#home .columnLeft, #servicesNav .columnLeft {width:46%;}



/* Navigation Column Banners */
#bannerPremier {background:#3b5fb5 url(../images/interface/bgBannerLinkBlue.jpg) no-repeat bottom; color:#fff;margin:16px 0 0 0; padding:0 10px 0 10px;}
#bannerPremier img {margin: 3px -8px;}
#bannerPremier h2 {font-weight:normal;font-size:1em;}
#bannerPremier h3, .banner h3 {font-size:1em;}
#bannerPremier ul {margin:0 -10px;padding:0 10px 14px 15px;}
#bannerPremier li {margin-left:10px;padding:3px 0;}

.banner {margin-top:14px;padding:0 10px 10px 10px;background:#3b5fb5 url(../images/interface/bgBannerLinkBlue.jpg) no-repeat bottom;color:#fff;}
.banner h3 {margin:0 -10px 0 -10px;padding:0 10px 5px 10px;background:#fff;color:#3b5fb5;}
.banner img {margin:-10px -10px 0 -7px;}
.banner ul {list-style:none;margin:0;padding:0;}
.banner li {padding:3px;}
.banner a, #bannerPremier a {color:#fff;}
.banner a:hover, #bannerPremier a:hover {color:#fff;text-decoration:none;}

.bannerExtra {margin-top:14px;padding:0 10px 10px 35px;color:#3b5fb5;}
.bannerExtra h3 {margin:0 -35px 0 -35px;padding:0 10px 5px 15px;background:#fff;color:#3b5fb5;}
.bannerExtra ul {list-style:none;margin:0;padding:0;}
.bannerExtra li {padding:3px;}
.bannerExtra a {color:#3b5fb5;}
.bannerExtra a:hover {text-decoration:none;}






/* The Columns are hidden from IE 5 Mac which has insufficient CSS support - columns are linearized for this browser */
/* Column-Section Ornaments */
.section {background: url(../images/interface/bgSectionTopRight.jpg) no-repeat top right;padding:0 20px 10px 20px;}
h2.section {background: url(../images/interface/bgSectionTopLeft.jpg) no-repeat top left;margin:0 -20px;padding:16px 20px;color:#0d3692;font-weight:normal;}
#content.section {padding:0;}
#content.section>h2.section {margin: 0;}
/* Content Details */
#content h1 {font-weight:normal;color:#0d3692;}
#content a {color:#0d3692;text-decoration:underline;}
#content a:hover {text-decoration:none;color:#333;}
#content img.left {float:left;margin:0 16px 0px 0;}


.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;}
#content img {padding: 0 5px 0 5px; margin-top: 2px;}
#leadStories img {padding:0 15px 10px 0;}

/* Footer Styles */
/*
#footer {background:#0d3692 url(../images/interface/bgFooter.jpg) repeat-x;color:#fff;height:130px;}
#footer #footerLogo {float:left;}
#footer #footerLogo img {margin:47px 0 34px 0;padding:0 35px 0 31px;border-right:1px solid #6680ba;}
#footer #goaLinks {margin:38px 0 0 20px;padding:0;list-style:none;float:left;width:720px;}
#footer #siteLinks {margin:3px 0 0 20px;padding:0;list-style:none;float:left;width:720px;}
#footer #termsConditions {margin:0 0 0 20px;padding:3px 5px;list-style:none;float:left;width:720px;}
#footer #copyright {margin:0 0 0 20px;padding:3px 5px;float:left;width:720px;}
#footer #copyright a {margin-left:20px;}
#footer a {color:#fff;}
#footer a:hover {color:#ccc;}
#footer li {margin:0;padding:0 5px;display:inline;}
*/
/*
    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 {}
/* 
    Home Page Specific Style Definitions 
*/
/* HTML Feature Region Definitions - replaced at load via Javascript */
#homeFeature {display:none;}
/* Hide from IE Mac \*/
#homeFeature {display:block;}
#homeFeature {background: #f3efea;height:164px;width:auto;margin:0 0 10px 0;}
#homeMessage {height:164px;background:#777b80;text-align:left;width:45%;padding:0 5%;float:right;}
#homeMessage h2 {margin:35px 0 0 0;padding:0;color:#fff;font-size:1.6em;}
#homeMessage ul {margin:5px 0 0 0;padding:0;}
#homeMessage li {margin:0 0 0 10px;padding:0 0 0 10px;float:left;list-style-image:url(/interface_images/bulletPremier.gif);}
#homeMessage a {color:#fff;font-weight:bold;padding:5px 10px 0 0;}
#homeMessage a:hover {color:#ccc;}
/* Programs and Services Home Page Container */
#servicesNav {margin:10px 0 16px 0;padding-right:0;padding-bottom:0;background: url(../images/interface/bgSectionTopRight.jpg) no-repeat top right;width:auto;}
#servicesNav h2 {background: url(../images/interface/bgSectionTopLeft.jpg) no-repeat top left;margin: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; margin:-6px 0 0 -20px;background: url(../images/interface/bgServicesLeft.jpg) no-repeat bottom left;text-align:right;padding:0;font-weight:bold;}
#servicesNav .moreLink a {display:block;padding:2px 35px 15px 2px;background: url(../images/interface/bgServicesRight.jpg) no-repeat bottom 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%")); }
/* IE <=6 Uses a Fixed Width because it does not support Min-Width */
/* Identify Floated Elements that require Clearing */ 
.columnRight:after, #mainNav ul:after, #leadStories:after, #breadcrumb:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.columnRight, #mainNav ul, #leadStories, #breadcrumb {display:inline-block;}
/* 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; }


/* Link Icon Styles */
a.pdf {padding-right:20px;margin-right:2px;background: url(../images/interface/docIcons/pdf.gif) no-repeat right bottom;}
a.msWord {padding-right:20px;margin-right:2px;background: url(../images/interface/docIcons/word.gif) no-repeat right;}
a.msExcel {padding-right:20px;margin-right:2px;background: url(../interface_images/docIcons/excel.gif) no-repeat right;}
a.msPowerpoint {padding-right:20px;margin-right:2px;background: url(../images/interface/docIcons/powerpoint.gif) no-repeat right;}
a.externalLink {padding-right:28px;margin-right:2px;background: url(../images/interface/docIcons/external.gif) no-repeat right;}


/* Sitemap Styles */

#sitemap ul {list-style:none;margin:0;padding:0;}
#sitemap ul ul {margin:0 0 5px 25px;}
#sitemap li {margin:0;padding:1px 0 0 0;}
#sitemap ul a {text-decoration:none;font-size:1.5em;display:none;}
#sitemap ul a:hover {text-decoration:underline;}
#sitemap ul ul a {display:inline;}
#sitemap ul ul ul {list-style:disc;}
#sitemap ul ul ul ul {list-style:circle;}
#sitemap ul ul ul a  {font-size:1em;}

/* Identify Floated Elements that require Clearing */ 
.columnRight:after, #mainNav ul:after, #leadStories:after, #breadcrumb:after, .photoGallery:after, .photoGalleryBig:after, .photoGallerySmall:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Navigation Column Banners */
#bannerPremier {background:#3b5fb5 url(../images/interface/bgBannerLinkBlue.jpg) no-repeat bottom; color:#fff;margin:16px 0 0 0; padding:0 10px 0 10px;}
#bannerPremier img {margin: 3px -8px;}
#bannerPremier h2 {font-weight:normal;font-size:1em;}
#bannerPremier h3, .banner h3 {font-size:1em;}
#bannerPremier ul {margin:0 -10px;padding:0 10px 14px 15px;}
#bannerPremier li {margin-left:10px;padding:3px 0;}
.banner {margin-top:14px;padding:0 10px 10px 10px;background:#3b5fb5 url(../images/interface/bgBannerLinkBlue.jpg) no-repeat bottom;color:#fff;}
.banner h3 {margin:0 -10px 0 -10px;padding:0 10px 5px 10px;background:#fff;color:#3b5fb5;}
.banner img {margin:-10px -10px 0 -7px;}
.banner ul {list-style:none;margin:0;padding:0;}
.banner li {padding:3px;}
.banner a, #bannerPremier a {color:#fff;}
.banner a:hover, #bannerPremier a:hover {color:#fff;text-decoration:none;}

/* END layout.css */

/* BEGIN content.css */
/* 
    Government of Alberta Style Sheet
    CSS2 Definitions for Site Content
    created: YellowPencil.com - February 2007
    edited:
*/


/* Content Details */
#content h1 {font-weight:normal;color:#0d3692;}
#content a {color:#0d3692;}
#content a:hover {color:#333;}
#content img.left {float:left;margin:0 16px 10px 0;}
.clear {clear:both;line-height:.1em;font-size:.1em;}
.layoutTable td {padding:5px;border-bottom:1px solid #f3f3f3;}
.layoutTable th {font-weight:bold;background:#f3f3f3;padding:5px;}
img.alignLeft {float:left;margin: 0 10px 10px 0;}
.lastupdated {font-size:.8em; margin: -15px 0 5px 10px;}
#content td {padding:.25em;}
#content th {font-size: 1.2em; padding: .25em; font-weight: bold;}
#content dt {font-size: 1em; margin-top: .3em; font-weight: bold;}
#content dd {margin-left: 2.5em;}

/*
    Page Layout Templates
*/
/* Photo Gallery with Grid Layout image area = 175px */
.photoGallery {}
.photoGalleryBig .galleryItem {width:200px;height:225px;}
.photoGallerySmall .galleryItem {width:120px;height:140px;font-size:.9em;}
.galleryItem {float:left;width:150px;margin:10px 20px 10px 0;text-align:center;}
.galleryItem a {}
.galleryItem p {margin:0;padding:5px;}
.photoGallerySmall .galleryItem p {padding:2px;}
.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 {}

/* Home Page: 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 {margin:0 0 12px 0;}
#spotlight {}
#spotlight ul {margin:0;padding:0;list-style:none;}
.spotlightList li {margin:0 0 10px 0;padding:0;}

/* RedDot SmartEdit Classes */

.instructions {font-size:.9em;color:#900;}
.instructionsgrey {font-size:.9em;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 - used for RedDots WYSIWYG editor
*/
.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 - a simple blue box with a header (title) region - used to create inline boxes to callout content 

*/
.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-top:0;
    text-align:left;
    padding: 5px 5px 0px 8px;
    line-height:1.1em;
}
.rightFloater img {
    margin-top:2px;
    vertical-align: bottom;
}

/* 
    Content Modules and layout styles 
*/

#contentColumn li {line-height: 1.6em;}

/* Listing Classes - used to list blocks of content with/without thumbnail images.  Must be nested correctly to work.  See template layout for HTML code examples */
.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;}


/* 

Quicklinks are DIV boxes that can be used to reference URLS, anchors and other links.  They create a list of bullets with arrows.  There are 2 types of quicklinks boxes (both look the same)

quicklinks: (for 1-Column layout or in the left column of a 2 column layout) as an inline DIV class. It will automatically float right
quicklinks3: (for Thirds layout in the right hand column) this div will expand and contract accordingly based on a percentage value.

*/

.quicklinks, .quicklinks3 {
    float: right;
    border:#BCE2D6 solid 1px;
    background: #eff4f5;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 1em 2em;
    clear: right;
    padding: 0 20px 10px;
}

.quicklinks {width: 25%;}
.quicklinks3 {width: 83%;}

.quicklinks h3, .quicklinks3 h3{
    background:url(../images/interface/sidebar_tile.gif) repeat-x;
    border-bottom:#BCE2D6 solid 1px;
    font-size:1.2em;
    padding:3px 10px 3px 10px;
    color:#003399;
    margin: 0 -20px 0 -20px;
}
.quicklinks ul, .quicklinks3  ul{list-style-type:none;margin:10px 0 5px 0;padding: 0 0 5px 10px;}
.quicklinks li, .quicklinks3 li{list-style: disc url(../images/interface/bullet_arrow.gif);padding-bottom: 5px;}
.quicklinks a, .quicklinks3 a{text-decoration: none;font-size: 1em;}
.quicklinks a:hover,.quicklinks3 a:hover{text-decoration: underline;}

/* 

Sidebar is a DIV box that can be used to feature content with a heading (optional), thumbnail (optional) and links (optional).  It creates an outlined box, and has padding and formatting settings predefined. .  There are 2 types of sidebar boxes (both look the same)

sidebar: (for 1-Column layout or in the left column of a 2 column layout) as an inline DIV class. It will automatically float right
sidebar3: (for Thirds layout in the right hand column) this div will expand and contract accordingly based on a percentage value

*/

.sidebar, .sidebar3 {
    float: right;
    border:#ccc/*BCE2D6*/ solid 1px;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 10px;
    clear: right;
    margin: 0 0 1em 2em;
}

.sidebar {width: /*32.55%*/27.55%;}
.sidebar3, .columnRight sidebar {width: 91%;}

.sidebar img, .sidebar3 img {float:left;border:#BCE2D6 solid 0px;margin: 5px;}
.sidebar h3, .sidebar3 h3 {font-size: 1.2em;margin:0 0 5px 0;color:#34A281/*3BB590 86b5a9*/}
.sidebar p, .sidebar3 p {font-size: .89em;margin-top:0;color:#666666;}
.sidebar a, .sidebar3 a {text-decoration: none;font-size: 1em;}
.sidebar a:hover, .sidebar3 a:hover {text-decoration: underline;}

.sidebar ul, .sidebar3 ul {margin:-10px 0 0 0;clear:left;}
.sidebar li, .sidebar3 li  {list-style-type: square;font-size:.89em;}
 
 /* Aligns images left or right as well as provides the font styling to add captions */
.photoRight {font-size: .89em; color: #666666;margin:1em 0 1em 1em;padding-left:1em;float:right;}
.photoLeft {font-size: .89em; color: #666666;margin:1em 2em 1em 0;padding-right:1em;float:left;}

/* a simple divider with a rounded corner.  Can be used in any column on any layout */
.subhead1{
    background: #EFF4F5 url(../images/interface/subhead1_left_cnr.gif) no-repeat left top;
    width:100%; 
    color: #003399;
    padding: .3em 0 .1em .8em;
    margin-left: -13px;
    text-align:left;
    clear:both;
    font-family:arial,helvetica,sans-serif;
}
 
/* a basic horizontal rule style */ 
hr {
background:#C3C8CB none repeat scroll 0%;
border:medium none;
clear:both;
color:#C3C8CB;
height:1px;
margin:0pt 0pt 1.35em;
}

/* END content.css */

/* Controls Navigation and secondary colour palette */
/* BEGIN menu.css */
/* 
    Government of Alberta Menu Style Sheet
    CSS2 Definitions for Layout
    developed by YellowPencil.com - February 2007
	
*/
/* Main Navigation - Horizontal */
#mainNav {padding-bottom:4px;background: url(../images/interface/bgMenu.jpg) repeat-x bottom;}
#mainNav ul {margin:0;padding:0;list-style:none;}
#mainNav li {float:left;margin:0;padding:0;background: #204b9a url(../images/interface/bgMenuLeft.jpg) no-repeat top left;width:12%;border-bottom:1px solid #fff;}
#mainNav a {display:block;text-decoration:none;color:#fff;background:  url(../images/interface/bgMenuRight.jpg) no-repeat top right;padding:10px 7px 5px;text-align:center;height:2.5em;min-height:2.4em;}
#mainNav a:hover {text-decoration:underline;}
#mainNav li.selected, #mainNav li.selectedParent  {background:#c7c7c7 url(../images/interface/bgMenuLeftSelected.jpg) no-repeat top left;border-bottom:1px solid #c7c7c7;}
#mainNav li.selected a, #mainNav li.selectedParent a {background: url(../images/interface/bgMenuRightSelected.jpg) no-repeat top right;color:#333333;}
#mainNav li.selected a:hover, #mainNav li.selectedParent a:hover {color:#555;text-decoration:none;}
/* Main Navigation - Short Height Version */
#mainNav ul.shortMenu a {height:1.4em;min-height:1.3em;}


/* Sub Navigation */
#subNav {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}

#subNav ul, #mainNav li {margin:0;padding:0;}

#subNav li {display:inline;list-style:none;}

#subNav li a {display:block;padding:5px 10px 5px 15px;text-decoration:none;border-bottom:1px solid #ccc;}

/* Second Level SubNavigation */
#subNav li ul li a  {padding:3px 10px 3px 28px;}
/* Third Level SubNavigation */
#subNav li li ul li a {padding:3px 10px 3px 40px;font-size:1em;}
/* Fourth Level SubNavigation */
#subNav li li li ul li a {padding:3px 10px 3px 50px;font-size:.9em;}
/* Hover and Colour States for all SubNavigation */
#subNav li a {color: #333333;background-position: 4px 9px;background-repeat: no-repeat;}
#subNav li li a {background-position: 17px 6px;}
#subNav li li li a {background-position: 27px 7px;}

/*li.selectedParent isParentActive {font-weight: bold;}*/


#subNav li.isParent a, #subNav li.isParentActive ul li.isParent a, #subNav li.isParentCurrent ul li.isParent a {background-image: url(../images/interface/bgMenuParentClosed.gif);}


#subNav li.isParentCurrent ul li a, 
#subNav li.isParentActive ul li a, 
#subNav li ul li.isParentCurrent ul li a, 
#subNav li ul li.isParentActive ul li a,
#subNav li ul li ul li.isParentCurrent ul li a, 
#subNav li ul li ul li.isParentActive ul li a
 {background-image:none;}
 
 /*Bg Colour */

/* */#subNav li.isParentCurrent a, 
#subNav li.isParentActive a, 
#subNav li ul li.isParentCurrent a,
#subNav li ul li.isParentActive a,
#subNav li ul li ul li.isParentCurrent a, 
#subNav li ul li ul li.isParentActive a
{background-color:#ccc;}

/* Arrows*/
#subNav li.isParentCurrent a,
#subNav li.isParentActive a,
#subNav li ul li.isParentCurrent a,
#subNav li ul li.isParentActive a,
#subNav li ul li ul li.isParentCurrent a, 
#subNav li ul li ul li.isParentActive a
{background-image: url(../images/interface/bgMenuParentOpen.gif)}


/*#subNav li ul li.isParentCurrent a/*, #subNav li.isParentActive a, #subNav li ul li.isParentCurrent a, #subNav li ul li.isParentActive a{font-weight:bold;}*/
#subNav li.unselected {font-weight: normal;}
#subNav li.selectedParent, #subNav li.unselected isParent, .active {font-weight: bold;}

#subNav li a {background-color: #D8D8D8/*E0E9EB*/;}
/* this one controls the background for the blocks - simply change the colour below*/

 #subNav li ul li a, #subNav li.isCurrent ul li a, #subnav li.selectedParent ul, 
 #subNav li.isParentActive ul li a, 
 #subNav li.isCurrent ul li a, 
 #subNav li li.isCurrent ul li a,  
 #subNav li.isParentCurrent ul li a,
 #subNav li li.isParentCurrent ul li a
 {background-color:#f1f1f1/*E0E9EB*/;color:#333333;}

/*#subNav li.isCurrent a,
#subNav li.isParentCurrent a, 
#subNav li ul li.isCurrent a, 
#subNav li ul li.isParentCurrent a, 
#subNav li ul li ul li.isCurrent a, 
#subNav li ul li ul li.isActive a {background-color:#fff;}*/


#subNav li a:hover, 
#subNav li ul li a:hover, 
#subNav li ul li ul li a:hover,
#subNav li ul li ul li ul li a:hover,
#subNav li.isCurrent a:hover, 
#subNav li.isParentCurrent a:hover, 
#subNav ul li.isCurrent a:hover, 
#subNav ul li.isParentCurrent a:hover {background-color:#64707C;color: #fff;}


#subNav li.isCurrent a, 
#subNav li.isParentCurrent a,
#subNav li ul li.isCurrent a, 
#subNav li ul li.isParentCurrent a,
#subNav li ul li ul li.isCurrent a, 
#subNav li ul li ul li.isParentCurrent a
{background-color:#FFF;color: #333333;}





/* #subNav li ul li a, #subNav li.isCurrent ul li a, #subNav li.isParentCurrent ul li a  {padding:3px 10px 3px 25px;background:#5f769c;color:#fff;}*/ /* light blue */ 

/* 

Quicklinks are DIV boxes that can be used to reference URLS, anchors and other links.  They create a list of bullets with arrows.  There are 2 types of quicklinks boxes (both look the same)

quicklinks: (for 1-Column layout or in the left column of a 2 column layout) as an inline DIV class. It will automatically float right
quicklinks3: (for Thirds layout in the right hand column) this div will expand and contract accordingly based on a percentage value.

*/

.quicklinks, .quicklinks3 {
    float: right;
    border:#BCE2D6 solid 1px;
    background: #eff4f5;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 1em 2em;
    clear: right;
    padding: 0 20px 10px;
}

.quicklinks {width: 25%;}
.quicklinks3 {width: 83%;}

.quicklinks h3, .quicklinks3 h3{
    background:url(../images/interface/sidebar_tile.gif) repeat-x;
    border-bottom:#BCE2D6 solid 1px;
    font-size:1.2em;
    padding:3px 10px 3px 10px;
    color:#003399;
    margin: 0 -20px 0 -20px;
}
.quicklinks ul, .quicklinks3  ul{list-style-type:none;margin:10px 0 5px 0;padding: 0 0 5px 10px;}
.quicklinks li, .quicklinks3 li{list-style: disc url(../images/interface/bullet_arrow.gif);padding-bottom: 5px;}
.quicklinks a, .quicklinks3 a{text-decoration: none;font-size: 1em;}
.quicklinks a:hover,.quicklinks3 a:hover{text-decoration: underline;}

/* 

Sidebar is a DIV box that can be used to feature content with a heading (optional), thumbnail (optional) and links (optional).  It creates an outlined box, and has padding and formatting settings predefined. .  There are 2 types of sidebar boxes (both look the same)

sidebar: (for 1-Column layout or in the left column of a 2 column layout) as an inline DIV class. It will automatically float right
sidebar3: (for Thirds layout in the right hand column) this div will expand and contract accordingly based on a percentage value

*/

.sidebar, .sidebar3 {
    float: right;
    border:#ccc/*BCE2D6*/ solid 1px;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 10px;
    clear: right;
    margin: 0 0 1em 2em;
}

.sidebar {width: /*32.55%*/27.55%;}
.sidebar3, .columnRight sidebar {width: 91%;}

.sidebar img, .sidebar3 img {float:left;border:#BCE2D6 solid 0px;margin: 5px;}
.sidebar h3, .sidebar3 h3 {font-size: 1.2em;margin:0 0 5px 0;color:#34A281/*3BB590 86b5a9*/}
.sidebar p, .sidebar3 p {font-size: .89em;margin-top:0;color:#666666;}
.sidebar a, .sidebar3 a {text-decoration: none;font-size: 1em;}
.sidebar a:hover, .sidebar3 a:hover {text-decoration: underline;}

.sidebar ul, .sidebar3 ul {margin:-10px 0 0 0;clear:left;}
.sidebar li, .sidebar3 li  {list-style-type: square;font-size:.89em;}
 
 /* Aligns images left or right as well as provides the font styling to add captions */
.photoRight {font-size: .89em; color: #666666;margin:1em 0 1em 1em;padding-left:1em;float:right;}
.photoLeft {font-size: .89em; color: #666666;margin:1em 2em 1em 0;padding-right:1em;float:left;}

/* a simple divider with a rounded corner.  Can be used in any column on any layout */
.subhead1{
    background: #EFF4F5 url(../images/interface/subhead1_left_cnr.gif) no-repeat left top;
    width:100%; 
    color: #003399;
    padding: .3em 0 .1em .8em;
    margin-left: -13px;
    text-align:left;
    clear:both;
    font-family:arial,helvetica,sans-serif;
}
 
/* a basic horizontal rule style */ 
hr {
background:#C3C8CB none repeat scroll 0%;
border:medium none;
clear:both;
color:#C3C8CB;
height:1px;
margin:0pt 0pt 1.35em;
}

/* END menu.css */

/*BEGIN default.css */
/* 
	Government of Alberta Base Style Sheet
	CSS1 Definitions for Typography
	developed by YellowPencil.com - December 2006
*/

/* Base HTML Definitions */

body {font:76% arial,helvetica,sans-serif;background-color:#eee;color:#000;}

/* 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.8em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
h4 {font-size:1.05em;}
h5 {font-size:1em;}
h6 {font-size:.9em;}
h7 {font-size:.75em;}

h1,h2,h3,h4,h5,h6,h7 {font-family: Arial, Helvetica, sans-serif;}

/* END default.css */