/* File: basic.css  */
/* Author: CMCB, Health Canada */
/* Date: 2004-06-08 */
/* Purpose: This style sheet will work in all all CSS-Level 1 compliant Browsers.
   Note the font sizing fields all use pt's which are not re-sizable except in
   Netscape 4.X. An additional style sheet "advanced.css" will overwrite all sizing
   options in this one with Percentage sizing. */

/* Sets font characteristics for all basic tags */
body, p, blockquote, table, td, th, li, ul, ol, input, dd, dl, dt, caption, form, input, button, textarea, select, option, fieldset, label
{
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif; 
	color:#000000;
}

/* Align all table cells+headers to upper left corner by default, can be overwritten using align classes */
td { vertical-align: top; text-align: left; }
th { vertical-align: top; text-align: center; font-weight: bold; }

/* Cell formatting */
.cell-tight				{ padding: 0px; margin: 0px; }
.cell-spacer			{ padding: 0px; margin: 0px; width: 1px; height: 1px; }
.cell-spacer-subject	{ padding: 0px; margin: 0px; width: 1px; height: 1px; background: #006699; }

/* Formatting for forms and form elements */
form 						{ padding: 0px; display: inline; margin: 0px; }
select, input, textarea 	{ font-family : "Courier New", Courier, monospace; }

/* All header share some common characteristics. Sizes specified separately */
h1, h2, h3, h4, h5, h6
{
	font-family: arial, helvetica, sans-serif;
	color: #006699;
	background: transparent;
	font-weight: bold;
}

h1 { font-size: 14pt; }
h2 { font-size: 13pt; }
h3 { font-size: 11pt; }
h4 { font-size: 10pt; }
h5 { font-size: 10pt; font-style: italic; font-weight: normal; }
h6 { font-size: 10pt; font-weight: normal; }

/* Formatting for common Inline HTML tags */
em, i			{ font-style: italic; }			
strong, b 		{ font-weight: bold; }
abbr, acronym	{ color: #666666; }
pre				{ font-family: monospace; }
sup				{ font-size: 8pt; vertical-align: super; }
sub				{ font-size: 8pt; vertical-align: sub; margin-bottom: 0px; }
a img			{ border: 0px none #FFFFFF; color:#FFFFFF; }
a				{ color: #006699; }
hr 				{ color: #000000; height: 1px; }
img 			{ border-style : none; }
caption 		{ line-height: 100%; font-weight:bold; text-align:left; padding-bottom: 2px; padding-top: 2px;}

/* Formatting classes */
.no-underline	{ text-decoration: none; }
.strong-italic	{ font-style: italic; font-weight: bold; }
.caption 		{ font-size: 8pt; font-family: arial, helvetica, sans-serif; line-height: 100%; }

/* The following 2 tags are for use on blocks only and for presentation purposes, these should NEVER
be used to make inline words or a paragraph bolded or italiced, for those please use the standard
HTML tags <STRONG> and <EM>*/
.italic	{ font-style: italic; }
.bold	{ font-weight: bold; }

/* Simple text-sizing classes */
.size-largest	{ font-size: 14pt; }
.size-larger	{ font-size: 13pt; }
.size-large 	{ font-size: 12pt; }
.size-normal	{ font-size: 10pt; }
.size-small		{ font-size: 9pt; }
.size-smaller	{ font-size: 8pt; margin-bottom: 1px; }
.size-smallest	{ font-size: 7.5pt; margin-bottom: 1px; }

/* Ordered list formats */
ol.list-lower-alpha { list-style-type: lower-alpha; }
ol.list-lower-roman { list-style-type: lower-roman; }
ol.list-upper-alpha { list-style-type: upper-alpha; }
ol.list-upper-roman { list-style-type: upper-roman; }

/* Unordered list formats */
ul.bullet-none 		{ list-style-type: none; }
ul.bullet-square 	{ list-style-type: square; }
ul.bullet-disc 		{ list-style-type: disc; }
ul.bullet-circle 	{ list-style-type: circle; }
ul.bullet-arrow		{ list-style-image: url(/images/template/bullet_arrow.gif); }
ul.bullet-subject	{ list-style-image:  url("/images/ahc-asc/bullet_subject.gif"); }
ul.bullet-checkbox	{ list-style-image: url(/images/template/bullet_checkbox.gif); }
ul.bullet-check		{ list-style-image: url(/images/template/bullet_check.gif); }

/* Simple but useful text color display classes. */
.colour-subject { color: #006699; }
.colour-grey	{ color: #999999; }
.colour-red 	{ color: #ff0000; }
.colour-green 	{ color: #009900; }
.colour-blue 	{ color: #0000ff; }
.colour-orange	{ color: #ff3300; }
.colour-white	{ color: #FFFFFF; }
.colour-black	{ color: #000000; }

/* Table Cell background colours, dark background colours complemented with white text */
.bg-subject		{ background-color: #006699; color: #FFFFFF; }
.bg-grey-light 	{ background-color: #EEEEEE; }
.bg-grey		{ background-color: #CCCCCC; }
.bg-grey-dark	{ background-color: #999999; color: #FFFFFF;}
.bg-yellow		{ background-color: #ffff00; }
.bg-white 		{ background-color: #FFFFFF; }
.bg-black		{ background-color: #000000; color: #FFFFFF; }

/* Simple classes to "touch up" text alignment */
.align-left			{ text-align: left; }
.align-right		{ text-align: right; }
.align-center		{ text-align: center; }
.align-justify 		{ text-align: justify; }
.align-top			{ vertical-align: top; }
.align-top-left 	{ text-align: left; vertical-align: top; }
.align-top-right	{ text-align: right; vertical-align: top; }
.align-bottom 		{ vertical-align: bottom; }
.align-bottom-left	{ text-align: left; vertical-align: bottom; }
.align-bottom-right	{ text-align: right; vertical-align: bottom; }
.align-middle		{ vertical-align: middle; }

/* For floating images and tables */
.float-left		{ float: left; vertical-align: text-top; margin-right: 5px; margin-bottom: 5px; }
.float-right 	{ float: right; vertical-align: text-top; margin-left: 5px; margin-bottom: 5px; }

/* Indents using increments of 10 and 15 pixels */
.indent10 		{ padding-left: 10px; }
.indent15		{ padding-left: 15px; }
.indent20 		{ padding-left: 20px; }
.indent30 		{ padding-left: 30px; }
.indent40 		{ padding-left: 40px; }
.indent45		{ padding-left: 45px; }
.indent50		{ padding-left: 50px; }
.indent-none 	{ margin-left: -20px; }
.indent-quote	{ padding-left: 10px; padding-right: 10px; font-style: italic; }
.indent-block 	{ padding-left: 10px; padding-right: 10px; }

/* border types */
.border-solid			{ border: 1px solid #000000; padding: 1px; }
.border-solid-left		{ border: 1px solid #000000; float: left; vertical-align: text-top; padding: 1px; }
.border-solid-right		{ border: 1px solid #000000; float: right; vertical-align: text-top; padding: 1px; }
.border-dashed			{ border: 1px dashed #000000; padding: 1px; }
.border-dashed-left		{ border: 1px dashed #000000; float: left; vertical-align: text-top; padding: 1px; }
.border-dashed-right	{ border: 1px dashed #000000; float: right; vertical-align: text-top; padding: 1px; }
.border-subject			{ border: 1px solid #006699; padding: 1px; }
.border-subject-left	{ border: 1px solid #006699; float: left; vertical-align: text-top; padding: 1px; }
.border-subject-right	{ border: 1px solid #006699; float: right; vertical-align: text-top; padding: 1px; }

/* Publications */
td.nav-pub-left
{
	vertical-align: middle;
	text-align: left;
	width: 150px;
	height: 35px;	
}

td.nav-pub-right
{
	vertical-align: middle;
	text-align: right;
	width: 150px;
	height: 35px;	
}

td.nav-pub-center
{
	vertical-align: middle;
	text-align: center;
	width: 150px;
	height: 35px;	
}

td.nav-pub-line
{
	background: #006699;
	width: 150px;
	height: 1px;	
}

/* The following section contains class's used within the templates and navigation elements of the each web page */

/* The Federal Navbar definitions */
td.nav-fip a
{
	color: #FFFFFF;
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding-left: 2px;
	width: 100%;
	height: 100%;
	display: block;
}

td.nav-fip
{
	background: #000000;
	vertical-align: top;
	text-align: left;
	width: 89px;
	height: 14px;	
}

/* The Institutional Navbar definitions */
td.nav-org a
{
	color: #FFFFFF;
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding-left: 2px;
	width: 100%;
	height: 100%;
	display: block;	
}

td.nav-org
{
	background: #006699;
	vertical-align: top;
	text-align: left;
	width: 89px;
	height: 29px;		
}

/* Left Hand Navigator bar definitions */
table.nav-left
{
	background: #006699;
	padding: 0px;
	width: 130px;
}

td.nav-left
{
	background: #006699;
	border-bottom: 1px solid #FFFFFF;
}
td.nav-left a
{
	color: #FFFFFF;
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding: 1px;
}

/* Left Hand Sub-Navigator bar definitions */
table.nav-left-sub
{
	background: #EEEEEE;
	padding: 0px;
	width: 130px;
}

td.nav-left-sub	
{
	background: #EEEEEE;
	border-bottom: 1px solid #006699;
}
td.nav-left-sub a
{
	color: #006699;
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 1px 0px 1px 0px;
}

/* Crumbs Navigator at the top */
td.nav-crumbs
{
	font-size: 9pt;
	border-bottom: #333333 1px dashed;
}

td.nav-crumbs a
{
	font-family: verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #006699;
}

/* Right hand navigator definitions */
table.nav-right
{
	border: 1px solid #006699;
	float: right;
	vertical-align: text-top;
	background: #EEEEEE;
	width: 150px;
	margin-left: 5px;
	margin-bottom: 5px;
}

th.nav-right
{
	background: #006699;
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	padding: 0px 1px 0px 1px;
}

td.nav-right
{
	background: #EEEEEE;
	font-family: arial, helvetica, sans-serif;
	width: 138px;
}

td.nav-right a
{
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	padding: 1px;
	width: 100%;
	height: 100%;
	display: block;
}

/* Right hand feature for lead page */
td.nav-lead a
{
	font-size: 9pt;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	padding: 0px 2px 5px 5px;
	width: 100%;
	height: 100%;
	display: block;
}

table.nav-lead
{
	border: 1px solid #006699;
	background: #EEEEEE;
	float: right;
	vertical-align: text-top;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 3px;
}

/* This section provides instruction for display on non-screen devices */
@media print 
{
	page { margin: 10% }
	h1, h2, h3, h4 	{ page-break-after: avoid; page-break-inside: avoid; }
	blockquote, ul, ol, dl { page-break-before: avoid; }
}