﻿/*---COLOR PALETTE
greenForest (site bkgnd): #4F5B28
yellowGreen (active tab/H2): #C1D830
green: #B3D32D
greenLight: #DCE9CD
greenDark: #678f00
light green (ServicesNav H3): #79A901
medium blue (banner): #2F8EAA
dark steel blue (H1/H2): #0F4770
dark blue (link): #0D3692 
purple (visited): #800080
blueBright (hover): #0000FF
grey : #C0C0C0
greyLight: #F3F3F3
greyDark (date): #969696
greyCharcoal (subNav link level-1): #333
blue (subNav bkgnd level-2): #D6E4E6 
blueLight (subNav bkgnd): #EFF4F5
blueDark (subNav hover/inactive tabs); #007596
*/

/*---RESET---*/
html, body, div, span, h1, h2, h3, h4, p, blockquote, a, abbr, acronym, address, em, font, img, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }

/*---GLOBAL---*/

/*--Structure--*/
body { background-color: #4F5B28 !important; }
#pageWrap { margin: 0 auto; width: 960px; }
#page { margin: 0 16px; padding: 0; width: 928px; background: #FFF; }
#header { margin: 0 8px; padding: 0; width: 912px; height: 81px; overflow: hidden; background: #2F8EAA url(../images/interface/header.png) no-repeat bottom left; }
#metaNav { float: right; margin: 0; padding: 8px 5px; width: 490px; }
#logo { float: left; padding: 17px 0 0 27px; width: 282px; }
#searchForm { float: right; padding: 10px 10px 2px; width: 490px; overflow: hidden; text-align: right; }
#breadcrumb { margin: 0; padding: 5px 10px 2px; width: 902px; height: 20px; overflow: hidden; clear: both; }
#navColumn { float: left; padding: 0px 0px 20px 8px; width: 174px; overflow: hidden; }
#bannerPremier { padding: 2px 2px 10px; background: #2F8EAA url(../images/interface/leftbanner.png) no-repeat bottom left; }
#mainNav { margin: 0 8px; width: 912px; overflow: hidden; border-bottom: 4px solid #C1D830; }
#contentColumn { float: left; display: inline; margin: 0px; width: 738px; overflow: hidden; }
#content { margin: 0px 0px 0px 15px; width: 704px; position: relative; }
#homeFeatureHeader { margin-top: 5px; width: 712px; height: 155px; overflow: hidden; }
#homeFeatureHeaderSlim { margin-top: 4px; width: 712px; height: 108px; overflow: hidden; }
#homeFeatureHeaderSlim.narrow { height: 70px; }
#leadStories, #servicesNav { clear: both; padding: 5px 0px 0px 0px; }
#footer { clear: both; padding-top: 45px; width: 928px; height: 95px; overflow: hidden; background: #2F8EAA url(../images/interface/footer.png) repeat-x 0 -211px; }

/*--Typographic--*/
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 24px; font-weight: normal; margin-top: 15px; padding-bottom: 10px; color: #0F4770; }
h2 { font-size: 20px; font-weight: normal; margin: 15px 0px 10px; color: #0F4770; border-bottom: 2px solid #C1D830; }
h3 { font-size: 16px; margin: 10px 0px 2px; }
h4 { font-size: 15px; margin: 10px 0px 0px; }

#content { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*--Forms--*/

/*--Tables--*/
th {text-align:left;}

/*---HEADER---*/
#logo #siteTitle { margin: 4px 0 0; font-size: 16px; font-weight: normal; color: #FFF; letter-spacing: 0.8px; }

#metaNav ul { list-style-type: none; }
#metaNav li { float: right; padding: 0 5px; }
#metaNav a { color: #FFF; }
#metaNav a:hover { text-decoration: none; color: #CCC; }

#searchForm .searchButton { padding: 0 2px; margin-left: 1px; width: 68px; border: 1px solid #000; background-color: #EEE; font-size: 11px; padding: 2px; }
#searchForm .searchButton:hover { background-color: #AAA; color: #FFF; }

/*---NAV---*/

/*--Primary--*/
#mainNav li { float: left; display: inline; margin-right: 2px; padding-left: 10px; width: 100px; text-align: center; border-bottom: 1px solid #FFF; background: #2F8EAA url(../images/interface/main_nav.png) no-repeat top left; }
#mainNav a { display: block; padding: 8px 8px 3px 0px; height: 2.5em; color: #FFF; text-decoration: none; background: #2F8EAA url(../images/interface/main_nav.png) no-repeat -100px 0px; }
#mainNav li.selected { border-bottom: 1px solid #C1D830; background: #C1D830 url(../images/interface/main_nav.png) no-repeat -212px 0px; }
#mainNav li.selected a { color: #0D3692; background: #C1D830 url(../images/interface/main_nav.png) no-repeat -313px 0px; }
#mainNav a:hover { text-decoration: underline; color: #ccc; }

/*--Secondary--*/

/*--Breadbrumb--*/
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited { color: #0D3692; white-space: nowrap; }
#breadcrumb a:hover, #breadcrumb a:active { color: #0000FF; text-decoration: none; }

/*--Banners--*/
#bannerPremier ul { color: #FFF; line-height: 1.2em; }
#bannerPremier > ul { margin: 0 0 0 5px; padding: 0 0 3px 3px; list-style-type:none;}
#bannerPremier > ul ul { margin: 0; padding: 10px 10px 0 27px; font-size: 11px; padding-top: 0; }
#bannerPremier li, #navColumn .banner li { margin: 2px; }
#bannerPremier a, #navColumn .banner a { color: #FFF; text-decoration: underline;}
#bannerPremier a:hover, #navColumn .banner a:hover { color:#CCC; text-decoration: none; }

#navColumn #albertaBrand { padding: 4px 0px 4px 3px; }
#navColumn .banner { margin-top: 10px; padding-bottom: 10px; color: #FFF; background: #2F8EAA url(../images/interface/leftbanner.png) no-repeat bottom left; }
#navColumn .banner h3 { padding: 0px 10px 5px 10px; font-size: 12px; color: #2F8EAA; background: #FFF; }
#navColumn .banner ul { margin-top: 6px; padding: 0px 10px 0px 27px; line-height: 19px; }
#navColumn .banner li { margin-top: 2px; }
#navColumn .bannerExtra { background: #FFF; color: #000; margin-top: 4px; }
#navColumn .bannerExtra img { padding-top: 4px; }

/*---CONTENT---*/
#content a { color: #0D3692; text-decoration: underline; }
#content a:link { color: #0D3692; text-decoration: underline; }
#content a:visited { color: #800080; text-decoration: underline; }
#content a:hover, #content a:active { color: #00F; text-decoration: underline; }

#content .columnLeftFull { width: 694px; position: relative; }
#content .columnLeft, #content .columnLeftHalf { float: left; display: inline; width: 334px; position: relative; }
#content .columnRight, #content .columnRightHalf { float: left; display: inline; margin-left: 26px; width: 334px; position: relative; }
#content .columnLeftThird { float: left; display: inline; width: 448px; position: relative; }
#content .columnRightThird { float: left; display: inline; margin-left: 26px; width: 220px; position: relative; }

#content hr { color: #C1D830; height: 2px; border-width: 0; }
#content #addthis { float: right; margin-top: 10px; }

/*--ServicesNav--*/
#servicesNav #addthis { position: absolute; right: 0; top: 10px; }

/*---SIDEBAR---*/

/*---FOOTER---*/
#footer a { color: #FFF; }
#footer a:hover { text-decoration: none; color: #ccc; }
#footerLogo { float: left; display: inline; padding: 10px 0px 0px 30px; width: 120px; }
#goaLinks, #siteLinks, #copyright { float: right; display: inline; margin: 3px 0px 0px 0px; padding: 0px 0px 0px; width: 750px; list-style-type: none; }
#footer li { float: left; display: inline; padding: 0px 5px 0px 5px; }


