/*  first CSS section controls the container structure 
colours for site:
#DC5034 Bordeaux bright (dark-orange) for link hover, search button bg, Home page myths box, H1 on Home page, H3, H5
#3E3A36 Aubergine base (dark grey text) for main body text, non-contrasting links, H1, H4, H6
#000000 Black for more contrast when Aubergine base is not sufficient
#80766E Aubergine bright  (light grey text) for some of sidebar
#FFFFFF  White for People and Offices pages background
#F0F0F0 for light grey/blue main content area background except as noted above
#6F2C3E Bordeaux base for contrasting links to #F0F0F0 (light grey/blue backgrounds)
#CCCCCC Dark nuetral grey for hairline rule
#CC7400 Terracotta bright for table border

Web environment guidelines January 2008
PricewaterhouseCoopers—Visual identity Page 10, 13
Online colour usage rules:
• No colour overlapping of bright and base colours.
• The base and bright tones can be used as a background for webtiles or information graphics.
• White text only on base or bright backgrounds (e.g., web tiles).
• White text should be clickable
• All colour pairs can be used in conjunction with the two neutral greys
• Only one colour pair should be used per page or section
• All links should be displayed in either the base or bright of any of the colour pairs. Coloured text should be clickable.
• All body text should be black.
• All links within body text should be bright.
• To display hairline rules (1pt), use the darker neutral grey (#CCCCCC). Do not use this grey as a background tone as
it does not provide adequate contrast to meet accessibility requirements.
• To display tinted backgrounds (such as a highlight box); use the lighter neutral grey (#F0F0F0). This grey should not
be used for rules, as it does not provide suffi cient contrast to white. Text on the lighter neutral grey can only be black
or base to provide adequate contrast.
• Tints are not part of the online palette and can only be used in information graphics.
page 13:
• Use colour, (base or brite) to defi ne a link.
• Links can be either base or bright. Links in base colour switch to bright and underline on hover. Links in bright switch
to base and underline on hover.
• Links in body text must be a bright colour and underlined so they stand out from the black text.
• All white text on base or bright background must be linked.
• Links on light neutral background grey must be base colour. On hover they retain the base colour and underline.
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset { margin:0; padding:0; border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ul { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a:link, a:visited { color:#3E3A36; background-color:transparent; text-decoration:none; }
a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
a:active { color:#DC5034; background-color:transparent; text-decoration:none; }
img, img a { border:none; }
/*  end reset  */
/*  main  container structure, do not change  */
body, html { margin:0; padding:0; background:#FFFFFF; color:#3E3A36; }
body { min-width:789px; font: normal 16px/110% Arial, Helvetica, sans-serif; }
#wrap { background:white; margin:0 0; width:789px; }
#header { background:white; height:75px; padding-right:10px; padding-left:10px; }
#main { background:white; float:left; width:572px; line-height:120%; }
#sidebar { background:white; float:right; width:200px; }
#footer { background:white; clear:both; width:100%; height:100px; }
/*  end main structure  */

/*  font and padding styles for inside the containers below */
/*  header styles  */
#PwC_logo { padding:10px 0px 8px 0px; width:239px; height:26px; }
#header p { display:block; font-weight:normal; font-size:21px; width:300px; }
ul#topnav { display:block; margin:0px 0px 8px 0px; text-align:right; width:300px; 
float:right; background:white; padding:6px 10px 0px 0px; }
 /* ul#topnav { margin:0; padding:0; list-style:none; } */
