body { background: #FFFFFF; color: #000000; font-family: arial,
helvetica, verdana, sans-serif; margin: 10px 10px 10px 10px; } p {
font-family: arial, helvetica, verdana, sans-serif; font-size: 10pt; }
/* - - - - - - - - - - - - HEADINGS - - - - - - - - - - - - */ h1 {
font-size: 14pt; font-weight: bold; color: #003366; background-color:
FFFFFF; } h1.black { font-size: 14pt; font-weight: bold; color: #000000;
background-color: FFFFFF; } h2 { font-size: 13pt; font-weight: bold;
color: #000000; } h3 { font-size: 12pt; font-weight: bold; color:
#000000; background-color: transparent; } h4 { font-size: 10pt;
font-weight: bold; color: #000000; background-color: transparent; } /* -
- - - - - - - - - - - GENERAL LINK PROPERTIES - - - - - - - - - - - - */
a:link { color: blue; background-color: #FFFFFF; } a:visited { color:
maroon; background-color: #FFFFFF; } a:hover, a:focus { color: blue;
background-color: #FFFFFF; text-decoration: underline; } a:active {
color: red; background-color: #FFFFFF; } /* - - - - - - - - - - - -
LISTS - - - - - - - - - - - - */ li { font-size: 10pt; background-color:
#FFFFFF; text-decoration: none; } ul { font-size: 10pt; list-style:
square; margin-bottom: 0%; } ul ul { list-style: circle; margin-bottom:
0%; } ul ul ul { list-style: disc; margin-bottom: 0%; } ol { list-style:
decimal; margin-bottom: 0%; } ol ol { list-style: lower-alpha;
margin-bottom: 0%; } ol ol ol { list-style: lower-roman; margin-bottom:
0%; } /* - - - - - - - - - - - - GENERAL PROPERTIES - - - - - - - - - -
- - */ td { font-size: 10pt; font-family: arial, helvetica, verdana,
sans-serif; } th { font-size: 10pt; font-weight: bold; text-align:
center; } dt { font-weight : bold; } caption { font-size: 10pt;
font-family: arial, helvetica, verdana, sans-serif; font-weight: bold;
text-align: left; } input, textarea { font-size: 10pt; font-family:
arial, helvetica, verdana, sans-serif; } img { border: 0px none
transparent; color:#FFFFFF; } /* - - - - - - - - - - - - MENU BAR - CELL
FORMATING - - - - - - - - - - - - */ /* - - - - - - - - - - - - COMMON
MENU BAR - TABLE CELL - - - - - - - - - - - - */ td.CLFMenuCell {
vertical-align: middle; color: #FFFFFF; background-color: #000000;
height: 14px; } /* - - - - - - - - - - - - INSTITUTIONAL MENU BAR -
TABLE CELL - - - - - - - - - - - - */ td.CLFMenuCell2 { vertical-align:
middle; color: #FFFFFF; background-color: #999966; height: 14px; } /* -
- - - - - - - - - - -COMMON MENU BAR - LINKS - - - - - - - - - - - - */
a.common:link, a.common:visited, a.common:hover, a.common:focus,
a.common:active { color: #FFFFFF; font-size: 9pt; text-decoration: none;
background-color: #000000; font-weight: bold; margin-left: 2px; } /* - -
- - - - - - - - - - INSTITUTIONAL MENU BAR - LINKS - - - - - - - - - - -
- */ a.institute:link, a.institute:visited, a.institute:hover,
a.institute:focus, a.institute:active { color : #FFFFFF; font-size: 9pt;
text-decoration : none; background-color : #999966; font-weight: bold;
margin-left: 2px; } a.contactFR:link, a.contactFR:visited,
a.contactFR:hover, a.contactFR:focus, a.contactFR:active { color:
#FFFFFF; font-size: 9pt; text-decoration: none; background-color:
#000000; font-weight: bold; } /* - - - - - - - - - - - - TEXT STYLE
CLASSES - - - - - - - - - - - - */ .boldText { font-weight: bold; }
.italicText { font-style: italic; } .boldItalicText { font-weight: bold;
font-style: italic; } .mandatory { font-weight: bold; color: #FF0000;
background-color: #FFFFFF; } /* - - - - - - - - - - - - BREADCRUMB LINKS
- - - - - - - - - - - - */ a.breadcrumb { color : #990033; font-size:
8pt; background-color: #FFFFFF; text-decoration : none; }
a.breadcrumb:visited { color : #990033; background-color: #FFFFFF;
text-decoration : none; } a.breadcrumb:hover, a.breadcrumb:focus { color
: #003366; background-color: #FFFFFF; text-decoration : none; }
a.breadcrumb:active { color : #990033; background-color: #FFFFFF;
text-decoration : none; } img.triangle { vertical-align: top; } /* - - -
- - - - - - - - - LEFT NAVIGATION TABLE CELLS - - - - - - - - - - - - */
.leftNavTable { background-color: #003366; vertical-align: top; color:
#000000; } td.leftNavTable2{ vertical-align: top; } /* - - - - - - - - -
- - - GATEWAY MENU - - - - - - - - - - - - */ a.gateway:link,
a.gateway:visited, a.gateway:hover, a.gateway:focus, a.gateway:active {
background-color: #99CCFF; color: #000000; text-decoration: none; } /* -
- - - - - - - - - - -LEFT NAVIGATIONAL LINKS - FIRST LEVEL LINK
PROPERTIES - - - - - - - - - - - - */ /* - - - - - - - - - - - - test -
- - - - - - - - - - - */ td.leftNavTable { background-color: #cccc99;
vertical-align: top; color: #000000; } a.leftNavLevel1:link,
a.leftNavLevel1:visited { color: #FFFFFF; background-color: #003366;
font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
text-decoration: none; } a.leftNavLevel1:hover, a.leftNavLevel1:focus{
color: #ffcc66; background-color: #003366; font-family: Arial,
Helvetica, sans-serif; font-size: 9pt; text-decoration: none; }
a.leftNavLevel1:active { color: #FFFFFF; background-color: #003366;
font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
text-decoration: none; } /* - - - - - - - - - - - - LEFT NAVIGATIONAL
BAR - SECOND LEVEL LINK PROPERTIES - - - - - - - - - - - - */
a.leftNavLevel2:link, a.leftNavLevel2:visited { color: #FFFFFF;
background-color: #003366; font-family: Arial, Helvetica, sans-serif;
font-size: 9pt; text-decoration: none; } a.leftNavLevel2:hover,
a.leftNavLevel2:focus { color: #FFFFFF; background-color: #003366;
font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
text-decoration: none; } a.leftNavLevel2:active { color: #FFFFFF;
background-color: #003366; font-family: Arial, Helvetica, sans-serif;
font-size: 9pt; text-decoration: none; } /* - - - - - - - - - - - - LEFT
NAVIGATIONAL BAR - CURRENT LEVEL LINKS - - - - - - - - - - - - */
a.leftNavCurrentLevel:link, a.leftNavCurrentLevel:visited { color:
#FFFFFF; background-color: #003366; font-family: Arial, Helvetica,
sans-serif; font-size: 9pt; text-decoration: none; }
a.leftNavCurrentLevel:visited { color: #FFCC00; background-color:
#003366; font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
text-decoration: none; } a.leftNavCurrentLevel:hover,
a.leftNavCurrentLevel:focus { color: #FFFFFF; background-color: #003366;
font-family: Arial, Helvetica, sans-serif; font-size: 9pt;
text-decoration: none; } a.leftNavCurrentLevel:active { color: #FFCC00;
background-color: #003366; font-family: Arial, Helvetica, sans-serif;
font-size: 9pt; text-decoration: none; } .dashLevel2and3 { font-family:
Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;
background-color: #003366; color: #FFCC00; } /* - - - - - - - - - - - -
nav end graphic - - - - - - - - - - - - */ td.leftNavbottom{
background-color: #003366; vertical-align: middle; } /*SECONDARY LEFT
NAV- LIGHT BLUE */ .lNavSecondTxt { font-family: Arial, Helvetica,
sans-serif; font-size: 8pt; color: #000000; background-color: #99ccff; }
/* - - - - - - - - - - - - MAIN PAGE CONTENT DESIGN - - - - - - - - - -
- - */ .bleucell { background-color: #003366; color: #003366; font-size:
2pt; } .redcell { background-color: #990033; width: 20px; } /*WELCOME
WORD ON HOME PAGE */ .Welcome { font-size: 24pt; font-style: italic;
color: #000066; font-family: "Times New Roman", Times, serif; } /*LINK
SEPERATORS (PIPES) ON HOME A BANNEAR NAV */ .bannerNavPipe {
font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:
bold; background-color: #990033; color: #FFFFFF; } /*LINKS ON HOME A
BANNEAR NAV */ .bannerNavLink { font-family: Arial, Helvetica,
sans-serif; font-size: 10pt; font-style: normal; font-weight: normal;
color: #FFCC00; background-color: #990033; text-align: center; }
.mediumBleu { background-color: #6699cc; font-family: Arial, Helvetica,
sans-serif; font-size: 10pt; font-weight: bold; color: #003366; }
/*NETSCAPE FIX */ .mediumBleuNn { background-color: #6699cc;
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:
bold; color: #6699cc; } .lightBleu { background-color: #99ccff;
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:
normal; color: #003366; } .lightBleuNn { background-color: #99ccff;
font-family: Arial, Helvetica, sans-serif; font-size: 4pt; font-weight:
normal; color:#99ccff; } a.announceLink { } .redText { font-family:
Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color:
#990033; } /* - - - - - - - - - - - -MAIN PAGE CONTENT DESIGN END - - -
- - - - - - - - - */ /* - - - - - - - - - - - - MAIN PAGE TITLES AND
LINKS - - - - - - - - - - - - */ a.pointsize11:link { background-color:
transparent; color: #660000; font-size: 11pt; text-decoration : none;
font-weight : bold; } a.pointsize11:visited { color: #999966;
background-color: transparent; font-size: 11pt; text-decoration : none;
font-weight : bold; } a.pointsize11:active { color: #999966;
background-color: transparent; font-size: 11pt; text-decoration : none;
font-weight : bold; } a.pointsize11:hover { color: #999966;
background-color: transparent; font-size: 11pt; text-decoration:
underline; font-weight : bold; } /* - - - - - - - - - - - - CITATION
STYLE - - - - - - - - - - - - */ .cite{ font-family: Arial, Helvetica,
sans-serif; font-size: 8pt; color: #999999; } /* - - - - - - - - - - - -
EPIC Elements - DO NOT DISTURB- - - - - - - - - - - - */ td.normal {
font-size: 0.8em; text-decoration:none; } .title { font-size: 1.5em;
text-decoration:none; font-style: italic; } a.nav { text-decoration :
none; } a.hide { display : none; } span.hide { display : none; } /* - -
- - - - - - - - - - EPIC ELEMENTS - DO NOT DISTURB - FOR IMAGES AND
TABLES REPLACES ALIGN- - - - - - - - - - - - */ .floatLeft { float:
left; } .floatRight { float: right; } /* END */ /* FOOTER */
hr.footerRule { color: #666666; background-color: #999999; height: 1px;
} /* - - - - - - - - - - - - LEFT SIDE - - - - - - - - - - - - */
td.footerNotesInfo { font-size: 10pt; font-family: Arial, Helvetica,
sans-serif; color: #999966; background-color: #FFFFFF; vertical-align:
top; } /* RIGHT SIDE */ td.footerDisclaimer02 { font-size: 10pt;
font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:
#000000; background-color: #FFFFFF; text-align: right; vertical-align:
top; } /* - - - - - - - - - - - - SPLASH PAGE OLD SITE- - - - - - - - -
- - */ .redButton { color: #FFFFFF; background-color: #FF0000;
text-align: center; } a.language:link, a.language:visited,
a.language:hover, a.language:focus, a.language:active { color: #FFFFFF;
background-color: #FF0000; font-size: 9pt; font-weight: bold;
text-decoration: none; } a.notices:link, a.notices:visited,
a.notices:hover, a.notices:focus, a.notices:active { color: #000000;
background-color: #FFFFFF; } /* SPLASH PAGE NEW SITE*/ td.redButton {
color: #FFFFFF; background-color: #003366; text-align: center; }
td.button { color: #FFFFFF; background-color: #FF0000; text-align:
center; } .redButton { color: #FFFFFF; background-color: #003366;
text-align: center; } a.nav:link, a.nav:visited, a.nav:active,
a.nav:hover, a.nav:focus { text-decoration: none; background-color:
#FF0000; color: white; text-align: center; font-weight: bold; font-size:
9pt; } a.language:link, a.language:visited, a.language:hover,
a.language:focus, a.language:active { color: #FFFFFF; background-color:
#003366; font-size: 9pt; font-weight: bold; text-decoration: none; }
a.notices:link, a.notices:hover, a.notices:focus, a.notices:active {
color: #FF0000; font-size: 9pt; background-color: #FFFFFF; }
a.notices:visited { color: blue; font-size: 9pt; background-color:
#FFFFFF; } /* - - - - - - - - - - - - Application Specific - - - - - - -
- - - - - */ .alphaTitle { background-image:
url(http://epicpre.ic.gc.ca/epic/pre/preoca-bc.nsf/vwimages/background.jpg/$FILE/background.jpg);
background-attachment: fixed; height: 23px; width: 450px; COLOR:
#660000; FONT-SIZE: 150%; background-color: white; FONT-FAMILY: Arial,
Helvetica, sans-serif; FONT-WEIGHT: 800; }   /* - - - - - - - - - - - -
end application specfic - - - - - - - - - - - - */ /* - - - - - - - - -
- - - @media print - - - - - - - - - - - - */ page { margin: 10%; } h1,
h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid;
} blockquote, ul, ol, dl { page-break-before: avoid; } /* - - - - - - -
- - - - -@media aural - - - - - - - - - - - - */ h1, h2, h3, h4, h5, h6
{ voice-family: paul, male; stress: 20; richness: 90; } h2 { pitch:
x-low; pitch-range: 80; } h3 { pitch: low; pitch-range: 70; } h4 {
pitch: medium; pitch-range: 60; } h5 { pitch: medium; pitch-range: 50; }
h6 { pitch: medium; pitch-range: 40; } li, dt, dd { pitch: medium;
richness: 60; } dt { stress: 80; } b, strong { pitch: medium;
pitch-range: 60; stress: 90; richness: 90; } i { pitch: medium;
pitch-range: 60; stress: 60; richness: 50; } u { richness: 0; } a:link {
voice-family: harry, male; } a:visited { voice-family: betty, female; }
a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high;
} /* - - - - - - - - - - - - GREY TABLE CELLS - - - - - - - - - - - - */
td.greyTableCell { background-color: #cccccc; vertical-align: top;
color: #000000; } tr.greyTableCell { background-color: #cccccc;
vertical-align: top; color: #000000; } td.blackTableCell {
background-color: #000000; vertical-align: top; } td.redTableCell {
font-size: 13pt; font-weight: bold; color: #ffffff; background-color:
#990000; } td.blackResultTableCell { background-color: #000000;
vertical-align: top; color: #ffffff; background-color: #000000;
font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight:
bold; text-align: center; } /* Styles for OCA aplication */        
td.vheading {                 background:     #003366;                
color:          #FFFFFF;         }         span.vnavCurrent {
               font-weight: bold;         }         .center {        
        text-align: center;         }                 .right {        
        text-align: right;         }                 .left {        
        text-align: left;         }