/* Style sheet for Nexim Canada inc. */
/* FCEI - CFIB sub-site */
/* By Natmark-Concept inc. Copyright 2005. All rights reserved. */

body {
	margin: 0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	}

html {height: 100.1%;} /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */

#outerframe {
	width:762px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	border: 1px solid #000000;
	background-color: #ffffff;
	}

img { border: 0px; }
.topbanner { background-image:     url(../imagesfcei/top_banner_bck.gif); background-repeat: repeat; background-color: #92B8CC; }
.redframe  { text-align: left; border: 1px solid #BE0F33; padding: 10px; font-size: 12px; color: #000000; }
.blackframe  { text-align: left; border: 1px solid #000000; padding: 10px; font-size: 12px; color: #000000; }

/* Menu horizontal haut */
.topmenu { background-color: #BE0F33; font-family: Arial, sans-serif; padding-left: 3px; padding-right: 3px; }
a.topmenu:link { background-color: transparent; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 10px; border-right: 1px #000000 solid; }
a.topmenu:visited { background-color: transparent; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 10px; border-right: 1px #000000 solid; }
a.topmenu:hover { background-color: transparent; color: #E7E7E7; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 10px; border-right: 1px #000000 solid; }
a.topmenu:active { background-color: transparent; color: #E7E7E7; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 10px; border-right: 1px #000000 solid; }

/* Menu vertical gauche */
.menugrey { background-color: #E8E8E8; padding-top: 30px; }
.menu { padding-left: 10px; font-family: Arial, sans-serif; }
a.menu:link { display: block; background-image:     url(../imagesfcei/bullet.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 12px; margin-top: 12px; }
a.menu:visited { display: block; background-image:     url(../imagesfcei/bullet.gif); background-repeat: no-repeat; color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 12px; margin-top: 12px; }
a.menu:hover { display: block; background-image:     url(../imagesfcei/bullet.gif); background-repeat: no-repeat; color: #BE0F33; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 12px; margin-top: 12px; }
a.menu:active { display: block; background-image: url(../fcei/images/bullet-over); background-repeat: no-repeat; color: #BE0F33; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 12px; margin-top: 12px; }
.submenu { padding-left: 14px; }
a.submenu:link { display: block; color: #000000; text-decoration: none; font-size: 10px; margin-left: 5px; }
a.submenu:visited { display: block; color: #000000; text-decoration: none; font-size: 10px; margin-left: 5px; }
a.submenu:hover { display: block; color: #BE0F33; text-decoration: none; font-size: 10px; margin-left: 5px; }
a.submenu:active { display: block; color: #BE0F33; text-decoration: none; font-size: 10px; margin-left: 5px; }

#content { padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content p { font-size: 12px; color: #000000; }
#content h1 { font-size: 12px; color: #BE0F33; font-weight: bold; line-height: 24px; border-bottom: 1px #000000 solid; }
#content h2 { font-size: 12px; color: #000000; font-weight: bold; }
#content h3 { font-size: 11px; font-variant:small-caps; color: #BE0F33; font-weight: bold; line-height: 24px; border-bottom: 1px #000000 solid; }
#content a:link { font-size: 12px; color: #000000; text-decoration: underline; } 
#content a:visited { font-size: 12px; color: #000000; text-decoration: underline; }
#content a:hover { font-size: 12px; color: #BE0F33; text-decoration: overline; }
#content a:active { font-size: 12px; color: #BE0F33; text-decoration: underline; }
#content .title { font-size: 12px; color: #BE0F33; font-weight: bold; }
#content a.title:link { font-size: 12px; color: #BE0F33; font-weight: bold; text-decoration: none; }
#content a.title:visited { font-size: 12px; color: #BE0F33; font-weight: bold; text-decoration: none; }
#content a.title:hover { font-size: 12px; color: #BE0F33; font-weight: bold; text-decoration: underline; }
#content a.title:active { font-size: 12px; color: #BE0F33; font-weight: bold; text-decoration: underline; }
#content .descriptive { font-size: 12px; color: #000000; margin-left: 0px; font-weight: normal; }
#content ol, ul, li { font-size: 12px; color: #000000; }
#content blockquote { font-size: 12px; color: #000000; font-style: italic; }
#content dt { font-size: 12px; color: #BE0F33; font-weight: bold; text-align: left; }
#content dd { font-size: 12px; color: #000000; margin-left: 0px; padding-left: 25px; text-align: left; }
#content hr { color: #000000; width: 100%; height: 1px; }
#content .small { color: #000000; font-size: 10px; font-weight: normal; }
#content a.small:link { color: #000000; text-decoration: none; font-size: 10px; font-weight: normal; }
#content a.small:visited { color: #000000; text-decoration: none; font-size: 10px; font-weight: normal; }
#content a.small:hover { color: #000000; text-decoration: underline; font-size: 10px; font-weight: normal; }
#content a.small:active { color: #000000; text-decoration: underline; font-size: 10px; font-weight: normal; }

/* Boites page de tombée */
.redtitle { background-color: #BE0F33; padding: 4px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; }
a.redtitle:link { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; } 
a.redtitle:visited { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.redtitle:hover { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
a.redtitle:active { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; }
.redbox { padding-top: 4px; padding-bottom: 10px; line-height: 14px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
h1.redheader { background-color: #ffffff; text-align: left; font-size: 11px; color: #BE0F33; line-height: 12px; margin-top: 20px; margin-bottom: 2px; font-family: Geneva, Helvetica, sans-serif; font-weight: bold; }
h2.blackheader { background-color: #ffffff; text-align: left; font-size: 11px; color: #000000; line-height: 12px; margin-top: 0px; margin-bottom: 2px; font-family: Geneva, Helvetica, sans-serif; font-weight: bold; }
a.redbox:link { font-size: 11px; color: #BE0F33; text-decoration: none; } 
a.redbox:visited { font-size: 11px; color: #BE0F33; text-decoration: none; }
a.redbox:hover { font-size: 11px; color: #BE0F33; text-decoration: overline; }
a.redbox:active { font-size: 11px; color: #BE0F33; text-decoration: underline; }

/* Footer */
.footer { color: #000000; font-size: 10px; }
a.footer:link { color: #000000; text-decoration: underline; font-size: 10px; }
a.footer:visited { color: #000000; text-decoration: underline; font-size: 10px; }
a.footer:hover { color: #000000; text-decoration: overline; font-size: 10px; }
a.footer:active { color: #000000; text-decoration: overline; font-size: 10px; }

/* Pages courtiers */
.breadcrumbs { padding: 5px; color: #000000; font-size: 10px; font-weight: normal; }
a.breadcrumbs:link { color: #000000; text-decoration: none; font-size: 10px; font-weight: normal; }
a.breadcrumbs:visited { color: #000000; text-decoration: none; font-size: 10px; font-weight: normal; }
a.breadcrumbs:hover { color: #000000; text-decoration: underline; font-size: 10px; font-weight: normal; }
a.breadcrumbs:active { color: #000000; text-decoration: underline; font-size: 10px; font-weight: normal; }

/* Couleurs de fonds */
.red { background-color: #BE0F33; }
.white { background-color: #ffffff; }
.bluegrey { background-color: #EAEFF3; }