@charset "utf-8";
/* CSS Document */
/* 
    Designed and Styled by Darren Pearce    
    darren@darrenpearce.com  |  www.darrenpearce.com
    
    ------------------------------------------------------------------------------------------
    
    Alberta Health Care | Birth & Babies
    
    created: Oct 19th 2009
    ------------------------------------------------------------------------------------------
*/

/**************************************************************************************************
 **************************************************************************************************
    Browser Reset
    sourced: Blueprint CSS
--------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;fonet-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a span{cursor:pointer;}

/**************************************************************************************************
 **************************************************************************************************
    BASE
--------------------------------------------------------------------------------------------------*/
body {margin:0; background-color:#e8ebdf;}

/* -------------------------------------------------------------------------------------------------
    Typograhy 
--------------------------------------------------------------------------------------------------*/
body {font-size:13px;color:#333;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#222;}
h1 {color:#ffa223; font-size:2em;line-height:1;margin-bottom:0.5em;font-weight:bold;}
h2 {font-size:1.8em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.1;margin-bottom:1em;height:1.1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.8em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000; text-decoration:underline;}
a {color:#7c2c79; text-decoration:none;}
blockquote {color:#222;font-weight:bold; margin-bottom:1em;}
blockquote span {display:block;color:#666;font-style:italic; font-size:.9em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {margin-left:3em; list-style-type:none; }
ul li {list-style-image: url("../theme/ul_bullet.png");}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* -------------------------------------------------------------------------------------------------
    Forms 
--------------------------------------------------------------------------------------------------*/
/* Form fields
-------------------------------------------------------------- */
input.text, 
textarea
{
  margin:0;
  border:1px solid #bbb;
  padding:1px;
}

input.text:focus, 
textarea:focus
{
  border:1px solid #666;
}

button {
  text-align: center;
  background: url('../theme/bttn-bkg-end.png') no-repeat right;
  border: 0;
  margin: 0;
  padding: 0 3px 0 0;
  overflow: visible;
  cursor:pointer;
}
button span {
	font-size:1em ; 
	position: relative; 
	display: block;
	white-space: nowrap;
	height: 23px;
	color: #fff;
	line-height:23px;
	background: url('../theme/bttn-bkg.png') no-repeat left center; 
	padding: 0 5px 0 8px;
	cursor:pointer;
    font-weight:bold;
    margin-bottom:0; 
    padding-bottom:0;
    border-bottom:none;
}

button.wide span{
    padding-left:15px;
    padding-right:12px;
}

form fieldset.align-fields p label {
    display:block;
    float:left;
    width:130px;
}
form fieldset.align-fields p.bttns,
form fieldset.align-fields p span {
    padding-left:130px;
}

form fieldset.align-fields p span{
    display:block;
    font-size:0.9em;
}
/* has to be 5px less because of the error padding */
form  fieldset.align-fields p.error label {
    width:125px
}
form fieldset.align-fields p.error span {
    padding-left:125px;
}

form p.required label {
    font-weight:bold;
}

form p.error {
    padding:5px;
    background-color:#ffefef;
    border: solid 1px #c66;
}
form p.error em{
    display:block;
    color:#cc0000;
    font-weight:bold;
    padding-bottom:0.2em;
}
form p em {
    display:none;
}

form input.s1 { width:30px; }
form input.s2 { width:50px; }
form input.s3 { width:100px; }
form input.s4, form textarea.s4 { width:200px; }
form input.s5, form textarea.s5 { width:350px; }
form input.sf, form textarea.sf { width:100%; }

form input.custom, form textarea.custom { width:290px; }

/**************************************************************************************************
 **************************************************************************************************
    Helpers
--------------------------------------------------------------------------------------------------*/
.debug{background-color:#f0f !important;} /* I Like Pink */

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.clearLeft { clear: left; }

.float-left { float:left !important; }
.float-right { float:right !important; }

.autoEnlarge { border: solid 1px white; }
img.hover { border: solid 1px red; cursor: pointer; }
.space-after {margin-bottom:10px;}
.space-after-large {margin-bottom:20px;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

span.exp-big-green,
a.exp-big-green {
	background:transparent url(../theme/bigbutton_bkg_green.png) top left no-repeat scroll;
	width:auto;
	height:63px;
	float:left;
	display:block;
	padding-left:10px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#7c2c79;
	line-height:1.1em;
	margin-left:-8px;
}

span.exp-big-green h3,
a.exp-big-green h3 {
	font-weight:bold;
	text-align:center;
	color:#7c2c79;
    margin-bottom: 0;
	font-size:1em;
	line-height:1.1em;
}

span.exp-big-green.float-right,
a.exp-big-green.float-right{
	margin-left:0px;
	margin-right:-8px;
}
span.exp-big-green span.expander,
a.exp-big-green span.expander{
	padding:16px 20px 16px 10px;
	background:transparent url(../theme/bigbutton_bkg_green.png) top right no-repeat scroll;
	display:block;
}
span.exp-big-green span.expander span,
span.exp-big-green span.expander p,
a.exp-big-green span.expander span{
	display:block;
	font-size: .85em;
    font-weight: normal;
    line-height: 1em;
}

span.exp-big-green.wide,
a.exp-big-green.wide {
	width:190px;
}
span.exp-big-green.narrow,
a.exp-big-green.narrow {
	width:145px;
	font-size:1em;
}
span.exp-big-green.narrow span.expander span,
a.exp-big-green.narrow span.expander span{
	font-size:.85em;
	line-height:1em;
	font-weight:normal;
}


a.big-purple {
	background:transparent url(../theme/bigbutton_bkg_purple.png) top left no-repeat scroll;
	width:315px;
	height:59px;
	color:#ffffff;
	display:block;
	font-size:1.6em;
	text-align:center;
	line-height:59px;
	margin-left:-8px;
	margin-top:-5px;
}
span.exp-yellow,
a.exp-yellow{
	background:transparent url(../theme/expbutton_bkg_yellow.png) top left no-repeat scroll;
	width:315px;
	color:#7c2c79;
	display:block;
	font-size:1.6em;
	text-align:center;
	margin-left:-8px;
	margin-top:-5px;
	padding-top:10px;
	font-weight:bold;
}
span.exp-yellow h3{
    margin: 0;
	display:block;
	font-size:1.0em;
    line-height: 1.5em;
	text-align:center;
	color:#7c2c79;
	font-weight:bold;
}
span.exp-yellow span.expander,
a.exp-yellow span.expander{
	background:#fff0ff url(../theme/expbutton_bkg_yellow.png) bottom left no-repeat scroll;
	display:block;
	padding:0px 20px;
}
span.exp-yellow span.expander span,
span.exp-yellow span.expander p,
a.exp-yellow span.expander p,
a.exp-yellow span.expander span{
    margin-bottom: 0px;
	font-weight:normal;
	font-size:.62em;
	display:block;
	text-align:left;
	padding-bottom:20px;
}
a.sponsor {
	background:transparent url(../theme/expbutton_bkg_grey.png) top left no-repeat scroll;
	width:315px;
	display:block;
	padding-top:10px;
	text-align:center;
	margin-left:-8px;
}
a.sponsor span.expander{
	background:transparent url(../theme/expbutton_bkg_grey.png) bottom left no-repeat scroll;
	display:block;
	padding:3px 0 25px 0;
}
/**************************************************************************************************
 **************************************************************************************************
    LAYOUT
--------------------------------------------------------------------------------------------------*/
#top-grad{
	background:transparent url(../theme/top_grad.png) top left repeat-x scroll;
	height:10px;
	width:100%;
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
}
#master {
	background: #e8ebdf url(../theme/main_bkg.png) top center repeat-y scroll;
    width:974px;
    margin:0 auto;
	padding-bottom:10px;
}
#pusher {
	z-index:20;
	position:fixed;
	right:0px;
	overflow:hidden;
}
#twitter {
	z-index:10;
	width:30px;
	height:121px;
	position:fixed;
	top:210px;
	right:0;
	overflow:hidden;
}
#twitter a{
	background:#ffffff url(../theme/social_buttons.png) 0px -101px no-repeat scroll;
	display:block;
	width:30px;
	height:121px;
	text-indent:-5000px;
	margin-left:2px;
}
#twitter a:hover{
	margin-left:0px;
}
#feedback{
	z-index:11;
	width:30px;
	height:93px;
	position:fixed;
	top:220px;
	left:0px;
	overflow:hidden;
}
#feedback a{
	background:#ffffff url(../theme/social_buttons.png) -2px 0px no-repeat scroll;
	display:block;
	width:30px;
	height:93px;
	text-indent:-5000px;
	margin-left:-2px;
}
#feedback a:hover{
	margin-left:0px;
}

