@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic"); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color:#394a5c;
}
table.mymarks, th.mymarks, td.mymarks {
border: 1px solid black;
padding: 5px;
}
strong, b {
font-family: 'Open Sans', sans-serif;
font-weight:700;
}
button, input, select, textarea {
font-size: 100%;
overflow: visible;
margin: 0;
vertical-align: baseline;
width: auto;
}
textarea {
overflow: auto;
vertical-align: text-top;
} html, body {
height: 100%;
}
body {
font-family: 'Open Sans', sans-serif;
background-color:#d2e0dd;
background-image:url(//www.harts.ca/wp-content/themes/harts/images/bg-body.png);
background-repeat:repeat-x;
}
div#wrapper {
width:820px;
margin:auto;
min-height: 100%;
margin-bottom: -129px; 
background-image: url(//www.harts.ca/wp-content/themes/harts/images/content-bg.png);
}
#wrapper:after {
content: "";
display: block;
}
div#header {
width:769px;
height:131px;
z-index:1000;
margin:auto;
background:url(//www.harts.ca/wp-content/themes/harts/images/header.png);
}
div#logo {
margin-left: 31px;
position: absolute;
width: 250px;
z-index: 9999;
}
div#tagline {
float: left;
margin-left: 285px;
margin-top: 81px;
position: relative;
width: 375px;
}
.tag {
color: #FFFFFF;
font-family: 'Open Sans',sans-serif;
font-size: 12px;
font-style: italic;
line-height: 46px;
text-align: center;
padding-bottom: 0px;
}
div#menu {
background-image: url(//www.harts.ca/wp-content/themes/harts/images/menu-bg.png);
background-repeat: no-repeat;
height: 64px;
margin: -9px auto 0;
width: 808px;
} #navigation {
display: block;
float: left;
margin: -5px auto auto;
padding-bottom: 0;
padding-left: 0;
width: 808px;
z-index: 100;
}
#navigation ul {
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
list-style: none;
padding-left: 12px;
z-index:100;
text-align:center;
}
#navigation li {
float: left;
position: relative;
z-index:100;
margin-bottom:0px;	
}
#navigation a {
font-size: 12px;
color: #fff;
display: block;
line-height: 45px;
padding: 0 1.65em;
text-decoration: none;
z-index:100;
letter-spacing: 1px;
text-align:left;
text-transform:uppercase;
}
#navigation ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
top: 3;
left: 0;
width: 150px;
z-index: 99999;
}
#navigation ul ul ul {
left: 100%;
top: 0;
}
#navigation ul ul a {
background: #394a5c;
border-bottom: 1px solid #6A988E;
color: #fff;
font-size: 12px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 150px;
text-transform:uppercase;
}
#navigation li:hover > a,
#navigation a:focus {
background: #6A988E;
}
#navigation ul ul :hover > a {
background: #6a988e;
}
#navigation li:hover > a,
#navigation ul li:hover > ul {
display: block;
}
#navigation li.current-menu-parent a { background-color:#233549; } 
#navigation li.current_page_ancestor   a { background-color:#233549; }
#navigation li.current_page_parent   a { background-color:#233549; }
#navigation li.current-menu-item a { background-color:#fff;
color:#233549; } 
#navigation li.current_page_item a { 
background-color:#d2e0dd;
color:#233549; 
}
div#home-content {
width:769px;
overflow:auto;
padding-bottom:30px;
padding-top:15px;
background-color:#fcfdf9;
}
.home-slide {
width:440px;
height:250px;
background-color:#394a5c;
float:left;
margin-bottom:30px;
}
.home-left {
float:left;
width:250px;
height:250px;
margin-right:10px;	
background-image: url(//www.harts.ca/wp-content/themes/harts/images/home-text.jpg);
margin-bottom:30px;
}
.side-left {
float:left;
margin-right:10px;	
background-image: url(//www.harts.ca/wp-content/themes/harts/images/home-text.jpg);
margin-bottom:30px;
margin-left:30px;
padding:20px;
}
.home-text-p {
padding:40px;
}
.home-text-p p {
padding:0px;
}
div#content {
width:768px;
overflow:auto;
padding-bottom:38px;
background-color:#fcfdf9;
margin:auto;
}
div#help-content {
width:600px;
overflow:auto;
padding-bottom:38px;
background-color:#fcfdf9;
margin:0;
}
div#sidebar-left {
float:left;
overflow:auto;
width:280px;
padding-top:20px;
}
div#side-left-mid {
background-color: #EBECCC;
margin-left: 30px;
padding: 20px;
}
#side-left-mid p {
color: #2A596D;
font-size: 14px;
line-height: 20px;
padding-right: 0;
}
div#side-left-mid ul {
color:#6f7e88;
font-size:14px;
line-height:20px;
}
div#side-left-mid a:link {
color:#6f7e88;
}
div#side-left-mid a:visited {
color:#6f7e88;
} 
div#main {
float: left;
padding-left: 40px;
padding-top: 20px;
width: 430px;
}
div#page-bottom {
width:808px;
height:29px;
background-image:url(//www.harts.ca/wp-content/themes/harts/images/page-bottom.png);
margin:auto;
}
div#main-home {
margin:auto;
width:708px;
padding-top:20px;
}
div#main-help {
padding-left: 10px;
padding-top: 10px;
width: 580px;
}
div#footer {
width:100%;
border-top: #6a988e solid 3px;
height:100px;
clear:both;
margin:auto;
background-color:#33384c;
}
#footer, #wrapper:after {
height: 129px; 
}
div#footer-main {
width:808px;
height:100px;
clear:both;
margin:auto;
background-color:#1c2238;
} img.alignright {float:right; margin:0 0 1em 2em}
img.alignleft {float:left; margin:0 2em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto} a:link {
color:#394a5c;
text-decoration:none;	
}
a:hover {
color:#6A988E;
}
a:visited {
color:#394a5c;
}
a.blog:link {
color:#394a5c;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}
a.blog:hover {
color:#6A988E;
font-style: italic;
font-weight: bold;	
text-decoration: underline;
}
a.blog:visited {
color:#394a5c;
font-style: italic;
font-weight: bold;	
text-decoration: underline;
}
h1 {
color: #6A988E;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 400;
letter-spacing: 1px;
line-height: 36px;
}
.home {
font-family: 'Open Sans', sans-serif;
font-size:20px;
line-height:30px;
color:#233549;
font-weight:400;
padding-bottom:18px;
letter-spacing:1px;
padding-left:0px;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size:17px;
line-height:25px;
color:#394a5c;
font-weight:700;
padding-bottom:10px;
}
h2.leftside {
font-family: 'Open Sans', sans-serif;
font-size:16px;
line-height:23px;
color:#2A596D;
font-weight:400;
padding-bottom:10px;
}
h3 {
font-family: 'Open Sans', sans-serif;
font-size:16px;
line-height:20px;
color:#18426d;
font-weight:700;
padding-bottom:10px;
}
.screen-reader-text {
color: #2A596D;
font-size: 14px;
line-height: 20px;
padding-right: 0;
}
.widget_sp_image-description {
font-size:10px;
font-style:italic;
padding-top:6px;
}
h4 {
font-size:12px;
line-height:20px;
color:#f5822b;
font-weight:600;
padding-bottom:10px;
}
p {
font-size:13px;
line-height:19px;
padding-bottom:12px;
color:#233549;
padding-right:50px;
}
address {
font-size:10px;
line-height:15px;
padding-bottom:0px;
color:#fff;
}
ul {
font-size:13px;
line-height:22px;
padding-bottom:8px;
color:#233549;
list-style: disc;
padding-left:15px;
}
ol {
font-size:13px;
line-height:22px;
padding-bottom:8px;
color:#233549;
list-style: decimal;
padding-left:15px;
}
p.foot {
font-size:12px;
font-family: 'Open Sans', sans-serif;
text-align:center;
color:#fff;
line-height:38px;
}
div#menu-center {
margin:auto;
width:98%;
}
button, input, select, textarea {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
margin: 0;
overflow: visible;
vertical-align: baseline;
width: auto;
}
span.wpcf7-list-item {
display:block;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
help-content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } *:first-child+html .clearfix { zoom: 1; }