@charset "iso-8859-1";
html, body {
background: #eff4fa url("http://www.heartandcoeur.com/sitemap/images/bg.jpg") repeat-x 0px 0px;
}

h1,
.heart_titleText {
background: url("http://www.heartandcoeur.com/sitemap/images/bg_cont_header.gif") repeat-x;
}

#heart_footer {
color: #A7BAD3;
}

.footerLeft {
color: #A7BAD3;font-size: 10px; font-family: Arial, Helvetica, sans-serif;text-align:center;
}

#heart_allCont h3 {
background-color:#edf3f8;
}

#heart_allCont .heart_container {
background-color:#edf3f8;
}

.leftAlign {/*for td in lived stories*/
text-align:left;
}

/* left nav */text-align:center;
.level_1 {
background: url("http://www.heartandcoeur.com/sitemap/images/bg_cont_header.gif") repeat-x;
}

/* top nav */
.nav_main_separator {
background: #A7BAD3; 
}

#main_menu_list {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; text-indent: 0px; padding-top: 0px; list-style-type: none
}
#main_menu_list LI {
float: left
}
.nav_main_item {
padding-right: 7px; display: block; padding-left: 7px; FONT-WEIGHT: bold; font-size: 1.18em; padding-bottom: 0px; margin: 0px; color: #1c68b8; text-indent: 0px; padding-top: 0px; position: relative; text-decoration: none
}
.nav_main_item_selected {
color: #000000
}
A.nav_main_item:hover {
color: black
}
.nav_main_separator {
margin-top: 2px; display: inline; font-size: 1px; z-index: 100; float: left; margin-bottom: 2px; width: 1px; height: 10px
}

#nav_direct_position {
padding-right: 0px; padding-left: 0px; font-size: 0.91em; padding-bottom: 0px; margin: -1px 0px 0px; color: #000000; line-height: 20px; padding-top: 0px; height: 20px; box-sizing: border-box; moz-box-sizing: border-box
}
#nav_small_top {
padding-right: 0px; padding-left: 0px; font-size: 0.91em; padding-bottom: 0px; margin: -1px 0px 0px; color: #000000; line-height: 20px; padding-top: 0px; height: 20px; box-sizing: border-box; moz-box-sizing: border-box
}
.meta A {
color: #507caa
}
#nav_direct_position A {
color: #507caa;
}

.meta A:hover {
color: black;
}
#heart_nav_breadcrumb {
border-right: transparent 0px; border-top: transparent 0px; border-left: transparent 0px; border-bottom: transparent 0px
}
#nav_direct_position {
float: left; width: 73%; background-color: transparent;
}
HTML #nav_direct_position {
width: 72%; font-size: 1.0em;font-weight: bold;
}
#nav_small_top {
padding-left: 6px; float: right; width: 27%; color: #000000; background-color: transparent;
}
HTML #nav_small_top {
width: 28%;
}
#nav_small_top SPAN {
display: inline; color: #a7bad3;
}
.meta LI {
display: inline; color: #a7bad3;
}
.nav_direct_position {
color: #6b8daf; line-height: 18px; text-decoration: none;
}

#header_area {
float: left; width: 71%;
}
/* containers */
#nav_container
{
margin: -8px; /*beguin top changed here*/
padding:0px; width: 50%; vertical-align: top; display:block;
}

