@import url(shared.css);
@import url(tables.css);

/*	SITE COLOURS:																					.
	LGrey			#e5e5e5																			.
	LWheat		#ffffb3			Wheat		#e5e57f											.
	LGreen		#66b34d		Green		#408d40		DGreen		#1a6633	.
	LBlue			#3366e5		Blue			#333399		DBlue			#1a1a80	.
																											.
	Green:		menu bar, links, stripe, table heads and rules, form controls			.
	Wheat:		logo circle, reversed links, sidebar backs, bottom bar					.
	Blue:			logo stripes, link focus, sidebar heads and rules							.
																											.
	SITE FONTS:																						.
	Georgia:		default content, page titles, options title									.
	Verdana:	headings, small text, template elements								  */


/*	Fonts: Trebuchet, overrides */
h1
	{	font: italic x-large/120% "trebuchet ms", serif; color: #4b8c4b }
.crumb
	{	font: bold 23px/26px "trebuchet ms", serif }
td.pq, td.pq_top, td.pq_bot, td.pq_nob, p.intro
	{	font: italic large/140% "trebuchet ms", serif }
h3, em.h3, strong.h3, p.tag
	{	font: bold italic medium/140% "trebuchet ms", serif; color: #4b8c4b }
body, td, th, #content, .content
	{	font: small/140% "trebuchet ms", serif }
small.new
	{	font: bold italic small/140% "trebuchet ms", serif }

h2, dt
	{	font: bold large "trebuchet ms", serif; color: #4b8c4b }
p.intro2, blockquote.intro2
	{	font: italic 15px/19px "trebuchet ms", serif }
h4
	{	font: italic medium/140% "trebuchet ms", serif; color: #4b8c4b }
h5, .h5, .h5_nobr, dt.small, dl.small dt, blockquote.contact, p.pict_capt, p.nextprev_top, p.nextprev_bot
	{	font: 13px/18px "trebuchet ms", sans-serif }
h6, .h6, .h6_nobr, p.pict_credit
	{	font: 11px/15px "trebuchet ms", sans-serif }
p sup, li sup, dd sup, dt sup, td sup
	{	font: x-small/80% "trebuchet ms", sans-serif; vertical-align: 45% }

dt.small, dl.small dt
	{	font-weight: bold }
p.tag, p.nextprev_top a, p.nextprev_bot a
	{	font-weight: normal }
p.nextprev_top, p.nextprev_bot
	{	line-height: 16px; text-align: right }
p.intro em, p.intro2 em, p.intro_hang em, p.src em, blockquote em, strong.blue, strong.red
	{	font-style: normal }
p small, li small, dd small, dt small
	{	letter-spacing: -0.2em }
p.byline, p.bynoline, p.bynoline_nobrbot, p.byline_extra, p.signline, p.src, .notes, .notes_nobrtop
	{	font-size: 80%; line-height: 150% }
em.fi
	{	font-family: arial, sans-serif; font-weight: bold; color: #4b8c4b }


/*	Page blocks */
body
	{	margin: 0; background: white url(img/back-top.gif) no-repeat top center; color: #333; }
body.home
	{	margin: 0; background: white url(img/back-top-home.png) no-repeat top center; color: #333; }
body.popup
	{	margin: 0 10px }
.nonetscape
	{	display: block }
.print
	{	display: none }
.right
	{	float: right }


/*	Links */
a, a:visited
	{	text-decoration: none; font-weight: bold; color: #0071bc }
a.black
	{	color: black }
th a, th a:visited
	{	color: #e5e57f }
a:hover
	{	text-decoration: underline; background-color: #ffe59c }
th a:hover
	{	color: #1a1a80 }


/*	Lists */
dd
	{	margin: 0 0 10px 30px }
dt
	{	margin: 20px 0 5px }
dt.small, dl.small dt
	{	margin-top: 5px }
ol, ul
	{	margin: 0 0 10px 60px; padding-left: 0 }
li
	{	margin: 10px 0 10px }

ol.h5, ul.h5, ol.h5_nobr, ul.h5_nobr, ol.h6, ul.h6, ol.h6_nobr, ul.h6_nobr
	{	margin-left: 30px }
ol.h5_nobr, ul.h5_nobr, ol.h6_nobr, ul.h6_nobr
	{	margin-bottom: 0 }
.notes
	{	margin-top: 15px; margin-left: 30px }
.notes_nobrtop
	{	margin-top: 0; margin-left: 30px }
li.nomarker
	{	list-style-type: none }

ul.icons
	{	margin-left: 30px; list-style-type: square }
ul.icons li.phone
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; white-space: nowrap;
		background: url(img/icon-phone.gif) no-repeat left top }
ul.icons li.fax
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; white-space: nowrap;
		background: url(img/icon-fax.gif) no-repeat left top }
ul.icons li.cell
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; white-space: nowrap;
		background: url(img/icon-cell.gif) no-repeat left top }
ul.icons li.mail
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; background: url(img/icon-mail.gif) no-repeat left top }
ul.icons li.mailca
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; background: url(img/icon-mailca.gif) no-repeat left top }
ul.icons li.mailus
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; background: url(img/icon-mailus.gif) no-repeat left top }
ul.icons li.email
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; background: url(img/icon-email.gif) no-repeat left top }
ul.icons li.canada
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; background: url(img/icon-canada.gif) no-repeat left top }
ul.icons li.usa
	{	list-style-type: none; padding-left: 28px; margin-left: -28px; background: url(img/icon-usa.gif) no-repeat left top }

#errors
	{	border: 1px dotted #a34d44; background-color: #e5e57f; padding: 5px 10px 0 0;
		margin-right: 40px }


/*	Headings, etc. */
h1
	{	margin: 0 0 20px }
h2
	{	margin: 20px 0 10px }
h3
	{	margin: 15px 0 5px }
h4, h5
	{	margin: 15px 0 10px }
h6
	{	margin: 0 0 5px }

abbr
	{	border-bottom: 1px dotted #666 }
blockquote
	{	margin: 5px 30px 10px }
small
	{	font-size: 30% }


/*	Paragraphs */
p
	{	margin: 0 0 10px }
p.byline
	{	margin-top: 20px; margin-bottom: 5px; padding-top: 8px;
		border-top: 1px dashed black }
p.byline_extra
	{	margin-bottom: 5px }
p.bynoline, p.bynoline_nobrbot
	{	margin-top: 10px; margin-bottom: 5px }
p.nextprev_top
	{	margin-bottom: 15px }
p.nextprev_bot
	{	margin-top: 15px }
p.signline
	{	margin-top: 40px; margin-bottom: 5px; padding-top: 4px;
		border-top: 1px dashed black }
p.src
	{	text-align: right; font-style: italic }
p.poem, p.poem_nobr
	{	text-indent: -30px; margin-left: 30px }

p.byline, p.bynoline, p.bynoline_nobrbot, p.byline_extra, p.intro, p.intro2, p.nextprev_top,
	p.nextprev_bot, p.signline, p.src, p.tag
	{	text-indent: 0 }
p.bynoline_nobrbot, p.poem_nobr, p.tag
	{	margin-bottom: 0 }
.nowrap
	{	white-space: nowrap }


/*	Tables */
th.last, th.last_nobold
	{	border-right: 0 none; background: #1a6633 url(img/tile-table.gif) no-repeat right top }
.grey th.last, .grey th.last_nobold
	{	border-right: 0 none; background: #1a6633 url(img/tile-table-e5e5e5.gif) no-repeat right top }
tr.reverse td, td.reverse
	{	background-color: black; color: white }
hr
	/*	IE doesn't compress top margin; use no bottom margin on preceding paragraph to fix */
	{	margin: 15px 0 8px; padding: 0 0 7px; border: 0 none; border-top: 2px solid #1a6633 }


/*	Colour, etc. overrides															*/
img.icon
	{	vertical-align: text-bottom }
.blue
	{	color: #339 }
.red, small.new
	{	color: red }
a.white, span.white
	{	color: white }
h2.black, h3.black, h4.black
	{	color: #333 }
img.pict
	{	border-color: #1a6633 }

.hr, .hr2, .hr_nobold, .hr_nobrbot, .flush_hr, .flush_hr2, .hr2, .flush_hr2, .flush_hr_nobrbot
	{	border-color: #1a6633 }
th
	{	background-color: #1a6633 }
table.box, table.box2, table.box .div td, table.box2 .div td,
	table.columns .div td, table.columns .div2 td, table.columns .divbot td,
	table.form,
	table.grid, table.grid td,
	table.table, table.table td, table.table .div td, table.table .div2 td,
	table.vert, table.vert td, table.vert .foot td,
	table.div2, table.frame, td.pq, td.pq_bot, td.pq_top
	{	border-color: #1a6633 }


/*	Page Elements */
#wrapper
	{	width: 740px; margin: 0px auto;
		background: white url(img/back-top.gif) no-repeat -112px top }
body.home #wrapper
	{	width: 740px; margin: 0px auto;
		background: white url(img/back-top-home.png) no-repeat -112px top }
body.home #content
	{	height: 340px }

#tabs
	{	width: 740px }
#tabs ul
	{	list-style-type: none; margin: 0px }
#tabs li
	{	float: right; background-repeat: no-repeat }
#tabs li, #tabs li a
	{	display: block; margin: 0px; padding: 0px; width: 98px; height: 120px }
#tabs .textonly
	{	display: block; margin-left: -2200px; margin-right: 2000px }

#tabs a:hover
	{	text-decoration: none; background-color: transparent }
#tabs #tab_services a:hover
	{	background-image: url(img/tabs.gif); background-position: 0px -120px }
#tabs #tab_training a:hover
	{	background-image: url(img/tabs.gif); background-position: -98px -120px }
#tabs #tab_accountedge a:hover
	{	background-image: url(img/tabs.gif); background-position: -196px -120px }
#tabs #tab_news a:hover
	{	background-image: url(img/tabs.gif); background-position: -294px -120px }

#tabs #tab_services_active
	{	background-image: url(img/tabs.gif); background-position: 0px 0px }
#tabs #tab_training_active
	{	background-image: url(img/tabs.gif); background-position: -98px 0px }
#tabs #tab_accountedge_active
	{	background-image: url(img/tabs.gif); background-position: -196px 0px }
#tabs #tab_news_active
	{	background-image: url(img/tabs.gif); background-position: -294px 0px }

#tools
	{	width: 100%; margin: 20px 0; padding: 0; background-color: white; color: #666; border: dotted 1px #999 }
#tools td.column, #tools td.column_last
	{	width: 33%; padding: 8px 10px 3px; text-align: left }
#tools td.column
	{	border-right: 1px dotted #999 }
#tools #tool_ordering
	{	padding-bottom: 55px; background: white url(img/manuals.gif) no-repeat right bottom }
#tools #tool_helpdesk
	{	padding-bottom: 36px; background: white url(img/helpdesk.gif) no-repeat right bottom }
#tools div strong {font-size:13px; color:#2c2b2b;}
#tools div p {padding-top:15px; line-height:180%;}
#tools div a {margin-top:20px;}
#tools div a:link {text-decoration:none;}
#tools div a:hover {border-bottom:1px dotted;}
#tools div ul li {list-style-type:none; width:98px; float:left; line-height:1.5em; padding-bottom:8px;}
#tools h3 a { color: #4b8c4b }

#foot_wrapper
	{	margin-top: 40px; padding-bottom: 5px;
		background: white url(img/tile-page.gif) repeat-y center top }
#foot_divider
	{	height: 10px; background: transparent url(img/back-bot.gif) no-repeat center top }
#footer
	{	width: 740px; margin: 0px auto; color: #666; text-align: center }

#News
	{	width: 100%; margin: 20px 0; padding: 0 }
#News td.space
	{	width: 50% }
#News td.news
	{	padding: 12px 10px 3px; background: transparent url(img/fade-80.png); border: dotted 1px #999 }