/* Don's Directories style sheet for public sites.
	Angelo Babudro  ptab@ixo.ca  www.ispltd.com  www.ixo.ca  <IXOYE><

	First define the desired attributes of fundamental elements
	which will be inherited by subsequent variations further down.
*/

html	{
	height:					100%;   /* needed by Netscape */
	}
body	{
	color:					black;
	font-family:			"Liberation Sans", "Nimbus Sans L","Bitstream Vera Sans",Arial,Verdana,Helvetica,FreeSans,"Luxi Sans",sans-serif;
	font-size:				11pt;
	line-height:			133%;
	margin:					0;
	}
P {
	margin-left:			1em;
	}
a:link {
	color:					#005599;
	}
a:visited {
	color:					#003355;
	}
a:hover {
	background:				#ffa;
	color:					black;
	text-decoration:		underline;
	}
LI, UL, p.list_hdr {
	color:					#777;
	font-size:				9pt;
	line-height:			110%;
	margin:					0;
	width:					600px;
	}
PRE {
	font-size:				8pt;
	}
IMG {
	border:					0;
	}
SMALL {
	color:					green;
	font-size:				9pt;
	font-weight:			normal;
	}
INPUT {
	background:				#ffc;
	color:					#007700;
	font-family: 			"Liberation Mono", "Courier New", "Luxi Mono", FreeMono;
	font-size:				9pt;
	font-style:				normal;
	margin:					0;
	padding:					0;
	}

.body_block {
	font-size:				10pt;
	color:					black;
	line-height:			133%;
	margin:					0 1em 1em 2em;
	}
p.list_hdr {
	margin-left:			20px;
	}

/* Page layout
	-----------	*/

div#menu {
	position:				absolute;
		left:					0;
		top:					0;
	width:					120px;
	}

td#right {
	background:				#fcfcfc;
	border-bottom:			1px silver solid;
	padding-left:			5px;
	padding-right:			0;
	vertical-align:		top;
	width:					120px;
	}
p.rightcontent, p.rightcontent_noad {
	color:					green;
	font-size:				8pt;
	margin:					0 5px 15px 5px;
	}
p.rightcontent_noad {
	padding-top:			250px;
	}

td#right_MapPage {
	background:				#fcfcfc;
	padding:					250px 0 0 5px;
	vertical-align:		top;
	width:					120px;
	}

p.logo {
	position:				absolute;
		top:					0;
		left:					300px;
	}


p.login {
	font-size:				9pt;
	margin:					1px 0 0 0;
	text-align:				center;
	}
p.loginleft {
	font-size:				9pt;
	line-height:			100%;
	margin:					7px 0 10px 10px;
	text-align:				left;
	}
p.loginbanner {
	background:				#007;
	color:					#ff0;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			bold;
	margin:					0;
	text-align:				center;
	}

p.uidtext {
	color:					#0d7;
	font-size:				8pt;
	line-height:			130%;
	margin:					0;
/* Used to be on right side of screen:
	position:				absolute;
		left:					auto;
		right:				20px;
		top:					5px;
	width:					auto; */
	}

/* Special INPUT settings for buttons */

INPUT.button, INPUT.redbutton, INPUT.greenbutton {
	font-family: 		Georgia, Utopia, serif;
	font-size:			11pt;
	font-weight:		normal;
	}
