/*FONTS******************************************************/
/* @license
* MyFonts Webfont Build ID 2367596, 2012-09-18T13:33:58-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Adelle Basic Bold by TypeTogether
* URL: http://www.myfonts.com/fonts/type-together/adelle-basic/bold/
* Copyright: Copyright (c) 2009 by TypeTogether. All rights reserved.
* Licensed pageviews: 10,000
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=2367596
*
* © 2012 Bitstream Inc
*/
@font-face {
font-family: 'AdelleBasic-Bold';
src: url('webfonts/24206C_0_0.eot');
src: url('webfonts/24206C_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/24206C_0_0.woff') format('woff'), url('webfonts/24206C_0_0.ttf') format('truetype');
}
.left-icon {
float: left;
margin-left: -1.5em;
}
.right-icon {
margin-left: .5em;
float: right;
}
/*****************************************************END FONTS*/
@media screen {
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
border: 0;
outline: 0;
}
/* fix for scroll-bar jumping */
html {
margin-left: calc(100vw - 100%);
}
b {
font-weight: normal;
}
ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
blockquote {
quotes: none;
}
q {
quotes: "“" "”" "‘" "’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
header, nav, section, article, aside, footer {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
background: #ffffff;
-moz-transform-origin: 0 0;
}
a {
color: #005A8C;
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0 0 18px;
}
img {
border: none;
}
input {
vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
color: #086391;
}
sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub {
top: 0.4em;
}
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 20px;
margin-right: 20px;
}
figcaption {
display: block;
font-size: 90%;
color: #333;
text-align: center;
}
.wrapper {
width: 960px;
margin: 0 auto;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 210px;
background: #ffffff;
}
#header div.top {
height: 130px;
margin-bottom: 10px;
}
#header div.top > div {
float: left;
}
#header #logo {
background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
display: block;
float: left;
height: 95px;
margin-top: 50px;
width: 800px;
}
#header #center {
margin: 0 auto;
width: 412px;
}
#header #right {
float: right;
width: 194px;
}
#header #mainText {
height: 52px;
margin: 9px auto 1px;
width: 317px;
}
#header #family {
background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
height: 81px;
margin: 0 auto 5px;
width: 217px;
}
#header #topMenu {
/*fall back for IE 9 8*/
background: url("../images/small-menu.png") repeat-x scroll 0 0 transparent;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* Opera */
background-image: -o-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #89A45D), color-stop(.03846, #7AA03B), color-stop(0.07692, #7DA43C), color-stop(0.96154, #648430), color-stop(1, #57722A));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/*border-radius: 0 0 6px 6px;*/
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
float: right;
height: 26px;
margin: -2px 0 28px;
}
#header #topMenu li {
color: #FFFFFF;
float: left;
font-size: 12.5pt;
margin: 3px 5px 3px 0;
padding: 0 10px;
list-style: none;
}
#header #topMenu li a {
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
}
#header #topMenu li + li {
border-left: 1px solid #59742b;
}
#header #albertaLogo {
height: 66px;
float: right;
width: 150px;
text-align: right;
}
#header #albertaLogo .ahs {
display: inline-block;
background: url("../images/logo.png") top left no-repeat;
width: 127px;
height: 37px;
}
#header #albertaLogo .ach {
display: inline-block;
background: url("../logo.png") center center no-repeat;
width: 150px;
height: 15px;
margin-top: 9px;
}
#header #mainMenu {
/* Fallbacks for IE 9, 8 */
background: url("../images/top-menu.png") repeat-x scroll 0 0 transparent;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(bottom, #04354F 0%, #06496B 2.5%, #064E73 5%, #064F74 7.5%, #086290 95%, #0A7DAE 97.5%, #0A76AC 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom, #04354F 0%, #06496B 2.5%, #064E73 5%, #064F74 7.5%, #086290 95%, #0A7DAE 97.5%, #0A76AC 100%);
/* Opera */
background-image: -o-linear-gradient(bottom, #04354F 0%, #06496B 2.5%, #064E73 5%, #064F74 7.5%, #086290 95%, #0A7DAE 97.5%, #0A76AC 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #04354F), color-stop(0.025, #06496B), color-stop(0.05, #064E73), color-stop(0.075, #064F74), color-stop(0.95, #086290), color-stop(0.975, #0A7DAE), color-stop(1, #0A76AC));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom, #04354F 0%, #06496B 2.5%, #064E73 5%, #064F74 7.5%, #086290 95%, #0A7DAE 97.5%, #0A76AC 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to top, #04354F 0%, #06496B 2.5%, #064E73 5%, #064F74 7.5%, #086290 95%, #0A7DAE 97.5%, #0A76AC 100%);
/*border-radius: 4px 4px 4px 4px;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
clear: left;
height: 40px;
position: relative;
width: 100%;
/*951*/
z-index: 99;
}
#header ul#mainMenu {
width: 100%;
}
#header #mainMenu li.home {
background: none !important;
}
#header #mainMenu li {
color: #FFFFFF;
float: left;
font-size: 14px;
margin: 4px 0 3px 0;
padding: 8px 7px;
position: relative;
list-style: none;
cursor: default;
}
#header #mainMenu li:hover, #header #mainMenu li.selected {
background: url("../images/dropdown.png") center bottom no-repeat;
}
#header #mainMenu li a {
color: #FFFFFF;
text-decoration: none;
}
#header #mainMenu li + li {
border-left: 1px solid #05405d;
}
#header #mainMenu li div.dropdown {
display: none;
left: 0;
margin-top: 8px;
position: absolute;
z-index: 100;
}
#header #mainMenu li:hover div.dropdown {
display: block;
}
#header #mainMenu li .dropdown .content {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #043a56;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-style: solid;
border-width: 6px 2px 2px;
min-width: 135px;
}
#header #mainMenu li .dropdown .content li {
background: none repeat scroll 0 0 #FFFFFF;
float: none;
margin: 6px;
padding: 0;
}
#header #mainMenu li .dropdown .content li a {
color: #043a56;
white-space: nowrap;
}
#header #mainMenu li .dropdown .content li:hover a {
color: #EF4035;
}
#header #mainMenu li .dropdown .content li + li {
border-left: 0 none;
border-top: 1px solid #d1d3d4;
}
/************** Search ********************/
/*
#header #mainMenu #search {
border-left: 0 none;
margin: 0;
padding-left: 19px;
float: right;
line-height: 24px;
}
#header #mainMenu #search input{
height: 14px;
margin-top: -4px;
}
#header #mainMenu #search img {
cursor: pointer;
position: relative;
right: 6px;
top: 4px;
}
#header #mainMenu #search input{
border: none;
height: 18px;
margin: 0;
width: 75%;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#header #mainMenu #search #searchBtn {
cursor: pointer;
width: 25px;
height: 20px;
border-radius: 0;
}
*/
#header #mainMenu #fcrc-search {
border-left: 0 none;
margin: 0;
padding-left: 19px;
float: right;
line-height: 24px;
}
#header #mainMenu #fcrc-search input {
height: 14px;
margin-top: -4px;
}
#header #mainMenu #fcrc-search img {
cursor: pointer;
position: relative;
right: 6px;
top: 4px;
}
#header #mainMenu #fcrc-search input {
border: none;
height: 26px;
margin: 0;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#header #mainMenu #fcrc-search #searchBtn {
cursor: pointer;
width: 25px;
height: 20px;
border-radius: 0;
}
.st-search-input {}
/* Change color of search result text */
.swiftype-widget .autocomplete ul li p.title {
color: #005a8c;
}
/* Change background color of selected search result */
.swiftype-widget .autocomplete ul li.active {
background: none;
background-color: #005a8c;
border-top: 1px solid #005a8c;
border-bottom: 1px solid #005a8c;
-webkit-box-shadow: 0 1px 0 #C0242D inset;
}
/* change the color of the section text (displayed below the title) */
.swiftype-widget .autocomplete ul li.active .sections em {
color: white;
}
.st-snippet em {
font-weight: bold;
font-style: normal;
font-size: 150%;
text-transform: uppercase;
}
.st-result-listing {
font-family: 'Comic Sans MS';
}
.st-result-listing h3 a {
font-family: 'Comic Sans MS';
font-size: 20px;
}
.st-result-listing .st-result .st-snippet {
color: Crimson;
font-size: 18px;
}
/************** End of Search ********************/
section.container {
margin-bottom: 25px;
}
section.container .map {
display: inline-block;
}
section .ahs-block {
display: inline-block;
vertical-align: top;
width: 530px;
margin-left: 60px;
margin-top: 10px;
}
.ahs-block h3 {
color: #086391;
margin-bottom: 20px;
font-size: 30px;
font-family: AdelleBasic-Bold;
}
.ahs-block p {
font-size: 12px;
line-height: 1.7;
margin-bottom: 60px;
}
.ahs-block p.left-block {
width: 155px;
margin-right: 25px;
float: left;
font-size: 14px;
color: #086391;
font-family: AdelleBasic-Bold;
}
.container p.note {
font-size: 14px;
color: #086391;
font-family: AdelleBasic-Bold;
}
.container-btn {
width: 200px;
height: auto;
float: left;
}
.info-block {
margin-bottom: 15px;
padding-left: 45px;
}
.info-block .map-link {
color: #086391;
outline: medium none;
text-decoration: underline;
}
.info-block .map-link:hover {
text-decoration: none;
}
.info-block > p {
margin: 3px 0;
color: #000000;
text-decoration: none;
}
.info-block > a {
margin: 3px 0;
color: #000000;
text-decoration: underline;
}
.info-block > a:hover {
text-decoration: none;
}
div[class*="icon"] {
background-image: url('../images/icon-sprite.png');
background-repeat: no-repeat;
width: 20px;
float: left;
margin: 0 5px 0 -25px;
}
.icon-phone {
background-position: 0 0;
}
.icon-mail {
background-position: -20px;
}
.icon-clock {
background-position: -40px;
}
.icon-car {
background-position: -60px;
}
div.icon-map {
background-position: -80px;
width: 25px;
}
.icon-bus {
background-position: -103px;
}
.icon-google-map {
background-position: -120px;
}
.icon-fax {
background-position: -139px;
}
table.table-staff {
width: 75%;
}
.container a {
color: #086391;
}
.btn-parking {
height: 50px;
width: 350px;
background-image: url('../images/btn-bg.png');
border: 1px solid #d8d6d6;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 0 10px 18px;
}
.btn-parking img {
margin-left: 15px;
float: left;
}
.btn-parking p {
margin: 5px 0 0 30px;
}
.btn-parking p.colored {
font-size: 14px;
color: #086391;
font-family: AdelleBasic-Bold;
float: none;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle, .middle {
position: relative;
padding-bottom: 25px;
}
#middle:after, .middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
margin-right: -100%;
}
#content {
position: relative;
z-index: 1;
}
#banner {
clear: left;
height: 375px;
margin: 3px 0 25px 0;
width: 690px;
position: relative;
}
#banner .text {
color: #ffffff;
font-family: AdelleBasic-Bold;
font-size: 16px;
line-height: 20px;
padding-left: 25px;
width: 403px;
}
#banner .text span {
font-family: AdelleBasic-Bold;
font-size: 29px;
}
/* Tabs on Homepage ***********************/
#tabs {
clear: left;
height: 50px;
margin: 24px 0 325px 0;
width: 690px;
}
#tabs>li {
background: url("../images/tabs.png") repeat-x scroll 0 0 transparent;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFFFFF;
float: left;
font-size: 12.5pt;
height: 50px;
margin: 0 5px 3px 0;
list-style: none;
}
#tabs>li:last-child {
margin-right: 0;
}
.tabs-3>li {
width: 32.85%;
}
.tabs-4>li {
width: 24.458%;
}
.tabs-5>li {
width: 19.41%;
}
.tabs-6>li {
width: 16.06%;
}
#tabs>li.active {
background: url("../images/tabs_active.png") repeat-x scroll 0 0 transparent;
}
#tabs>li .dropdown {
display: none;
}
#tabs>li.active .dropdown {
display: block;
}
#tabs>li div.tab-title {
color: #FFFFFF;
cursor: pointer;
display: block;
font-family: Arial;
font-size: 16px;
font-weight: bold;
margin: 0 auto;
padding-top: 8px;
text-align: center;
text-decoration: none;
width: 125px;
height: 43px;
}
#tabs .text li {
color: #000;
height: auto;
width: auto;
background: none;
font-family: Arial;
font-size: 15px;
}
#tabs .text li + li {
border-left: 0 none;
}
.tab-content {
border: 2px solid #064E73;
clear: left;
height: 325px;
margin: 6px 0 0;
width: 690px;
padding: 20px;
color: #000;
position: absolute;
left: 0;
}
.tab-content .subtitle {
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 15px;
line-height: 22px;
margin: 70px 0 0 1px;
text-align: left;
width: 656px;
}
.tab-content .text {
margin-top: 24px;
}
#tabs>li.active {
background: url("../images/tabs_active.png") repeat-x scroll 0 0 transparent;
}
.tab-content .text {
margin-top: 24px;
}
#tabs>li.active .dropdown {
display: block;
}
/*New Tab Styles*/
.tab-content h2 {
color: #69913B;
font-family: AdelleBasic-Bold;
font-size: 36px;
line-height: 100%;
margin: 0;
text-align: left;
width: 100%;
}
.tab-content h3 {
color: #005A8C;
font-family: AdelleBasic;
font-size: 15px;
line-height: 22px;
}
/*FCRC Services*/
#fcrc-services-tab h2 {
width: 50%;
}
#fcrc-services-tab div {
float: left;
padding: 20px;
width: 50%;
}
#fcrc-services-tab div p {
font-size: 16px;
line-height: 25px;
}
#fcrc-services-tab ul {
float: right;
padding: 20px;
width: 50%;
position: relative;
top: -70px;
}
#fcrc-services-tab ul li {
font-size: 16px;
line-height: 16px;
}
/*Patient and Family Centered Care*/
#fcc-tab {} #fcc-tab div {
float: left;
padding: 20px;
width: 50%;
}
#fcc-tab div p {
font-size: 16px;
line-height: 25px;
}
#fcc-tab ul {
padding: 20px;
}
.pfcc-newsletter {
line-height: normal;
}
.pfcc-newsletter ul li {
width: 90%;
padding-left: 10px;
}
.pfcc-newsletter ul {
list-style: disc;
}
.pfcc-share-info {
width: 75%;
border-width: 4px;
border-radius: 8px;
border-style: solid;
border-color: #69913B;
clear: both;
margin: 10px auto;
padding: 0 20px 20px;
}
.pfcc-share-info dl {
width: 100%;
overflow: hidden;
}
.pfcc-share-info h4 {
text-align: center;
}
.pfcc-share-info dt, .pfcc-share-info dd {
padding-bottom: 10px;
float: left;
}
.pfcc-share-info dt {
width: 25%;
text-align: right;
padding-right: 10px;
font-weight: bold;
}
.pfcc-share-info dd {
width: 75%;
}
/*Family to Family Connections */
#f2f-tab {} #f2f-tab div {
float: left;
padding: 20px;
width: 50%;
}
#f2f-tab div p {
font-size: 16px;
line-height: 25px;
}
#f2f-tab div ul {
padding-top: 5px;
}
#f2f-tab div ul li {
font-size: 16px;
padding-bottom: 10px;
}
/*Helpful Tips Tab*/
#helpful-tips-tab {} #helpful-tips-tab div {
float: left;
padding: 20px;
width: 50%;
}
#helpful-tips-tab div p {
line-height: 25px;
}
#helpful-tips-tab div ul {} #helpful-tips-tab div li {
font-size: 16px;
padding-bottom: 10px;
}
/**********************************End of Tabs*/
div .header {
font-family: AdelleBasic-Bold;
font-size: 22px;
text-align: center;
}
#zone {
border-color: #005A8C #D8D6D6 #D8D6D6;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#zone a {
color: #000000;
}
#zone .header {
color: #005A8C;
margin: 8px 0 0 85px;
text-align: center;
}
#zone .image {
background: url("../images/map.png") no-repeat scroll 0 0 transparent;
float: left;
height: 140px;
margin: -40px 5px 0 5px;
width: 82px;
}
#zone .toptext {
height: auto;
width: 134px;
float: left;
margin-top: 10px;
text-align: center;
}
#zone .text {
float: left;
height: 128px;
margin-left: -22px;
padding-top: 10px;
width: 140px;
}
#zone .col2 {
margin-left: 27px;
width: 114px;
}
#resources {
border-color: #FFA12D #D8D6D6 #D8D6D6;
margin-bottom: 0;
}
#resources .header {
color: #FFA12D;
margin: 8px 1px 1px 1px;
}
#resources .image {
background: url("../images/resources.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 109px;
margin: 9px 28px 0 -1px;
width: 115px;
}
#resources .text {
padding: 10px 30px;
}
.container .content {
width: 690px;
display: inline-block;
}
img.header {
margin-bottom: 10px;
}
.title-zones {
font-family: AdelleBasic-Bold;
color: #086391;
font-size: 30px;
padding-right: 30px;
height: 35px;
line-height: 35px;
padding-bottom: 4px;
display: inline-block;
margin-bottom: 20px;
}
.title-zones.north {
background-image: url('/images/map-north-zone.png');
background-position: right;
background-repeat: no-repeat;
}
ul.list-zones li {
font-size: 12px;
padding-left: 20px;
line-height: 1.7;
background: url('../images/blue_arrow.png') no-repeat 0 2px;
}
.grid-2 {
width: 300px;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
.grid-2:first-child {
padding-right: 44px;
border-right: 1px solid #939598;
margin-right: 45px;
}
table.table-phones {
width: 100%;
}
table.table-phones tr:nth-child(odd) {
background-color: #eef4f7;
}
table.table-phones td {
padding: 3px;
}
table.table-phones td:nth-child(even) {
text-align: right;
}
p.note-inverse {
margin: 18px 0 5px;
font-family: AdelleBasic-Bold;
color: #086391;
font-size: 14px;
}
/* Sidebar Right-----------------------------------------------------------------*/
.sidebar {
display: inline-block;
width: 100%;
vertical-align: top;
}
.sidebar h4 {
padding: 7px 0;
background-color: #086391;
color: #ffffff;
font-family: AdelleBasic;
font-size: 20px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
text-align: center;
}
.sidebar-content {
border-right: 1px solid #d8d6d6;
border-bottom: 1px solid #d8d6d6;
border-left: 1px solid #d8d6d6;
padding: 20px;
background: #fcf8f5;
}
.sidebar-menu h3, .sidebar-menu a, .sidebar-menu .section-title {
color: #086391;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
.sidebar-menu h3:hover, .sidebar-menu a:hover {
color: #086391;
}
.sidebar-menu h3 {
margin-bottom: 5px;
cursor: pointer;
}
.sidebar-menu h3:last-child {
margin-bottom: 0px;
}
.sidebar-menu ul ul {
display: block;
padding-left: 20px;
margin-left: -10px;
padding-top: 5px;
border-top: 1px solid #086391;
}
.sidebar-menu ul li {
display: block;
margin-bottom: 3px;
}
.sidebar-menu ul li:last-child {
margin-bottom: 10px;
}
.sidebar-menu ul li.active a {
color: #086391;
}
.sidebar-menu ul li ul a {
color: #000000;
}
/*Home Page Section Boxes*/
.home-box {
background: #fcf8f5;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-style: solid;
border-width: 6px 1px 1px;
height: 150px;
margin-bottom: 25px;
}
#sideRight {
background: none repeat scroll 0 0 #FFFFFF;
float: right;
position: relative;
width: 236px;
}
#sideRight div .header {
font-family: AdelleBasic-Bold;
font-size: 22px;
text-align: center;
}
#calendar {
height: 78px;
margin-bottom: 25px;
}
#calendar .image {
background: url("../images/calendar.png") no-repeat scroll 0 0 transparent;
float: left;
height: 78px;
margin: 1px 10px 1px 0;
/*padding-right: 10px;*/
width: 74px;
}
#calendar .image .day {
font-size: 38px;
font-weight: bold;
line-height: 30px;
margin: 23px auto 0;
text-align: center;
width: 50px;
color: #000000;
}
#calendar .image .month {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin: 5px 0 0 -8px;
text-align: center;
text-transform: uppercase;
width: 50px;
}
#calendar .text {
/*height: 128px;*/
line-height: 16px;
padding-top: 10px;
}
#calendar .text a {
color: #f00;
font-weight: bold;
text-decoration: none;
}
#education {
border-color: #69913B #D8D6D6 #D8D6D6;
}
#education .header {
color: #69913B;
margin: 8px 1px 1px;
}
#education .text {
line-height: 15px;
padding: 9px;
/*width: 215px;*/
text-align: center;
}
#education .text a {
color: #69913B;
text-decoration: none;
font-weight: bold;
}
#education #learnMore {
background: url("../images/learn_more_button.png") no-repeat scroll 0 0 transparent;
display: block;
height: 28px;
margin: -1px 0 0 68px;
;
width: 100px;
}
#ces-learn-more {
/*fall back for IE 9 8*/
background: url("../images/small-menu.png") repeat-x scroll 0 0 transparent;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* Opera */
background-image: -o-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #89A45D), color-stop(.03846, #7AA03B), color-stop(0.07692, #7DA43C), color-stop(0.96154, #648430), color-stop(1, #57722A));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #89A45D 0%, #7AA03B 3.846%, #7DA43C 7.692%, #648430 96.154%, #57722A 100%);
/*border-radius: 0 0 6px 6px;*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: block;
height: 28px;
margin: -1px 0 0 68px;
;
width: 100px;
}
#ces-learn-more span {
color: #FFFFFF;
display: table-cell;
font-weight: bold;
height: 28px;
margin: auto;
text-align: center;
vertical-align: middle;
width: 100px;
}
#myChildsHealth {
border-color: #005a8c #D8D6D6 #D8D6D6;
}
#myChildsHealth .header {
color: #005a8c;
margin: 8px 1px 1px 1px;
line-height: 1;
}
#myChildsHealth .image {
background: url("../images/child.png") no-repeat scroll 0 0 transparent;
float: left;
height: 97px;
margin: -9px 23px 1px 3px;
width: 79px;
}
#myChildsHealth .text {
padding: 10px 30px;
}
#myChildsHealth .text a {
text-decoration: none;
}
#youth {
border-color: #E23B30 #D8D6D6 #D8D6D6;
margin-bottom: 25px;
}
#youth .header {
color: #E23B30;
margin: 8px 1px 1px 1px;
}
#youth .image {
background: url("../images/youth.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 144px;
margin: -26px 0 0 -1px;
width: 123px;
}
#youth .text {
padding: 10px 30px;
width: auto;
}
#forums {
border-color: #005a8c #D8D6D6 #D8D6D6;
}
#forums .header {
color: #005a8c;
margin: 8px 1px 1px -1px;
}
#forums .bubbles {
position: relative;
height: 65px;
margin: 10px auto 0 auto;
width: 197px;
}
.bubbles .blue-bubble {
display: block;
position: absolute;
top: 8px;
left: 7px;
width: 55px;
height: 39px;
background: url("../images/blue-bubble.png") center center no-repeat;
z-index: 1;
}
.bubbles .yellow-bubble {
display: block;
position: absolute;
top: 12px;
left: 43px;
width: 56px;
height: 43px;
background: url("../images/yellow-bubble.png") center center no-repeat;
z-index: 2;
}
.bubbles .green-bubble {
display: block;
position: absolute;
top: 2px;
left: 92px;
width: 56px;
height: 37px;
background: url("../images/green-bubble.png") center center no-repeat;
z-index: 3;
}
.bubbles .orange-bubble {
display: block;
position: absolute;
top: 13px;
left: 135px;
width: 48px;
height: 32px;
background: url("../images/orange-bubble.png") center center no-repeat;
z-index: 4;
}
#forums .text {
height: auto;
margin: 0 auto;
text-align: center;
width: 185px;
}
#forums a {
color: #000000;
}
#pro {
border-color: #E23B30 #D8D6D6 #D8D6D6;
width: 234px;
float: left;
margin: 25px 0 0 0;
}
#pro .header {
color: #E23B30;
margin: 8px 0 0;
}
#pro .image {
background: url("../images/professionals.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 109px;
margin: 9px 0 0 -1px;
width: 140px;
}
#pro .text {
margin: 11px 0 0 141px;
width: 90px;
}
/* Footer
-----------------------------------------------------------------------------*/
footer {} footer a {
color: #000;
}
footer #footerWrapper {
/*margin: 27px auto;*/
margin: 0 auto;
width: 960px;
/*padding-bottom: 25px;*/
}
footer #contact {
float: left;
width: 724px;
}
footer h2 {
font-family: AdelleBasic-Bold;
font-size: 22px;
padding-bottom: 13px;
}
footer #contact h2 {
border-bottom: 2px solid #005A8C;
color: #005A8C;
text-align: left;
width: 692px;
}
footer #contact h2 a {
text-decoration: none;
font-family: AdelleBasic-Bold;
font-size: 22px;
padding-bottom: 13px;
color: #005A8C;
}
footer #copyright h2 {
border-bottom: 2px solid #69913B;
color: #69913B;
text-align: left;
width: 100%;
font-size: 14px;
}
footer #contact {
opacity: 0.75;
}
footer #contact .text {
float: left;
font-size: 11px;
margin: 9px 2px;
}
footer #contact .col1 {
width: 260px;
}
footer #contact .col-wide {
width: 330px;
}
footer #contact .col2 {
width: 215px;
}
footer #contact .col3 {
margin: 9px 0 0 10px;
width: 185px;
}
footer #copyright {
float: right;
width: 236px;
}
footer #copyright {
opacity: 0.75;
}
footer #copyright .text {
font-size: 11px;
margin: 10px 2px;
}
footer #copyright .copyLinks {
width: 100%;
}
/*common-------------------------------------------------------------------------*/
.centre, .center, .text-center, .text-centre {
text-align: center;
}
.img-centre {
display: block;
margin: 0 auto;
text-align: center;
}
.text-right {
text-align: right;
}
.blueArrows li, .blue-list li {
background: url("../images/blue_arrow.png") no-repeat scroll 0 1px transparent;
}
.yellowArrows li, .yellow-list li {
background: url("../images/yellow_arrow.png") no-repeat scroll 0 2px transparent;
}
.redArrows li, .red-list li {
background: url("../images/red_arrow.png") no-repeat scroll 0 1px transparent;
display: block;
}
.greenArrows li, .green-list li {
background: url("../images/green_arrow.png") no-repeat scroll 0 1px transparent;
}
.blueArrows li, .yellowArrows li, .redArrows li, .greenArrows li, .blue-list li, .yellow-list li, .red-list li, .green-list li {
list-style: none;
line-height: 16px;
padding-bottom: 5px;
padding-left: 25px;
position: relative;
z-index: 1;
}
#searchResult {
margin-left: 60px;
margin-bottom: 20px;
}
.searchLink {
color: #043A56;
}
#search form {
font-size: 0;
}
#header #mainMenu li a#ahs {
color: #eb5920;
}
#header #mainMenu li a#resources {
color: #eb5920;
}
.box-links a {
text-decoration: none;
color: #000;
}
/*Buttons*/
a.fcrc-btn {
color: #fff !important;
}a.fcrc-btn:hover {
text-decoration: none;
}
.fcrc-btn {
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-weight: 400 !important;
margin-bottom: 5px;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
width: 100%;
}
.fcrc-orange-btn{
background-color: #ffa12d;
color: #fff !important;
}
.fcrc-red-btn{
background-color: #E23B30;
color: #fff !important;
}
.fcrc-blue-btn{
background-color: #005a8c;
color: #fff !important;
}
.fcrc-green-btn{
background-color: #69913B;
color: #fff !important;
}
.pfcc-story-btn{
width:75%;
margin: -10px 0 0 50px;
}
.fcrc-btn:disabled{
cursor: none;
background-color: #737373;
}
/* Youth in Transition */
#youthMain {
background: url("../images/youth_main.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 342px;
margin: 3px 0 0 20px;
padding-right: 5px;
width: 450px;
}
#youthText {
background: none no-repeat scroll 0 0 transparent;
margin-left: 470px;
position: relative;
width: 500px;
}
#youthText .title {
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 30px;
line-height: 26px;
margin-left: 50px;
padding-top: 6px;
width: 500px;
}
#youthText .text {
padding: 18px 0 0 50px;
}
#youthText .text p {
font-size: 12px;
}
#youthText .videoBlock {
border: 1px solid #E2E0E0;
border-radius: 4px 4px 4px 4px;
margin: 19px 0 10px 79px;
width: 390px;
}
#youthText .videoBlock .image {
background: url("../images/video.png") no-repeat scroll 0 0 transparent;
float: left;
height: 31px;
margin: 17px 0 0 20px;
padding-right: 5px;
width: 33px;
}
#youthText .videoBlock .title {
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 14px;
line-height: 19px;
margin-left: 71px;
padding: 10px 0 5px 0;
width: 320px;
}
#youthText .videoBlock .text {
font-size: 12px;
line-height: 16px;
margin: -22px 0 8px 22px;
width: 304px;
}
#youthLinks {
clear: left;
width: 1000px;
}
#youthLinks a {
cursor: pointer;
text-decoration: none;
}
#youthLinks div.infoBlock {
background: url("../images/youth_block_background.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 106px;
margin: 32px 0 38px 20px;
width: 141px;
}
#youthLinks div.ready .image {
background: url("../images/icon_sign.png") no-repeat scroll 0 0 transparent;
height: 32px;
margin: 12px 0 0 54px;
width: 38px;
}
#youthLinks div.adultCare .image {
background: url("../images/icon_bag.png") no-repeat scroll 0 0 transparent;
height: 32px;
margin: 12px 0 0 52px;
width: 38px;
}
#youthLinks div.independent .image {
background: url("../images/icon_bird.png") no-repeat scroll 0 0 transparent;
height: 32px;
margin: 12px 0 0 42px;
width: 61px;
}
#youthLinks div.parents .image {
background: url("../images/icon_parents.png") no-repeat scroll 0 0 transparent;
height: 32px;
margin: 12px 0 0 51px;
;
width: 43px;
}
#youthLinks div.events .image {
background: url("../images/icon_calendar.png") no-repeat scroll 0 0 transparent;
height: 32px;
margin: 12px 0 0 60px;
width: 29px;
}
#youthLinks div.resources .image {
background: url("../images/icon_book.png") no-repeat scroll 0 0 transparent;
height: 32px;
margin: 12px 0 0 62px;
width: 32px;
}
#youthLinks div.infoBlock .title {
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 14px;
line-height: 15px;
text-align: center;
}
#youthLinks a:hover div.infoBlock .title {
color: #69913B;
}
#youthLinks div.ready .title {
margin: 17px 0 0 12px;
width: 118px;
}
#youthLinks div.adultCare .title {
margin: 10px 0 0 22px;
width: 96px;
}
#youthLinks div.independent .title {
margin: 10px 0 0 24px;
width: 96px;
}
#youthLinks div.parents .title {
margin: 10px 0 0 25px;
width: 96px;
}
#youthLinks div.events .title {
margin: 10px 0 0 26px;
width: 96px;
}
#youthLinks div.resources .title {
margin: 10px 0 0 27px;
width: 96px;
}
/** Transition Videos **/
.transition-video video, .youtube-story {
float: left;
}
#tv-screen {
background-image: url('../images/tv-432.png');
width: 512px;
height: 432px;
float: left;
margin-bottom: 40px;
}
#tv-text {
padding: 125px 120px 125px 55px;
}
#tv-text p {
font-family: 'Courier New';
color: #fff;
}
.transition-video video div p {} .video-links,
.transition-video div.youtube-story div p {} .video-links {
float: left;
width: 180px;
height: 432px;
margin: 0;
}
.transition-video video{
background-color: #000;
}
.video-links div {
display: table;
width: 180px;
height: 11.111111%;
}
.video-links a {
color: white;
text-decoration: none;
transition: all 0.25s ease 0s;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
background-color: #F5F5F5;
border-color: #A2A2A2;
/*Fallback*/
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
border-radius: 0 4px 4px 0;
border-style: solid;
border-width: 1px;
color: #333333;
cursor: pointer;
display: table-cell;
vertical-align: middle;
font-size: 14px;
line-height: 1.25;
padding: 4px 12px;
text-align: center;
}
.video-links a:hover, .video-links a:focus {
background-color: #4d8ab3;
color: #FFF;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
}
.video-links .active, .video-links .active {
color: white;
text-decoration: none;
transition: all 0.25s ease 0s;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
background-color: #F5F5F5;
border-color: #A2A2A2;
/*Fallback*/
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
border-radius: 0 4px 4px 0;
border-style: solid;
border-width: 1px;
color: #333333;
display: table-cell;
vertical-align: middle;
font-size: 14px;
line-height: 1.25;
padding: 4px 12px;
text-align: center;
background-color: #005a8c;
border-color: #005a8c;
color: #fff;
font-size: 18px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* CAYAC *******************************/
#cayacImage {
background: url("../images/cayac-main.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 342px;
margin: 3px 0 0 0;
width: 450px;
}
#cayacText {
background: none no-repeat scroll 0 0 transparent;
margin-left: 460px;
position: relative;
width: 500px;
}
#cayacText h2 {
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 30px;
line-height: 26px;
margin-left: 25px;
width: 500px;
}
#cayacText h3 {
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 18px;
line-height: 20px;
margin-left: 25px;
padding-top: 7px;
width: 500px;
}
#cayacText .text {} #cayacText p {
font-size: 12px;
padding: 18px 0 0 25px;
margin: 0;
}
#cayacLinks {
height: 276px;
width: 100%;
}
#cayacLinks a {
cursor: pointer;
text-decoration: none;
}
/* NEW CAYAC*/
#cayacLinks div {
float: left;
margin: 12px 0 0 25px;
width: 141px;
height: 106px;
background: url("../images/youth_block_background.jpg") no-repeat scroll 0 0 transparent;
}
#cayacLinks p {
margin: 0;
padding: 5px 15px 0;
text-align: center;
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 14px;
line-height: 15px;
text-align: center;
}
#cayacLinks img {
margin: 15px auto 5px;
display: block;
}
/********************************end CAYAC*/
/*NEW STYLES**************************************************************************************/
.bottom {
/* Container needs to have position: relative */
position: absolute;
bottom: 0;
}
a.no-decoration:hover {
text-decoration: none;
}
ul li p {
margin: 0;
}
article {
width: 692px;
float: left;
font-size: 14px;
}
article h2 {
/*Article Title*/
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 250%;
margin: 0 0 18px 0;
text-align: left;
line-height: 1.25;
}
article h3 {
/*Subtitle*/
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 150%;
margin: 18px 0 9px;
text-align: left;
line-height: 1;
}
article h4 {
/*List Title*/
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 115%;
margin: 18px 0 9px;
text-align: left;
}
article h5 {
/*Link Titles*/
font-size: 100%;
margin-bottom: 5px;
}
article p {
margin: 0 0 18px;
}
article ul li {
padding-left: 5px;
margin-left: 25px;
width: 85%;
/*list-style-image:none;*/
/*background: url("/images/blue_arrow.png") 0 2px no-repeat;*/
padding-left: 20px;
margin-bottom: 5px;
}
article ol li {
padding-left: 0;
margin-left: 45px;
width: 85%;
margin-bottom: 5px;
}
article ul, article ol {
margin: 9px 0;
padding: 0;
}
p~ul, p~ol {
margin-top: 0;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 70px;
position: absolute;
left: 0;
top: -20px;
color: #5292B2;
}
blockquote {
font-family: Georgia, serif;
font-style: italic;
margin: 15px 0;
padding: 10px 20px 10px 40px;
line-height: 1.45;
position: relative;
color: #383838;
background: #f9f9f9;
border-left: 10px solid #ccc;
}
blockquote footer {
text-align: right;
font-style: normal;
height: auto;
}
/*** NEW STYLE STAR BOX ***/
blockquote.quote-star:before {
content: url("../images/icon_star.png");
margin: 23px 0 0 16px;
width: 55px;
}
blockquote.quote-star {
font-style: normal;
margin: 15px 0;
padding: 0;
line-height: 1.45;
position: relative;
border-left: none;
background: url("../images/difference_background.png") no-repeat scroll 0 0 transparent;
height: 111px;
margin: 31px auto;
width: 500px;
display: table;
}
blockquote.quote-star p {
display: table-cell;
vertical-align: middle;
color: #282828;
font-family: AdelleBasic-Bold;
font-size: 17px;
line-height: 23px;
padding: 0 25px 13px 85px;
text-align: left;
}
#main-left {
float: left;
width: 690px;
}
#left60, .left60 {
width: 65%;
float: left;
}
#right30 {
background: none repeat scroll 0 0 #FFFFFF;
float: right;
position: relative;
width: 236px;
}
.two-columns {
-moz-column-count: 2;
/* Firefox */
-webkit-column-count: 2;
/* Safari and Chrome */
column-count: 2;
}
.three-columns {
-moz-column-count: 3;
/* Firefox */
-webkit-column-count: 3;
/* Safari and Chrome */
column-count: 3;
margin: 5px 0 20px 20px;
}
.three-columns p {
margin: 0 0 0 0;
}
ol.upper-roman {
list-style-type: upper-roman
}
ol.lower-roman {
list-style-type: lower-roman
}
ol.lower-alpha {
list-style-type: lower-alpha
}
ol.upper-alpha {
list-style-type: upper-alpha
}
ul.no-bullet li {
background-image: none
}
.popup-video {
position: relative;
width: 500px;
height: 70px;
list-style: none;
cursor: pointer;
}
.popup-video li video {
position: absolute;
z-index: 10;
visibility: hidden;
width: 512px;
height: 384px;
left: -200px;
}
.popup-video li:hover video {
visibility: visible;
}
.web-links {
margin-bottom: 30px;
}
.web-links li {
margin: 0 0 15px 0;
}
.web-links p.link-title {} .web-links p.link-info {} img.within-article {
margin: 0 0 15px 15px;
}
.cursor-help {
cursor: help;
}
/*SIDE MENU=========================================================*/
.sidemenuHide ul {
position: absolute;
top: -9999px;
}
#sidemenu {
padding-left: 10px;
text-indent: -10px;
}
nav h4 a, nav h4 a:hover {
color: #ffffff;
outline: none;
text-decoration: none;
}
dl.sidemenu-contact {
margin-top: 25px;
}
dl.sidemenu-contact dt {
border-bottom: 1px solid #005A8C;
color: #005A8C;
width: 100%;
font-size: 125%;
font-family: AdelleBasic-Bold;
margin-bottom: 5px;
}
dl.sidemenu-contact dd {
padding-bottom: 5px;
}
/*==================================================END SIDE MENU=*/
/* Icons =========================================================*/
[href $='.pdf'] {
padding-right: 13px;
background: transparent url(/images/icon_pdf.gif) no-repeat center right;
}
[href $='.doc'] {
padding-right: 13px;
background: transparent url(/images/icon_doc.gif) no-repeat center right;
}
[href ^='mailto:'] {
padding-right: 12px;
background: transparent url(/images/icon_email.gif) no-repeat center right;
}
/* #middle [href ^='http:'], .middle [href ^='http:'] {
padding-right: 12px;
background: transparent url(/images/icon_popup.png) no-repeat center right;
}
#middle [href ^='https:'], .middle [href ^='https:'] {
padding-right: 12px;
background: transparent url(/images/icon_popup.png) no-repeat center right;
}*/
#middle [target='_blank'][href ^='http:'], .middle [target='_blank'][href ^='http:'] {
padding-right: 12px;
background: transparent url(/images/icon_popup.png) no-repeat center right;
}
#middle [target='_blank'][href ^='https:'], .middle [target='_blank'][href ^='https:'] {
padding-right: 12px;
background: transparent url(/images/icon_popup.png) no-repeat center right;
}
[href ^='http://fcrc'], [href ^='https://fcrc'] {
padding-right: 0;
background: none;
}
#CESmainNav [href ^='http://fcrc'], .CESmainNav [href ^='http://fcrc'], #CESmainNav [href ^='https://fcrc'], .CESmainNav [href ^='https://fcrc'], .no-icon[href $='.pdf'], .no-icon[href $='.doc'], .no-icon[href ^='mailto:'], .no-icon[href ^='http'] {
padding-right: 0;
background: none;
}
/*========================================================END Icons=*/
/*Transition - Events and Education =================
Events now uses the Presentation Style used on the Professional Education Section
*/
#events-and-education {} #events > h3, #education > h3 {
margin: 10px 0 0 0;
padding: 0 0 5px 0;
border-bottom: 1px #005A8C solid;
}
#events {} .event, #ces {
margin: 10px 0 18px 20px;
}
.event h4 {
margin: 0 0 5px 0;
font-family: AdelleBasic;
font-size: 115%;
}
.event p {
margin: 0 0 10px;
}
.event p.date {
margin: 0;
}
.event p.adr {
margin: 0 0 10px;
}
#education {} #ces {} #ces h5 {
font-family: AdelleBasic;
font-size: 100%;
}
/*==========================END Events and Education*/
/*Contact Us - Getting Here - Parking ==============================*/
.contact {
font-size: 14px;
}
.column-50 {
width: 45%;
vertical-align: top;
margin-bottom: 20px;
}
.left {
float: left;
padding-right: 5%;
}
.right {
float: right;
}
.contact h2 {
/*Contact-Parking-Get Here Title*/
color: #005A8C;
font-family: AdelleBasic-Bold;
font-size: 215%;
margin: 10px 0 15px 0;
text-align: left;
line-height: 1.25;
}
.contact h3 {
font-size: 18px;
font-family: AdelleBasic;
margin: 0 0 10px;
}
.contact h4 {
margin: 18px 0 5px;
font-family: AdelleBasic;
font-size: 16px;
}
.vert-line {
border-right: 1px solid #939598;
}
.contact ul li {
padding-bottom: 8px;
line-height: 15px;
margin-left: 13px;
list-style: outside disc;
color: #086391;
}
.contact ul li span {
/*fixes css list style color issue*/
color: #000000;
}
.contact .btn-dark-green {
font-family: AdelleBasic-Bold;
font-size: 15px;
margin: 25px 26px 15px 0;
display: inline-block;
text-decoration: none;
color: #ffffff !important;
padding: 14px 10px 14px 40px;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color: #69913b;
background-repeat: no-repeat;
background-position: 10px 13px;
box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.5) inset, 0px 4px 3px -3px rgba(255, 255, 255, 1) inset;
}
.contact .btn-dark-green.ico-map {
background-image: url('../images/ico-map.png');
}
.contact .btn-dark-green.ico-parking {
background-image: url('../images/icon-parking.png');
}
.contact .btn-dark-green.ico-contact {
background-image: url('../images/icon-contact.png');
}
/*Address - see http://microformats.org/wiki/adr for HTML markup */
address {
font-style: normal;
}
.vcard {
margin: 0 0 1em 0;
}
.adr {} .fn {
color: #086391;
font-weight: bold;
}
.org {} .street-address {} .locality {
display: inline;
}
.region {
display: inline;
}
.postal-code {
display: inline;
}
.postal-code:before {
content: "\00a0";
}
.country-name {} .tel {} .fax {} .email {} .building {} .room {}
/*======================================= End Address*/
/*Child Health Computer Program ==========================*/
.healthspot-how-to li>img {
margin: 0 25px 13px;
}
/*=====================END - Child Health Computer Program*/
/*Professional Education==================================*/
table#contact-info {
margin: 0 0 20px 20px;
}
table#contact-info tr {
margin: 5px;
}
table#contact-info tr td {
padding: 5px 0 5px 25px;
}
.presentation, .event {
padding: 20px;
clear: both;
overflow: auto;
}
.presentation .date, .event .date {
float: left;
width: 74px;
height: 78px;
display: block;
background: url('/images/pro-education-calendar.png') no-repeat scroll 0 0 transparent;
}
.presentation .date .day, .event .date .day {
display: block;
font-size: 38px;
font-weight: bold;
line-height: 30px;
margin: 20px auto 0;
text-align: center;
width: 50px;
color: #000000
}
.presentation .date .tbd, .event .date .tbd {
font-size: 24px;
}
.presentation .date .month, .event .date .month {
display: block;
float: left;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin: 6px 0 0 6px;
text-transform: uppercase;
}
.presentation .date .year, .event .date .year {
display: block;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
float: right;
margin: 6px 6px 0 0;
}
.presentation .date .season, .event .date .season {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 30px;
margin: 20px auto 0;
text-align: center;
width: 65px;
color: #000000
}
.presentation .info, .event .info {
width: 80%;
float: right;
}
.presentation .info h3, .event .info h3 {
color: #005A8C;
font-size: 125%;
margin: 0 0 5px;
text-align: left;
border-bottom: 0 none;
}
.presentation .info h4, .event .info h4 {
color: #000;
font-family: AdelleBasic;
font-size: 100%;
margin: 0 0 5px;
text-align: left;
}
.presentation .info h5 {} .presentation .info p {
margin: 0;
}
.presentation .info .time, .event .info .time {
margin: 10px 0;
}
.presentation .info .location {} .presentation .info .speaker {} .presentation .info ul.links {
margin-top: 10px;
}
.presentation .info ul.links li {
margin: 0 0 0 15px;
}
#pro-ed-register ul li {
list-style-image: none;
background: none;
padding-left: 0;
margin-bottom: 10px;
}
#telehealth-locations h4 {
border-bottom: 1px solid #005A8C;
}
/*********************** End Professional Education*/
/* Community Links *********************************/
.community-links a {
text-decoration: none;
}
.community-links-titles > dt {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #005A8c;
color: #005A8C;
font-size: 175%;
margin: 5px 0 10px 0;
padding-left: 35px;
line-height: 25px;
cursor: pointer;
}
.community-links-titles > dt:before {
background: none repeat scroll 0 0 #005A8c;
content: "";
height: 25px;
width: 25px;
position: absolute;
left: 0;
}
.community-links-titles > dt:hover:before {
background-color: #69913B;
}
.community-links-titles > dt:hover {
border-bottom-color: #69913B;
}
.community-links-titles > dd {
padding: 0 25px 0 25px;
}
/* Second Layer of list */
.community-links-subtitles {
margin: 0 0 25px;
position: relative;
}
.community-links-subtitles > dd {
padding: 0 20px 0 20px;
}
.community-links-subtitles > dt {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #005A8c;
color: #005A8C;
font-size: 125%;
margin: 5px 0 10px 0;
padding-left: 30px;
line-height: 20px;
cursor: pointer;
}
.community-links-subtitles > dt:before {
background: none repeat scroll 0 0 #005A8c;
content: "";
height: 20px;
width: 20px;
position: absolute;
left: 0;
z-index: -1;
}
.community-links-subtitles > dt:hover:before {
background-color: #69913B;
}
.community-links-subtitles > dt:hover {
border-bottom-color: #69913B;
}
/* Information layer of list */
.community-links-info > dt {
display: inline-table;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #005A8c;
}
.community-link {
display: table-cell;
text-align: left;
}
.community-link-tel {
display: table-cell;
text-align: right;
}
.community-links dt {
margin: 10px 0 0;
}
.community-links-p {
margin: 10px 0 0;
}
/***************************** End Community Links */
/*Notification Boxes *****************************/
/*http://www.paulund.co.uk/twitter-bootstrap-alert-boxes */
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
margin-top: 18px;
color: #c09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert-heading {
color: inherit;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-danger, .alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p, .alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
/**************************END OF NOTIFICATIONS */
/* Sticky Footer ***********************************/
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
margin-bottom: -123px;
}
/* equal to footer height */
.wrapper:after {
content: "";
display: block;
}
footer, .wrapper:after {
height: 123px;
}
/* http://css-tricks.com/snippets/css/sticky-footer/ */
/* FORM CONTROLS **********************************/
.form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.form-group {
margin: 15px 0;
}
.form-group label {
display: inline-block;
font-weight: 700;
margin-bottom: 5px;
max-width: 100%;
}
.check-group{
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
}
input[type='file'].form-control {
height: auto;
}
input:focus,
select:focus {
box-shadow: inset 0 0 3px rgba(0, 90, 140, 1);
border: 1px solid rgba(0, 90, 140, 1);
}
input[type="checkbox"]:focus {
box-shadow: 0 0 3px rgba(0, 90, 140, 1);
border: 1px solid rgba(0, 90, 140, 1);
}
input[type="checkbox"] {
display: inline-block;
}
.checkbox-left{
float: left;
margin-right:10px;
}
/* Parking */
.parking-lot-number{
color: #FFF;
background-color: #69913B;
border-radius: 15px;
font-size: 75%;
padding: 5px;
font-family: Arial;
font-weight: bold;
}
/* Utility Styles */
.green {
color: #69913B;
}
.blue {
color: #005a8c;
}
.red {
color: #E23B30;
}
.orange {
color: #FFA12D;
}
.grey, .help{
color: #737373;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
.form-error{
color: #E23B30;
}
.width-5{width:5%;}
.width-10{width:10%;}
.width-15{width:15%;}
.width-20{width:20%;}
.width-25{width:25%;}
.width-30{width:30%;}
.width-35{width:35%;}
.width-40{width:40%;}
.width-45{width:45%;}
.width-50{width:50%;}
.width-55{width:55%;}
.width-60{width:60%;}
.width-65{width:65%;}
.width-70{width:70%;}
.width-75{width:75%;}
.width-80{width:80%;}
.width-85{width:85%;}
.width-90{width:90%;}
.width-95{width:95%;}
.width-100{width:100%;}
.weight-100{font-weight: 100;}
.weight-200{font-weight: 200;}
.weight-300{font-weight: 300;}
.weight-400{font-weight: 400;}
.weight-500{font-weight: 500;}
.weight-600{font-weight: 600;}
.weight-700{font-weight: 700;}
.weight-800{font-weight: 800;}
.weight-900{font-weight: 900;}
.clearfix:after, .clear-fix:after, .group:after {
content: "";
display: table;
clear: both;
}
.pull-left {
float: left !important;
}
.pull-right {
float: right !important;
}
.cursor-arrow{
cursor: default;
}
.cursor-pointer{
cursor: pointer;
}
.no-decoration{
text-decoration: none;
}
}
/*End of Screen CSS*/
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
header, #right30, img, .printButton, footer h2, #banner, .tabtitle, video {
display: none;
}
.print{
display: inline-block;
float: none;
}
article {
font: 12pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
width: 100%;
margin: 0;
float: none;
}
p, h3, li {
orphans: 3;
widows: 3;
}
h2{
margin-top: 0;
}
h1, h2, h3, h4, h5 {
page-break-after: avoid;
}
ul, img, ol, footer {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
blockquote, quote {
font-style: italic;
}
a {
word-wrap: break-word;
}
article a[href^="http://"]:after, article a[href^="https://"]:after {
content: " (" attr(href) ")";
font-size: 90%;
}
/* article a[href^="/"]:after {
content: " (http://fcrc.ahs.ca" attr(href) ")";
font-size: 90%;
}
article a:after {
content: " (http://fcrc.ahs.ca/" attr(href) ")";
font-size: 90%;
}*/
article a[href^="#"]:after {
display: none;
}
article a[href^="mailto:"]:after {
display: none;
}
ul li {
list-style-type: disc;
}
@page {
margin: 1in;
}
footer #footerWrapper {
margin: 0 auto;
width: 960px;
}
footer #contact {
float: left;
width: 724px;
}
footer #contact {
}
footer #contact .text {
float: left;
font-size: 11px;
margin: 9px 2px;
}
footer #contact .col1 {
width: 260px;
}
footer #contact .col2 {
width: 215px;
}
footer #contact .col3 {
margin: 9px 0 0 10px;
width: 185px;
}
footer #copyright {
float: right;
width: 236px;
}
footer #copyright {
}
footer #copyright .text {
font-size: 11px;
margin: 10px 2px;
}
footer #copyright .copyLinks {
width: 100%;
}
}
/*End Print CSS*/