#function_container
{
margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: 14px; width: 100%; vertical-align: top; display:block;
}
.function_cont_item /*normal*/
{
/*font-size: 0.91em;*/
font-size: 1.00em; line-height:13px; height:13px; font-weight:bold; text-decoration:none; padding: 0px; margin-right: 0px; margin-left: 23px; margin-bottom: 5px; margin-top: 0px;
/*color: #FF0000;*/
}
.function_cont_heart_fr
{
/*font-size: 0.91em;*/
font-size: 1.00em;line-height:13px; height:13px; font-weight:bold; text-decoration:none; padding: 0px; margin-right: 0px; margin-left: 2px; margin-bottom: 5px; margin-top: 0px;
/*background-color:aqua;*/ 
}
.function_cont_heart_en
{
/*font-size: 0.91em;*/
font-size: 1.00em;line-height:13px; height:13px; font-weight:bold; text-decoration:none; padding: 0px; margin-right: 0px; margin-left: 23px; margin-bottom: 5px; margin-top: 0px;
/*color: #FF0000;*/
}
.function_cont_item_text_fr
{
line-height: 13px; height: 13px; color: #507CAA; text-decoration: none;
}
a.function_cont_item_text_en:hover
{
color: #FF0000F;
}
a.function_cont_item_text_en
{
color: #0033FF;
text-decoration: none;
}
a.function_cont_item_text_en:visited { color:#000000;text-decoration:none; }
a.function_cont_item_text_fr:hover
{
color: #FF0000;
}
a.function_cont_item_text_fr
{
color: #000099;
text-decoration: none;
}
a.function_cont_item_text_fr :visited { color:#66FF00; text-decoration:none }
/* Tables are always the whole content width */
/*general text*/
table tr td {
font-size:11px;
}
.smallStars{
background: url("http://www.heartandcoeur.com/sitemap/images/backg_stars.jpg");
}
.DaumalCompass{
background: url("http://www.heartandcoeur.com/sitemap/images/daumal_compass.jpg");
background-position:center;
background-repeat:no-repeat;
}

ul.link-list,
.link-list ul
{
position:relative !important;
list-style:square url('http://www.heartandcoeur.com/sitemap/images/arrow.gif') outside !important;
line-height: 20px;
margin-top:0px !important;
margin-bottom:0px !important;
}
li {
position:relative !important;
	list-style:square url('http://www.heartandcoeur.com/sitemap/images/arrow.gif') outside !important;
	line-height: 20px;
	margin-top:0px !important;
	margin-bottom:0px !important;
}

#heart_mainContent ul.link-list a:hover,
ul.link-list a:hover
{
color:black;
}

#heart_mainContent ul.link-list a,

ul.link-list a
{
color:#507CAA;

}

/*<group=container styles>*/
div.link {
float: left;
width: 5%;
}

.imageLink-large,
.imageLink,
.imageLink-large a,
.imageLink a
{
white-space: nowrap;
}

div.list-link a {
float:left;
margin-top:4px;
}

div.link img {
margin-top:3px;
}

div.heart_container.teaser.large div.leftFloat {
margin-bottom:8px;

}

div.heart_container.teaser.large div.rightFloat {
margin-bottom:8px;
}

/* Contains header, mainContentWrapper and footer */
#heart_allContent
{
margin-top: 15px; padding: 10px; background-color: white; min-width: 964px; max-width: 1260px; text-align: left; width: 94%; margin-left: auto; margin-right: auto; margin-bottom: 0px;
}

#heart_mainnav/* contains the left-side nav */
{
width: 250px; margin: 0px; padding: 0px; border: 0px; float: left; display: inline; margin-right: 0.6%;
}
/* Contains main layout, 1, two or three cols */
#heart_mainContent
{
width: 60%; margin: 0px; margin-top: 11px; padding: 0px; border: 0px; display: inline; float: left;
}
#heart_header
{
border: solid white 0px;border-bottom: solid #DBDFE6 1px; height: 120px;
* height: 120px;
 margin: 0px;	
}
/* footer */
#heart_footer
{
margin-bottom: -1px;
clear: both; border: solid white 0px; padding-left: 29%; padding-top: 20px; line-height: 20px; font-size: 0.91em; line-height:0.91em; color: #A7BAD3;
}
#heart_footer a.coeur
{
margin-left: 4px; margin-right: 4px;
}
.heart_container,
h1,
.heart_titleText
{
width: 49%; float: left; border: solid #DBDFE6 1px; padding: 5px 1% 5px 1%; margin: 0px 1% 10px 0px; box-sizing: border-box; -moz-box-sizing: border-box;
}

.heart_container.large,
h1,
.heart_titleText
{
width: 99%; padding: 5px 6px 3px 6px; margin: 0px 1% 10px 0px;
}
/* h1 is in general the text in a container's titleBar */
h1,
.heart_titleText {
font-size: 1.1em; color: #323d48; margin: 0px; line-height: 18px; padding-top: 0px; border-top: none transparent 0px; border-bottom: none transparent 0px; overflow: hidden; height: 18px; display: block;
}
/*<group=ie-only Styles>*/
* html body #heart_allContent
{
width: expression(((document.body.clientWidth)) < 1046 ? "984px": ((document.body.clientWidth)) > 1280 ? "1280px": "94%");
/*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, color=#c6d9ed);*/
}
* html body .heart_container,
* html body h1,
* html body .heart_titleText
{
width: 48%;
}

/* A large container that takes up 100% of the available space in the main content */
* html body .heart_container.large,
* html body h1,
* html body .heart_titleText
{
width: 97%;
}

body,
textarea /*for left menu*/
{
font-size: 11px; font-family: Arial, Helvetica, sans-serif;	color: #323d48; line-height: 14px;
}

h2
{
font-weight: bold; font-size: 1.5em; margin: 0px; margin-bottom: 8px; text-align:center;
}
h3
{
font-size: 1.0em; font-weight: bold; margin: 0px; margin-bottom: 0px;
}
/* main style for any paragraph */
p
{
margin: 0px; margin-bottom: 8px;
}
p.fr
{
margin: 0px; margin-bottom: 8px;font-size: 14px; font-family: Arial, Helvetica, sans-serif;	color: #000066;
}
p.en
{
margin: 0px; margin-bottom: 8px;margin: 0px; margin-bottom: 8px;font-size: 14px; font-family: Arial, Helvetica, sans-serif;	color: #0000CC;
}
#nav_main_container/* main nav */
{
position:relative; left:0px; top:0px; margin: 0px; margin-left:26.5%;/*173px;*/ padding-top: 0px; display: block; width:81%; *width: 100%; height: 100px; z-index:1000;
}