INPUT.redbutton
	{ color: #c00; }
INPUT.greenbutton
	{ color: #070; }
INPUT.smallbutton, INPUT.leftbar {
	background:				#ffd;
	color:					#070;
	font-family:			Verdana, Arial, sans-serif;
	font-size:				9pt;
	font-weight:			bold;
	padding:					1% 7% 1% 7%;
	}
INPUT.leftbar {
	width:					120px;
	}
INPUT.smallbutton_right {
	background:				#adb;
	float:					right;
	}
INPUT.loginbuttons {
	font-family:			"Nimbus Sans L", Arial, sans-serif;
	font-size:				9pt;
	line-height:			100%;
	margin:					0;
	padding:					0;
	}
INPUT.button:hover, INPUT.redbutton:hover, INPUT.greenbutton:hover, INPUT.smallbutton:hover, INPUT.loginbuttons:hover,
INPUT.leftbar:hover {
	background:				#ff7;
	color:					black;
	}


/* special INPUT settings */

INPUT.dim {
	color:					#aaa;
	}


/* Classes for coloured text messages */

.small_green	{ font-size: 9pt; font-style: normal; color: #009900;}
.green_text		{ font-size: 10pt; font-weight: normal; font-style: italic; color: #005500; }
.blue_text		{ font-size: 10pt; font-weight: normal; font-style: italic; color: #0000BB;}
.small_text		{ font-size: 8pt; font-style: normal; color: #777; line-height: 150%; }
.small_red		{ font-size: 11px; font-style: normal; color: #ff0000;}
.tiny				{ font-size: 8pt; font-style: normal; color: #005500; line-height: 120%; }
.mono_text		{ font-family: "Bitstream Vera Sans Mono", "Courier 10 Pitch", "Courier New", "Luxi Mono", Courier; }
.error {
	font-size:				11pt;
	font-weight:			bold;
	font-style:				italic;
	color:					#9f0000;
	margin:					5px 5px 5px 15px;
	text-indent:			1em;
	line-height:			150%;
	width:					620px;
	}
p.note, p.notesmall, cite {
	background:				#ffd;
	border:					1px silver dotted;
	color:					green;
	margin:					3px 3px 7px 3px;
	padding:					4px;
/*	text-indent:			15px; */
	}
p.note {
	font-size:				12pt;
	line-height:			150%;
	width:					645px;
	}
p.notesmall, cite {
	font-size:				10pt;
	margin:					3px 5% 7px 5%;
	width:					580px;
	}
cite {
	background:				#efc;
	bottom:					7px;
	line-height:			35px;
	padding:					0 3% 0 3%;
	}

/* Headings */

H1, H2, H3, H4, H5 {
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:					0;
	}
.head_large, H1 {
	color:					#070;
	font-size:				18pt;
	font-weight:			bold;
	font-style:				normal;
	line-height:			110%;
	margin:					5px 0 10px 7px;
	}
H2 {
	color:					#070;
	font-size:				14pt;
	font-weight:			normal;
	font-style:				normal;
	margin:					5px 0 10px 10px;
	}
H3 {
	color:					#050;
	font-size:				12pt;
	font-weight:			bold;
	margin:					0 0 0 3px;
	}
/* H4 is intended to be used with H3 - it is raised verticaly to sit close to the prior heading.
	H5 is the same as H4 except it is not raised vertically.		*/
H4, H5 {
	color:					#005533;
	font-size:				11pt;
	font-weight:			bold;
	font-style:				italic;
	margin:					0 0 15px 15px;
	}
H5 {
	margin:					15px 0 0 20px;
	width:					620px;
	}


/* Tables */

TH, .table_heading, .table_head_r, .table_head_alt, .table_heading_light {
	font-family:			'Trebuchet MS', 'Lucida Sans', Arial, sans-serif;
	font-weight:			bold;
	}
TH, .table_heading, .table_heading_light {
	background-color:		#bc9;
	color:					#050;
	font-size:				10pt;
	vertical-align:		middle;
	}
.table_head_r {
	background-color:		#bbcc99;
	color:					#005500;
	font-size:				10pt;
	text-align:				right;
	vertical-align:		bottom;
	}
.table_head_alt {
	background-color:		#4293ee;
	color:					#ffff00;
	font-size:				12pt;
	}
.table_heading_light {
	color:					#073;
	font-weight:			normal;
	}
TD, .table_content {
	font-size:				9pt;
	color:					#005500;
	}
.table_content {
	vertical-align:		middle;
	line-height:			160%;
	}
.table_content_doublespaced {
	color:					#005500;
	font-size:				9pt;
	line-height:			200%;
	padding:					0 3px 0 5px;
	vertical-align:		top;
	}
.table_content_r {
	background-color:		#cfcfcf;
	color:					#009900;
	font-size:				9pt;
	line-height:			160%;
	text-align:				right;
	vertical-align:		middle;
	}
.table_content_inv {
	background-color:		#dfd;
	color:					#000000;
	font-size:				9pt;
	line-height:			120%;
	text-align:				left;
	vertical-align:		middle;
	}

.table_recno_head {
	font-family: 'Trebuchet MS', 'Lucida Sans', Utopia, Times, serif;
	font-size: 9pt;			font-weight: normal;				text-decoration: none;
	text-align: center;		vertical-align: bottom;
	color: #efffef;			background-color: #eedede;
	}
.table_recno_content {
	font-size: 8pt;
	color: #acdaba;
	text-align: right;			vertical-align: top;			line-height: 160%;
	}


/* Tags for displaying a list of alphabet choices
	The generic .letters section applies to all letters types below.
*/

.letters {
	background:				#ffd;
	color:					green;
	font-size:				10pt;
	padding:					0 2px 0 2px;
	}
a.letters {
	font-style:				normal;
	font-weight:			normal;
	text-decoration:		none;
	}
a.letters:hover {
	background:				blue;
	color:					yellow;
	font-style:				normal;
	font-weight:			bold;
	text-decoration:		none;
	}
font.letters_highlight {
	background:				#ffd;
	color:					green;
	font-size:				14pt;
	font-weight:			bold;
	margin:					0 5px -5px 5px;
	padding-bottom:		-5px;
	}
font.letters {
	background:				#ffd;
	border-left:			1px silver dotted;
	border-right:			1px silver dotted;
	color:					green;
	font-weight:			bold;
	}
/* p.letters is the enclosure for the whole letter box */
p.letters {
	border:					1px silver dotted;
	line-height:			18pt;
	margin:					3px 3px 7px 3px;
	padding:					4px;
	text-align:				center;
	width:					645px;
	}



/*	Paragraph tags
 	--------------
 	p.middle is for the middle column when we have a 3-column layout
 	p.indent_minor is for less important text to go under p.indent paragraph(s)
*/

p.undent, p.index_co {
	color:					#202020;
	font-size:				11pt;
	line-height:			120%;
	margin:					0 5px 5px 20px;
		text-indent:		-20px;
	width:					620px;
	}
p.indent, p.middle, p.indent_minor, p.index_loc {
	color:					#202020;
	font-size:				11pt;
	line-height:			150%;
	margin:					0 0 5px 20px;
		text-indent:		20px;
	width:					600px;
	}
p.middle {
	margin:					7px 5px 7px 10px;
	width:					500px;
	}
p.indent_minor {
	color:					#777;
	font-size:				9pt;
	}
p.indent_light {
	color:					#70A0A0;
	font-size:				8pt;
	line-height:			150%;
	margin:					0 0 5px 0;
		text-indent:		20px;
	}
p.undent_light {
	color:					#309070;
	font-size:				8pt;
	margin:					0 0 5px 0;
	text-indent:			2px;
	}
p.x {
	color:					#202020;
	font-size:				11pt;
	line-height:			150%;
	margin:					0 25px 5px 20px;
	}

p.index_co {
	font-weight:			bold;
	margin:					15px 0 0 20px;
		text-indent:		0;		/* MSIE will chop-off letters if this is negative; appears to conflict with above -20px */
	}
p.index_loc {
	font-size:				10pt;
	line-height:			120%;
	margin:					0 0 2px 20px;
	}


/*	Anchor tags
	---------------------------
	NB - a:hover must come after a:link and a:visited	*/

a.tiny, a.tiny:link {
	font-size: 8pt;			color: #005599;
	}
a.tiny:visited {
	font-weight: light;		font-style: italic;		color: #003344;
	}
a.tiny:hover {
	font-weight: normal;		font-style: italic;		color: #00789A;
	}

a.big:link {
	font-size: 14pt;			color: #005599;
	}
a.big:visited {
	font-size: 14pt;			color: #003355;
	font-style: italic;
	}
a.big:hover {
	font-size: 14pt;			color: #0078DD;
	font-weight: bold;		font-style: italic;
	text-decoration: underline;
	}

a.obvious:link, a.obvious:visited {
	font-weight:			bold;
	}
a.obvious:hover {
	text-decoration:		underline;
	}

a.head, a.head:link {
/*	background-color:		#4293ee;
	color:					#ff0;
	font-family:			"Trebuchet MS", "Lucida Sans", Arial, Helvetica, serif;
	font-size:				12pt;
	font-style:				italic;
	font-weight:			bold;
	text-decoration:		none; */
	padding:					0 1px 0 3px;
	}
a.head:visited {
	font-weight: bold;		font-style: normal;				text-decoration: none;
	}
a.head:hover {
	font-weight: bold;		font-style: italic;				text-decoration: underline;
	}



/*	Menu tags
	---------	*/

p.menu_inactive, p.menu_auth_inactive, p.menu_active, p.menu_auth_active, p.menu_edition,
a.menu_inactive, a.menu_active {
	display:					block;
	font-family:			"Nimbus Sans L",Arial,FreeSans,"URW Gothic L","Luxi Sans",sans-serif;
	font-size:				10pt;
	line-height:			133%;
	margin:					1.5em 0 1.5em 0;
	padding:					0px;
	text-indent:			0px;
	width:					120px;
	}
p.menu_active {
	background:				#e5fcff;
	}
p.menu_inactive, p.menu_auth_inactive,
a.menu_inactive {
	background:				#9ff;
	color:					#5ba;
	border-right:			1px solid #0F0;
	border-bottom:			1px solid #999;
	border-left:			1px solid #6CC;
	padding:					1px;
		padding-left:		3px;
		padding-right:		5px;
	width:					110px;
	}
p.menu_auth_inactive {
	background:				#9fc;
	}
p.menu_edition {
	left:						20px;
	right:					0;
	}
a.menu, a.menu:link {
	background:				#efa;
	color:					green;
	}
a.menu:visited {
	color:					green;
	}
a.menu:hover {
	background:				#e5fcff;
	}

td#menu a, td#menu_auth a {
	display:					block;
	border-right:			1px solid #070;
	border-bottom:			1px solid #777;
	border-left:			1px solid #070;
/*	font-size:				12px; */
	font-style:				normal;
	font-weight:			normal;
	padding:					1px;
		padding-left:		3px;
		padding-right:		5px;
	text-decoration:		none;
	vertical-align:		middle;
	}
td#menu a {
	background:				#9FF;
	}
td#menu_auth a {
	background:				#bc8;
	margin:					0;
	}
td#menu a:hover	{
	background:				#009;
	color:					#FFF;
	}
td#menu_auth a:hover	{
	background:				#ffb;
	color:					#070;
	}
td#menu a.edition {
	color:					#070;
	font-family:			"Lucida Sans","Luxi Sans","Nimbus Sans L",Arial,FreeSans,"URW Gothic L",sans-serif;
	font-size:				9pt;
	font-style:				italic;
	text-align:				right;
	-moz-border-radius:	15px;
	}
td#menu a.edition:hover {
	background:				#070;
	color:					#ffa;
	}


/* Report tags
	-----------	*/

.report_large {
	font-size: 12pt;		font-style: normal;
	color: #000000;		line-height: 133%;
	}
.report_medium, .report_medium_alt {
	color:					black;
	font-size:				10pt;
	font-style:				normal;
	line-height:			133%;
	}
.report_medium_alt {		/* alternate colour for updated items */
	color:					#af1f1f;
	}
.report_small {
	font-size: 9pt;		font-style: normal;
	color: #000000;		line-height: 133%;
	}
.report_comment {
	font-size: 9pt;		font-style: italic;
	color: #005555;		line-height: 133%;
	}
.report_highlight {
	font-size: 9pt;		font-style: italic;
	color: #009999;		line-height: 133%;
	}



/*	Newsletter styles
	-----------------
	news_banner			Masthead banner saying Don's News
	news_arch_banner	Don's Archives banner in side-bar
	news_issue			Small text saying the Volume, Issue, and Date
	news_slogan			Newsletter slogan text
	news_toc				Main TOC font
	news_toc_compact	Font for TOC at end of articles
	news_title			News article title
	news_body			News article body
	news_teaser			News article body portion that is displayed when not logged-in
	*/

DIV.news p,
p.news_title, p.news_banner, p.news_slogan,
p.news_body,
{
	padding:					5px;
	}
p.news_banner, p.news_slogan, p.news_issue {
	background:				#efe;
	border-right:			1px #ded solid;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
p.news_issue {
	color:					black;
	font-size:				10pt;
	padding:					5px 0 0 5px;
	margin:					0;
	}
p.news_banner {
	border-top:				1px #ded solid;
	color:					green;
	font-family:			"Arial Black", Arial, Verdana, sans-serif;
	font-size:				20pt;
	margin:					0;
	}
p.news_slogan {
	border-bottom:			3px #cfc solid;
	color:					#555;
	font-size:				11pt;
	font-style:				italic;
	margin-top:				0;
	margin-bottom:			0;
	}

p.news_title, p.news_toc {
	line-height:			133%;
	padding-left:			10px;
	padding-right:			10px;
	}
p.news_toc_compact {
	line-height:			133%;
	margin:					10px 0 10px 10px;
	padding:					0 7px 0 7px;
	text-indent:			-10px;
	}
p.news_title {
	font-size:				14pt;
	font-weight:			bold;
	}
DIV.news p, p.news_body {
	font-family:			Georgia, "Liberation Serif", "Times New Roman", serif;
	font-size:				11pt;
	line-height:			150%;
	text-indent:			2em;
	}
p.news_teaser {
	background:				#f3f3f3;
	color:					#222;
	font-size:				10pt;
	line-height:			133%;
	margin:					-9px 0 14px 0;
	padding:					0 20px 0 20px;
	text-indent:			0;
	}
p.news_toc, a.news_toc {
	font-size:				12pt;
	font-weight:			bold;
	}
p.news_toc_compact {
	font-size:				9pt;
	}

p.news_arch_banner {
	border:					3px #aea ridge;
	color:					#555;
	font-family:			"Arial Black", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:				14pt;
	line-height:			90%;
	margin:					20px 0 0 0;
	padding:					2px;
	}
p.news_arch_year {
	background:				#242;
	color:					white;
	font-family:			Georgia;
	font-size:				12pt;
	font-weight:			bold;
	margin:					0;
	padding:					0 0 2px 20px;
	}
p.news_arch_issue {
	font-size:				8pt;
	line-height:			133%;
	margin:					2px 0 7px 11px;
	text-indent:			-9px;
	}

a.news_toc, a.news_toc_compact {
	color:					#007;
	font-style:				normal;
	}
a.news_toc:link, a.news_toc:visited {
	font-style:				italic;
	text-decoration:		none;
	}
a.news_toc:hover {
	background:				#BF9;
	color:					blue;
	font-weight:			bold;
	text-decoration:		underline;
	}
a.news_toc_compact {
	font-family:			"Nimbus Sans L","Bitstream Vera Sans",Arial,Verdana,Helvetica,FreeSans,"Luxi Sans",sans-serif;
	font-size:				9pt;
	font-weight:			normal;
	text-decoration:		none;
	}
a.news_toc_compact:hover {
	background:				#eee;
	text-decoration:		underline;
	}
IMG.news {
	border:					1px solid black;
	margin:					0 9px 4px 9px;
	}



/*	Advertising styles
	------------------
	top_banner		Top banner ad (468x60)
	right_banner	Right-top banner ad (120px wide)
	left_banner		Left-bottom banner ad (120px wide)
*/

img.banner_top {
	border:					0;
	display:					block;
	text-align:				center;
	}
img.banner_right, img.banner_right_search {
	border:					0;
/*	position:				absolute; */
		left:					660px;
	width:					120px;
	}
img.banner_right {
	padding-bottom:		17px;
	}
img.banner_right_search {
	top:						330px;
	}
img.banner_left {
	border:					0;
	width:					120px;
	}
img.banner_inline {
	border:					0;
	}


/*	Footer styles
	-------------	*/

#footer {
	background-color:		#efe;
	font-family:			"Lucida Sans","Nimbus Sans L","Bitstream Vera Sans",Arial,Verdana,Helvetica,FreeSans,"Luxi Sans",sans-serif;
	font-size:				8pt;
	padding:					5px 4px 4px 0;
	position:				fixed;
		height:				20px;
		width:				100%;
		top:					auto;
		right:				0;
		bottom:				0;
		left:					0px;
	}
#footer p {
	color:					#4b5;
	line-height:			140%;
	margin:					4px 0 0 0;
	position:				static;
	text-decoration:		none;
	}
#footer a, #footer a:link:visited {
	color:					#0bf;
	font-size:				7pt;
	}
#footer a:hover {
	background-color:		#ded;
	color:					#02a;
	}
#footer p.rightbottom {
	font-size:				7pt;
	position:				fixed;
		top:					auto;
		right:				0;
		bottom:				-1px;
		left:					auto;
	padding:					0 7px 0 0;
	}
#footer p.leftbottom {
	font-size:				8pt;
	position:				fixed;
		top:					auto;
		right:				auto;
		bottom:				0;
		left:					0;
	padding:					0 0 0 7px;
	}
#footer p.centrebottom {
	font-size:				7pt;
	position:				absolute;
		top:					auto;
		bottom:				-1px;
	text-align:				center;
	width:					100%;
	}