/* -------------------------------------------------------------------------------------------------
    Header 
--------------------------------------------------------------------------------------------------*/
#header {
    background: #7c2c79 url(../theme/header_bkg.png) top left no-repeat scroll;
    padding:0px 20px;
	margin:0 37px;
	width:860px;
}
#header .title {
	padding-top:15px;
	font-size:2em;
	font-weight:bold;
	line-height:1em;
	color:#FFFFFF;
}
#header .title span {
	color:#ffe064;
}
/* -------------------------------------------------------------------------------------------------
    Header > Navigation 
--------------------------------------------------------------------------------------------------*/
#main-nav {
	margin-top:5px;
	margin-left:130px;
}
#main-nav a {      
    display:block;
    float:left;
    border-right:2px solid #7c2c79;
    background:#e5d5e4 url('../theme/pixel_7c2c79.png') top left no-repeat;
    color:#ad5eaa;
    text-decoration:none;
}

#main-nav a span {
    font-size:13px;
	font-weight:bold;
    line-height:1em;
    display:block;
    background: transparent url('../theme/pixel_7c2c79.png') top right no-repeat;
    border-bottom:2px #e3e3e3 solid;
    padding:5px 15px 4px 15px;  
}
#main-nav a:hover, 
#main-nav a:focus,
#main-nav a.selected {
    background-color:#ffe064;
    color:#7c2c79;
}

