/* 
    Government of Alberta Base Style Sheet
    CSS2 Definitions for Layout
    developed by YellowPencil.com - February 2007
    Updated November 2009, CGIC RedDot Group

Updated changes to styles to align H2 and content on home page and sub pages. 
Also changes to column widths to increase width of text to fit the page content width.*/

/* Base Definitions with Layout */

body {background-color:#b3d32d;text-align:center;}

/* Primary Layout Containers */

#pageWrap {width:960px; margin: 0 auto;text-align:left;}

#page {width:915px; text-align:left; margin:0 16px; padding:0 8px; background:#fff; position:relative;}

#header {background:#00496e url(https://www.albertanetcare.ca/images/interface/bgHeader.jpg) repeat-x top;text-align:right;height:81px;}

#navColumn {text-align:left; float:left; width:175px; margin-right:16px; clear:both;}

#navColumn  img {margin: 8px 0 0 -8px;}

#contentColumn {text-align:left; border-left:201px solid #fff; font-family:arial,helvetica,sans-serif;}

body#home #contentColumn {text-align:left; border-left:201px solid #fff; font-family: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:17px 0 36px 27px; height:28px; background: url(https://www.albertanetcare.ca/images/interface/bgHeaderLeft.jpg) no-repeat bottom left; float:left; text-align:left;}

#logo img {float:left;padding:0 11px 0 0; 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;}
#searchForm {margin:10px 0 0 0;float:right;background: url(https://www.albertanetcare.ca/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;}

/*Since the width of the site is fixed, the main body column widths have been given absolute sizes rather than percentages*/
.columnLeftFull {width:700px;}
.columnLeftHalf {width:320px;}
.columnLeftThird {width:420px;}
.columnRight, .columnRightHalf, .columnRightThird {float:left; margin-left:20px;}
.columnRightHalf {width:320px;}
.columnRightThird {width:220px; padding-right:20px;}
.intro-padding {padding-right:20px; margin-bottom:6px;} /* NEW - for optional Introductory text class - new div class required in template */

body#home .columnRight, #servicesNav .columnRight {margin:0 0 0 50%;float:none;width:auto;}
body#home .columnLeft, #servicesNav .columnLeft {width:45%;}

/* The Columns are hidden from IE 5 Mac which has insufficient CSS support - columns are linearized for this browser */
/* Column-Section Ornaments */

.section {padding:0 20px 10px 0;}
h2.section {margin:0 0 12px 0px; padding:10px 20px 4px 0; color:#0F4770; font-weight:normal; border-bottom: 2px solid 
#b3d32d;}

#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:#005c85 url(https://www.albertanetcare.ca/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:0px solid #6680ba;}
#footer #goaLinks {margin:38px 0 0 20px; padding:0; list-style:none; float:left; width:620px;}
#footer #siteLinks {margin:3px 0 0 20px; padding:0; list-style:none; float:left; width:620px;}
#footer #termsConditions {margin:0 0 0 20px; padding:3px 5px; list-style:none; float:left; width:620px;}
#footer #copyright {margin:0 0 0 20px; padding:3px 5px; float:left;width:520px; }
#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 */
/* Temporary Flash Region Definitions - to be replaced by swf via UFO */
#homeFeature {display:none;}

/* Hide from IE Mac \*/
#homeFeature {display:block;margin:0 0 0px 0; height:190px; width:711px; overflow:hidden;}
#homeFeature {background: #f3efea; height:164px; width:auto; margin:0 0 10px 0;}
#homeMessage {height:178px;text-align:left; width:38%; padding:0 5%; float:right;}

#homeMessage h2 {margin:35px 0 0 0; padding:0; color:#27539E; font-size:1.6em;}
#homeMessage ul {margin:5px 0 0 0; padding:0; list-style-type:none;}
#homeMessage li {margin:0 0 0 10px; padding:0 0 0 10px; float:left;list-style-image:url();}
#homeMessage a {color:#27539E; font-weight:bold; padding:5px 10px 0 0;}
#homeMessage a:hover {text-decoration: none;}

/* additional page Image Header (separate from Flash Banner) */
#pageHeaderContent {}
#pageHeaderImage {width:auto; margin:0 0 10px 0;}
#pageHeaderMsg {height:178px; text-align:left; width:38%; padding:0 5%; float:right;}
#pageHeaderMsg h2 {margin:35px 0 0 0; padding:0; color:#27539E; font-size:1.6em;}
#pageHeaderMsg ul {margin:5px 0 0 0; padding:0; list-style-type:none;}
#pageHeaderMsg li {margin:0 0 0 10px; padding:0 0 0 10px; float:left; list-style-image:url();}
#pageHeaderMsg a {color:#27539E; font-weight:bold; padding:5px 10px 0 0;}
#pageHeaderMsg a:hover {text-decoration: none;}

/* 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 0; padding:10px 20px 4px 0; color:#0d3692; font-weight:normal;}
#servicesNav h3 {color:#79a901;margin:12px 0 0 0; padding-bottom:0;}
#servicesNav p {margin:0;p adding:0 0 0 15px;}
#servicesNav .columnLeft {padding:10px 20px 20px 20px; margin-left:-20px} /* left padding and margin added back */
#servicesNav .columnRight {padding:10px 20px 0 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 20px 0 0; text-align:right; padding:0 20px 0 0; font-weight:bold; 
border-bottom: 2px solid #b3d32d} 
/* Note: This applies the green border under the Programs and Services Section (where the blue used to be). In the P&S 
section, the "View all Programs and Services in Alberta" link needs to have the class "moreLink" applied to the paragraph 
tag. In RedDot this is in the "Edit More Link text"  -- this was missing in the RedDot template component */

#servicesNav .moreLink a {display:block;padding:2px 35px 15px 2px;background: url(https://www.albertanetcare.ca/images/interface/bgServicesRight.jpg) no-repeat bottom right;}

/* News and Spotlight List Definitions */
#news {position:relative;}
#news #currentDate {position:absolute; top:10px; right:20px; color:#666; font-size:.8em;} /* Top changed from 25px */
.newsList .category {margin:0; font-weight:normal; font-size:1em;}
#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;f ont-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; }
.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 */
.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: 1em;
    margin-top:0;
    text-align:left;
    padding: 5px 5px 0px 8px;
    line-height:1.2em;
}
.rightFloater img {
    margin-top:2px;
    vertical-align: bottom;
}
/* grouping text beside tumbnails 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  */
#contentColumn li {line-height: 1.6em;}

/* Listing Classes */
.listing {clear:left; min-height:50px; padding:0.7em 0 1em 0; 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, .quicklinks2, .quicklinks3 {
    float: right;
    border: 1px solid #BCE2D6;
    background: #eff4f5;
    font-family: Arial, Helvetica, sans-serif;
    margin: .5em 0 1em 2em;
    clear: right;
    padding: 0 20px 10px 20px;
}

.quicklinks {width: 20%;}
.quicklinks2 {width: 200px;}
.quicklinks3 {width: 83%;}

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

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

.sidebar {width: 32.55%;}
.sidebar2 {width: 200px;}
.sidebar3, .columnRight sidebar {width: 91%;}

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

.sidebar ul, .sidebar2 ul, .sidebar3 ul {margin:-10px 0 0 0; clear:left;}
.sidebar li, .sidebar2 li, .sidebar3 li  {list-style-type: square; font-size:1em;}
 
.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;}

.subhead1{
    background: #EFF4F5 url(https://www.albertanetcare.ca/images/interface/subhead1_left_cnr.gif) no-repeat left top;
    width:100%; 
    color: #003399;
    margin-left: -5px;
    padding: .3em 0 .1em .5em;
    text-align:left;
    clear:both;
    font-family:arial,helvetica,sans-serif;
} /* padding-right changed from .8, Margin-left was -13 */
 
table.tblConsultation {
    border: 1px solid #CCC;
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: white;
    margin-left: 40px;
}
table.tblConsultation th {
    border: 1px solid #CCC; border-bottom:0;
    background-color: #EFF4F5;
    font-weight: bold;
    padding: 10px;
}
table.tblConsultation td {
    border: 1px solid #CCC; border-bottom:0;
    padding: 10px;
    }
 
hr {
background:#C3C8CB none repeat scroll 0%;
border:medium none;
clear:both;
color:#C3C8CB;
height:1px;
margin-bottom:1em;
}
 
/* NEW list styles for body. Insert class="aligned" manually in code in parent level only, the styles will cascade. Moves 
secondary levels left under first level text. Complies with CGIC standards */
ul.aligned ul li { margin-left:-24px; list-style-type:circle;}
ul.aligned ul li ul li { margin-left:-24px; list-style-type:square;}
ul.aligned ul li ul li ul li { margin-left:-24px; list-style-type:disc;}
ol.aligned ol li { margin-left:-16px;  list-style-type:upper-alpha;}
ol.aligned ol li ol li { margin-left:-18px; list-style-type:lower-roman;}
ol.aligned ol li ol li ol li { margin-left:-18px; list-style-type:lower-alpha;}
ol.aligned ul li { margin-left:-24px; list-style-type:disc;}
ol.aligned ul li ul li { margin-left:-24px; list-style-type:circle;}
ol.aligned ul li ul li ul li { margin-left:-24px; list-style-type:disc;}