#topnav li { display:inline; margin:0; padding:0; font-weight:normal; font-size:10px; }
#topnav li a:link, #topnav li a:visited {color:#000000; }
#topnav li a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
#topnav li a:active { color:#000000; background-color:transparent; text-decoration:underline; }
#topnav .listdeco { padding-right:5px; }
.home_link a { color:#000000; font-size:12px; }
/* searchbox form controls */
div#searchbox { display:block; float:right; clear:right; margin-top:14px;}
#searchbox form { display:block; float:right; margin-right:10px; margin-top:-10px; }
input.searchquery { background:#FFFFE6; width:130px; }
input.searchquery_fr { background:#FFFFE6; width:115px; }
input.searchbutton  { display:inline; margin:2px 0px 0px 2px; background:#DC5034; color:white; font-size:11px; border:none; padding:1px; }
 /* search results search.asp */
#cse-search-results { margin-left:12px;  }
#content iframe, #content iframe i { width:550px; }
#content iframe i { font-size:11px;  }
 /* end header styles  */

/*  main content area  */
#content { background-color:#F0F0F0; padding:15px 30px 10px 0px; }
#main #content h1 { margin-top:-16px; padding-bottom:15px; font-weight:bold; line-height:120%; }
#content p { padding:0px 5px 8px 12px; font-size:13px; }
.privacy #content { padding-bottom:200px; }
#content p span { font-size:11px; }
#content div.ul { padding:0px 0px 8px 36px; font-size:13px;  }
#content ul, #content li { list-style-type:disc; }
h2.grand { font-size:16px; text-align:center; margin:0 auto; padding:8px 50px; }
div.grand { font-size:16px; font-weight:bold; text-align:center; margin:auto; padding:0px 50px; clear:both; }
#fr #main { display:block; height:585px; background-color:#F0F0F0;}
a.totop { font-size:11px; }
/* home page specific styles */
.home #main #content { background-color:#FFFFFF; }
.home #main #content h1.french { text-align:center; margin:0px auto; }
.home #main #content h6 { font-size:14px; text-align:center; margin:0px auto; }
.home #main #content h6 span{ font-weight:bold;}
#content p.home_intro { font-size:14px; }
#content p.home_intro sup { font-size:7px; }
#home_myths { display:block; width:572px; color:#FFFFFF; background-color:#DC5034; }
#home_myths h2 { padding:10px 0px 10px 10px; font-size:9px; text-transform:uppercase; }
#home_myths h3 { padding-left:10px; width:380px; font-size:17px; font-weight:bold; }
#home_myths h4 { font-size:12px; font-weight:bold; color:black; padding-bottom:20px; padding-left:10px; }
#home_myths span a { padding-left:5px; }
#home_myths span a:link, #home_myths span a:visited { color:#FFFFFF; text-decoration:underline; }
#home_myths span a:hover { color:#3E3A36; background-color:transparent; text-decoration:underline; }
#home_myths span a:active{ color:#3E3A36; background-color:transparent; text-decoration:underline; }
#home_myths p {  padding:20px 0px 8px 35px; font-size:14px; line-height:112%; }
#myth_num { display:block; float:left; padding-left:10px; width:25px; font-size:18px; font-weight:bold; }
#myth_answer { display:block; float:right; margin:-10px 20px 0px 0px; padding:0px; width:122px; height:66px; }
/* end main content, home page specific styles */

/*  generic secondary page styles  */
.upper_case { text-transform: uppercase; }
li.upper_case span{ display:none; }
em { font-weight:bold;  font-style:normal; }
.headimg { width:567px; height:110px; margin-left:6px; overflow:hidden; }
.headimg p { font-size:14px; font-weight:bold; padding:64px 0px 0px 114px; }
.headimg p span { color:#DC5034; }
#main a:link, #main a:visited { color:#6F2C3E; text-decoration:underline; }
#main a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
#main a:active { color:#000; background-color:transparent; text-decoration:underline; }
#main h1 { font-size:18px; padding:12px 0px 0px 10px;  }
#main h1 span { color:#DC5034; }
#main h2 { font-size:13px; padding:0px 0px 0px 10px; }
.offices #main h1 span a, .people #main h1 span a { display:block; clear:both; color:#3E3A36; font-weight:bold; font-size:16px; padding:2px 0px 0px 0px; }
.offices #main h1 span a:link, .offices #main h1 span a:visited { color:#3E3A36; text-decoration:underline; }
.offices #main h1 span a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
.offices #main h1 span a:active { color:#000; background-color:transparent; text-decoration:underline; }
.people #main h1 span a:link, .people #main h1 span a:visited { color:#3E3A36; text-decoration:underline; }
.people #main h1 span a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
.people #main h1 span a:active { color:#000; background-color:transparent; text-decoration:underline; }
a img.list_icon { padding-left:5px; }
#secondary_nav { text-align:left; float:left; padding:4px 0px 10px 10px; }
#secondary_nav ul { margin:0; padding:0; list-style:none; }
#secondary_nav li { display:inline; margin:0; padding:0; font-weight:normal; font-size:12px; }
#secondary_nav li a {color:#DC5034; text-decoration:underline; margin:0; padding:0; }
#secondary_nav .listdeco { padding-right:5px; color:#DC5034; }
table.default { border:2px solid #CC7400; border-collapse:collapse; width:450px; margin-left:50px; font-weight:normal; font-size:12px; }
table.default th { font-weight:bold; padding:0px 5px; }
table.default td { padding:0px 5px; border:1px solid #CC7400; }

div#myth_list { padding-left:35px; }
div#myth_list h3 { font-size:14px; font-weight:bold;}
div#myth_list ol { list-style-type:decimal; }
div#myth_list ol li { list-style-type:decimal; color:black; font-size:14px; font-weight:bold; }
div#myth_list ol li p{ font-size:12px; font-weight:normal; }
/* faq page styles */
.faq .headimg { background: url('../images/man_cellphone.jpg') no-repeat left; }
.faq .headimg p { padding:28px 0px 0px 275px; color:#3E3A36; }
/* div#faq { background-color:red;} */
#faq h1 { padding-top:10px; padding-bottom:15px; font-weight:bold; line-height:120%; }
#faq p { padding-left:12px; }
#faq p, #faq ul, ol.decimal { font-size:12px; }
div.faq_ul, div.loweralphalist, #faq div.ul, #content ul ul { padding-left:36px; }
#faq div.ul ul { list-style-type:disc; font-size:12px;  }
div.faq_ul ul li a:link, div.faq_ul ul li a:visited{ list-style-type:none; color:#000000; font-size:12px; text-decoration:underline; }
div.faq_ul ul li a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
div.faq_ul ul li a:active { color:#000000; background-color:transparent; text-decoration:underline; }
div#decimal ol { padding-left:42px; }
div#decimal ol { list-style-type:decimal; font-size:12px; }
div#decimal ol li { font-size:12px; list-style-type:decimal; }
div.faq_ol ol li a:link, div.faq_ol ol li a:visited { color:#000000; font-size:12px;text-decoration:none; }
div.faq_ol ol li a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
div.faq_ol ol li a:active { color:#000000; background-color:transparent; text-decoration:underline; }
div.loweralphalist ol li { list-style-type:lower-alpha; color:black; font-size:12px; }
.faq #main #faq { background-color:#FFFFFF; padding-bottom:20px; }
div#faq h2 { clear:both; font-size:12px; font-weight:bold; padding:10px 0px 0px 10px; }

/*  Our Offices, Our People specific styles  */
.offices #main, .people #main { margin-bottom:20px; }
/*  offices  */
.offices .headimg { background: url('../images/traffic_light.jpg') no-repeat left; }
.mapbox { display:block; clear:both; float:left; width:200px; /*overflow:hidden; */ padding:0px 0px 5px 10px; }
.mapboxmulti { display:block; clear:both; float:left; width:450px; /*overflow:hidden; */ padding:0px 0px 5px 10px; }
.mapbox h2, .mapboxmulti h2 { font-size:12px; font-weight:bold; padding-bottom:4px; margin-left:-10px; }
.mapbox h2 a:link, .mapboxmulti h2 a:link, .mapboxmulti h2 a:visited { color:#000000; }
.mapboxmulti h2 a:hover { text-decoration:none; }
.mapboxmulti h2 a:active { text-decoration:none; }
.mapbox p, .mapboxmulti p { font-size:12px; line-height:120%; padding-bottom:12px; }
.mapbox p a, .mapboxmulti p a { color:#DC5034; }
/* .googlemap img { display:block; float:right; width:170px; height:116px; padding:20px 0px 0px 20px; border:1px solid white;} */
.mapboxmulti p a.gmap img { display:block; float:right; width:170px; height:116px; padding:0px 0px 0px 20px; border:1px solid white;}
.mapboxmulti p { height:116px; width:100%; }
.mapboxmulti span { display:block; width:170px; padding-top:5px; line-height:120%; }
/*  people  */
.people .headimg { background: url('../images/child_goggles.jpg') no-repeat left; }
.people .headimg p { padding:64px 0px 0px 140px; color:#FFFFFF; }
.people div.listwrap { display:block; clear:both; width:570px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.people div.listwrap ul { padding:0px 0px 8px 36px; list-style-type:disc; font-size:12px; }
.people div.listing { display:block; width:150px; position:relative; float:left; clear:both; padding:0px 0px 10px 0px; }
.people div.listwrap div.info { padding:0px 0px 0px 160px;}
.people div.listing h2 { font-weight:normal; font-size:12px; }
.people div.listing h2 span a { font-weight:bold; }
.people div.listing h2 img { display:block; float:left; clear:both; padding:8px 0px 0px 0px; }
.people div.listing h2 a.totop { display:block; font-size:11px; clear:both; width:150px; }
.people div.info { padding:0px 0px 20px 0px; }
.people div.info p { padding:0px 20px 10px 8px; line-height:118%; font-size:12px; }
div.separator { display:block; clear:both; width:400px; height:1px; color:#CCCCCC; background-color:#CCCCCC; margin:-5px auto 15px auto; text-align:center;}

/* sidebar styles */
.talkbox { display:block; width:188px; height:108px; border:1px solid #CCCCCC; }
.talkbox h3 { font-weight:500; font-size:16px; color:#80766E; padding:10px 0px 0px 8px; }
.talkbox h4 { font-weight:bold; font-size:23px; color:#E0552E; padding:10px 0px 0px 8px; }
.talkbox h4 span { font-weight:normal; font-size:12px; font-weight:bold; color:#E0552E; display:block; padding-top:4px; }
.talkbox p { font-weight:bold; font-size:9px; color:black; padding-left:8px; line-height:125%; }
#sidebar h5 { font-weight:bold; font-size:16px; color:#E0552E; padding:15px 0px 5px 8px; }
#sidebar h6 a { font-weight:normal; font-style:italic; font-size:10px; color:#80766E; padding:0px 0px 0px 8px; }
#sidebar h6 a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
#sidebar h6 a:active{ color:#DC5034; background-color:transparent; text-decoration:underline; }
#sidebar h6.location { font-weight:bold; font-size:16px; color:#3E3A36; padding:8px 0px 5px 8px; }
div#location_menu { height:24px; }
#sidebar { width:210px; padding-left:5px;}
#sidebar ul { margin:0; padding:0; list-style:none; }
#sidebar li { margin:0; padding:0px 0px 0px 8px; font-weight:normal; font-size:12px; }
#sidebar li a:link, #sidebar li a:visited{ color:#000000; }
#sidebar li a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
#sidebar li a:active{ color:#DC5034; background-color:transparent; text-decoration:underline; }
#sidebar ul.sidebar_ul1 li a:link, #sidebar ul.sidebar_ul1 li a:visited { position:relative; display:block; margin:0;  font-weight:bold; font-size:14px; color:#3E3A36; }
#sidebar ul.sidebar_ul1 li a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
#sidebar ul.sidebar_ul1 li a:active{ color:#DC5034; background-color:transparent; text-decoration:underline; }
.sidebarbox { width:188px; background-color:#F0F0F0; margin-top:8px; padding-bottom:8px; }
.sidebarbox h3 { font-weight:bold; font-size:16px; color:#E0552E; padding:10px 0px 0px 8px; }
select .menu_select option { overflow:visible; width:200px; display:block;}
/* form #province div select {  font-size:11px; border:1px solid red; width:160px; overflow:visible; }
 input .linkbutton { width:1em; }
 #province option span { font-size:10px; } */

/* footer */
#footer { display:block; width:770px; clear:both; }
#footer p { clear:both; font-weight:normal; font-size:9px; padding-left:10px; }
#footnav { text-align:left; width:300px; float:left; background:white; padding:0px 0px 0px 10px;}
#footnav ul { margin:0; padding:0; list-style:none; }
#footnav li { display:inline; margin:0; padding:0; font-weight:normal; font-size:9px; }
#footnav li a:link, #footnav li a:visited { color:black; }
#footnav li a:hover { color:#DC5034; background-color:transparent; text-decoration:underline; }
#footnav li a:active{ color:#DC5034; background-color:transparent; text-decoration:underline; }
#footnav .listdeco { padding-right:5px; color:#DC5034; }