#main-nav a:hover span, 
#main-nav a:focus span,
#main-nav a.selected span {
    border-bottom:none;
    padding-bottom:6px;  
}

#main-nav a.last{
}

#main-nav a.last span{
    padding-right:10px;
}

/* Section Navigation
--------------------------------------------------------------------------------------------------*/
#section-nav{
	margin:0 37px;
	background:#ffe064 url(../theme/section_nav.png) 0px 0px repeat-x;
	padding:0 20px;
}
#section-nav a {      
    display:block;
    float:left;
    color:#7c2c79;
    text-decoration:none;
	padding-left:15px;
	background:transparent url(../theme/section_nav.png) 0px -22px no-repeat;
}

#section-nav a span {
    font-size:12px;
	font-weight:normal;
    line-height:1em;
    display:block;
    padding:4px 15px 3px 0px; 
}
#section-nav a.first{background-position:-1px -22px;}

#section-nav a:hover, 
#section-nav a:focus,
#section-nav a.selected {
    color:#7c2c79;
	background:transparent url(../theme/section_nav.png) 0px -44px no-repeat;
}

#section-nav a:hover span, 
#section-nav a:focus span,
#section-nav a.selected span { 
	background:transparent url(../theme/section_nav.png) 100% -44px no-repeat;
}

#section-nav a.first.selected, 
#section-nav a.first.selected:hover,
#section-nav a.first.selected:focus{background-position:-1px -44px;}
#section-nav a.first span{}
/* -------------------------------------------------------------------------------------------------
    Banner
--------------------------------------------------------------------------------------------------*/
#banner{}

/* -------------------------------------------------------------------------------------------------
    Content
--------------------------------------------------------------------------------------------------*/
#content{ margin:30px 37px 10px 37px; padding:0 20px;}
.home #content{margin-top:10px;}
#content .main, .home #content .main {
    float:left;
    width:540px;
}
.home #content .main {
	width:520px;
	padding-left:20px;
}

#content div.right {padding-top:6px; width:300px; float:right; overflow:hidden;}

#whats-new h3{
	font-size:1.5em;
	font-weight:bold;
	color:#7c2c79;
	margin-bottom:.2em;
}
#whats-new a{
	font-size:1.2em;
	font-weight:bold;
	display:block;
	color:#6b6c69;
}

/* -------------------------------------------------------------------------------------------------
    Footer
--------------------------------------------------------------------------------------------------*/
#footer{
	margin:0 37px;
}
#footer .copyright, #footer .revisions{
	font-size:0.8em;
	margin:0 20px;
}
#footer .copyright{
	float:left;
}
#footer .revisions{
	float:right;
}
#linkBar{ 
	background:transparent url(../theme/linkbar_bkg.png) top center no-repeat scroll;  
	padding-top:10px;
}
#linkBar div.expander{
	background:transparent url(../theme/linkbar_bkg.png) bottom center no-repeat scroll;
	padding:10px 40px 20px 40px;
	font-size:0.9em;
}
#linkBar .links-a{
	background-color:#7c2c79;
	color:#ffffff;
	padding:2px 0;
}

#linkBar .links-a a{
	color:#ffffff;
	border-left:1px solid #ffffff;
	padding:0 20px;
}
#linkBar .links-a a.first{
	border-left:none;
}
#linkBar .links-b{
	padding-top:5px;
}

#linkBar .links-b a{
	border-left:1px solid #333;
	padding:0 20px;
	line-height:1em;
}
#linkBar .links-b a.first{
	border-left:none;
}