body {height:100%; background-color: #aca899; margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif; color: #333}

* html body {text-align: center}


/* ________________________
	Div, image and hr styles
	________________________ */

div#Menu {width: 100%; height: 1.3em; margin-top: 0; background-position: center left;
	background-image: url("../images/MenuBgd.jpg"); background-color: #a1a1a0;
	background-repeat: repeat-x; border-bottom: 1px solid #989898}

div.Footer {width: 100%; height: 1.3em; background-position: center left;
	background-image: url("../images/FooterBgd.jpg");
	background-color: #a1a1a0; background-repeat: repeat-x;
	border-top: 1px solid #989898}


img.TopOfPageIconsLeft {padding-left: 2px}
* html img.TopOfPageIconsLeft {margin-left: 2px}
	
img.TopOfPageIconsRight {padding-left: 2px}
* html img.TopOfPageIconsRight {margin-left: 4px}

img.FaviconMenu {margin-left: 2px; padding-top: 1px; margin-top: 1px}
* html img.FaviconMenu {margin-top: 2px}

img.UpArrow {vertical-align: top; margin-top: 1px; margin-left: 3px}

div.DocumentPage {width: 644px; margin-left: auto; margin-right: auto;
	border-top: 1px solid #070706; border-right: 3px solid #070706;
	border-bottom: 3px solid #070706; border-left: 1px solid #070706;
	padding-left: 65px; padding-right: 7px; padding-top: 27px; padding-bottom: 17px;
	background-color: #fffbf5; margin-bottom: 30px}
/*	NOTE: the width is really 720px, but one has to subtract the padding and the
	width of the borders from the width one wants to end up with in order to obtain the
	width one needs to specify (except in the case of IE5.x, for which there is a
	seperate css file) */

* html div.DocumentPage {width: 720px; text-align: left}
/* to counter the body center */

div.ContentMinHeight {min-height: 250px}
* html div.ContentMinHeight {height: 250px}


div.KeyBox {width: 430px; background-color: #ffffcd;
	border-top: 1px solid #ffcc00; border-right: 2px outset #ffcc00;
	border-bottom: 2px outset #ffcc00; border-left: 1px solid #ffcc00;
	padding: 4px 20px 6px 20px; margin-left: auto; margin-right: auto}

* html div.KeyBox {width: 473px}

.KeyBoxWithMargins {margin-top: 40px; margin-bottom: 50px}

div.BorderedText {background-color: transparent;
	border-top: 1px solid #333; border-right: 2px solid #333;
	border-bottom: 2px solid #333; border-left: 1px solid #333;
	padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 7px;
	margin-left: 0; margin-right: 56px; margin-top: 15px;
	margin-bottom: 15px}

div.BorderedBigMargins {margin-top: 20px; margin-bottom: 40px}
	
div.OnePageTOC {background-color: transparent; width: 500px; margin-top: 0;
	margin-left: auto; margin-right: auto; margin-bottom: 30px;
	border-top: 1px solid #cfcece; border-bottom: 1px solid #cfcece;
	padding: 8px 10px 8px 10px;}

div.PictureBkMark {font-size: 1px; margin: 0; padding: 0}
/* Above needed because of an Opera bug - if you put a bookmark in the same paragraph
	as an image, then when you go to the bookmark, Opera takes you to the bottom
	of the image instead of to the top of it!  */



/* _________________
Document banner divs
____________________ */

div.DocBannerWrapper {padding-right: 52px; text-align: center}
/*	The above padding represents the right margin of 56px used by
most text styles, less the right offset specified above of 4px.
This div also centres the DocBanner div in IE5 and 6 */

div.DocBanner-1Line, div.DocBanner-1Plus1Lines, div.DocBanner-1Plus2Lines,
	div.DocBanner-2Lines, div.DocBanner-2Plus1Lines,
	div.DocBanner-3Lines, div.DocBanner-3Plus1Lines
	{position:relative; border: 1px solid #ff6500;
	padding-left: 23px; padding-right: 23px; left:-4px; top:-3px;
	background-color: #d9d9d9; background-repeat: repeat-x;
	background-position: left center}

div.DocBanner-1Line {padding-top: 16px; padding-bottom: 16px;
	background-image: url('../images/DocBannerBgd67px.jpg')}
/* The above is used for banners containing a single line of text */

div.DocBanner-1Plus1Lines {padding-top: 15px; padding-bottom: 15px;
	background-image: url('../images/DocBannerBgd83px.jpg')}
/* The above is used for banners containing one line of h1.DocBanner text plus
	one line of p.Subtitle text. */

div.DocBanner-1Plus2Lines {padding-top: 15px; padding-bottom: 15px;
	background-image: url('../images/DocBannerBgd102px.jpg')}
/* The above is used for banners containing three lines of h1.DocBanner text. */
	
div.DocBanner-2Lines {padding-top: 10px; padding-bottom: 10px;
	background-image: url('../images/DocBannerBgd83px.jpg')}
/* The above is used for banners containing two lines of h1.DocBanner text */

div.DocBanner-2Plus1Lines {padding-top: 4px; padding-bottom: 4px;
	background-image: url('../images/DocBannerBgd89px.jpg')}
/* The above is used for banners containing two lines of h1.DocBanner text
	plus one line of p.Subtitle text */

div.DocBanner-3Lines {padding-top: 7px; padding-bottom: 7px;
	background-image: url('../images/DocBannerBgd102px.jpg')}
/* The above is used for banners containing three lines of h1.DocBanner text. */

div.DocBanner-3Plus1Lines {padding-top: 2px; padding-bottom: 2px;
	background-image: url('../images/DocBannerBgd114px.jpg')}
/* The above is used for banners containing three lines of h1.DocBanner text plus
	one line of p.Subtitle text. */


div.AboveBannerSpacer {padding: 1px; margin-bottom: 15px}
	
/* There is also a DocBannerDropShadow table style listed under tables,
	and some DocBanner text styles listed under text */


/* ____
TABLES
______ */

table.Borderless, table.MenuContent, table.DocPageHeader, table.Headings, table.Footer,
	table.DocPageFooter
 {border-collapse: collapse; border: 0}

table.Borderless {width: 100%}
table.MenuContent {width: 718px; height: 1.3em; margin-left: auto; margin-right: auto}
* html table.MenuContent {text-align: left}
/* to counter the MenuLeft center */

table.DocPageHeader {width: 601px}
table.Headings {width: 100%}
table.DocPageFooter {width: 588px}
table.Footer {width: 604px; margin-left: auto; margin-right: auto}

table.DocBannerDropShadow {border-collapse: collapse; border: 0px none; 
	background: #e0e0e0; margin-left: auto; margin-right: auto;
	margin-bottom: 65px}

table.ThreeGraphs {border-collapse: collapse; border: 0; width: 594px}	
	
/* For bordered (display) tables, see DisplayTables.css */


/*	___________
	Table cells
	___________ */

td {text-align: justify; padding: 0}


/* _____________________________________
Table cells used for headers and footers
_________________________________________ */

td.MenuLeft {width: 25px; height: 1.3em; font-size: 11px}
td.MenuRight {width: 693px; height: 1.3em; padding-right: 25px}

td.DocPageHeader-Col1 {width: 575px}
td.DocPageHeader-Col2 {width: 26px; vertical-align: top; text-align: center;
	font-size: 11px}

td.DocPageFooter-Col-1, td.DocPageFooter-Col-2 {width: 33%}
td.DocPageFooter-Col-1 {text-align: left}
td.DocPageFooter-Col-2 {text-align: center}
td.DocPageFooter-Col-3 {width: 34%; text-align: right}

td.Footer, td.Footer-Col-1, td.Footer-Col-2, td.Footer-Col-3
 {height: 1.3em}

td.Footer {text-align: right}
td.Footer-Col-1 {width: 30%; text-align: left}
td.Footer-Col-2 {width: 40%; text-align: center}
td.Footer-Col-3 {width: 30%; text-align: right}


/* __________________________
Table cells used for headings
_____________________________ */

td.HeadingNumber, td.HeadingText, td.AppendixHeadingText {vertical-align: top}

td.HeadingNumber {width: 48px}
td.HeadingText {width: 596px}
td.AppendixHeadingText {width: 644px}


/* ________________________________
Table cells used for the transcript
___________________________________ */

td.TranscriptLeft {width: 122px; vertical-align: top; padding-right: 13px; }
td.TranscriptRight {padding-left: 13px; padding-bottom: 8px; vertical-align: top}


/* ___________________________________
Table cells used for numbered lists
_______________________________________ */

td.NumberedListLeft {width: 29px; vertical-align: top; padding-bottom: 3px}
td.NumberedListRight {vertical-align: top; padding-bottom: 3px}
/* Use the following for the left cell in nested tables for outline lists */
td.SubNumberedListLeft {width: 44px; vertical-align: top; padding-bottom: 3px}


/* _____________________
Three graphs table cells
________________________ */

td.ThreeGraphs-Cols1-2, td.ThreeGraphs-Col3 {text-align: center; font-size: 11px}

td.ThreeGraphs-Cols1-2 {width: 166px}
td.ThreeGraphs-Col3 {width: 250px}
td.ThreeGraphs-Col4 {width: 6px; vertical-align: top}




/* ___________________
Shared text attributes
_____________________ */

h2, h3, h4, p, li.Main
 {line-height: 130%}

h2, h3, h4, p.BodyText, p.EndComment, p.PreList,
	p.TranscriptRight, p.ListText, p.ListPreList, p.Caption, p.Continued,
	p.Footnote, .RightMargin, li.Main
	{margin-right: 56px}

.HeadingNumber {margin-right: 0}

.BeforeKeybox {margin-bottom: 24px}
.AfterKeybox {margin-top: 24px}

h1.DocBanner, h1.DocBanner-Cont, h1.DocPageHeader, h2.DocPageHeader, h2, h3, h4, 
	p.DocPageFooter, p.Caption, p.CaptionInTable, p.KeyHead, p.Continued
	{font-family: "Helvetica Condensed", "Helvetica Narrow", "Arial Narrow",
	GillSans-Light, "DejaVu Sans Condensed", Arial, Helvetica, sans-serif}

p.BlockQuote, p.BlockQuoteBeforeCredit, p.BlockQuoteNumber
	{margin-left: 35px; margin-right: 91px}

h1.DocPageHeader, h2.DocPageHeader, h2, p.BodyText, p.BlockQuote,
	p.BlockQuoteBeforeCredit, p.BlockQuoteNumber, ul.Main, li.Main, p.PreList,
	p.TranscriptLeft, p.TranscriptRight, p.ListNumber, p.ListText,
	p.ListPreList, p.DocPageFooter, p.EndComment, p.Picture,
	p.Footnote, p.OnePageTOC, ul.Bordered
	{margin-top: 0}


/* ________________________
Heading and subtitle styles
___________________________ */

/* h1 and subtitle styles used in document headers (the DocBanner and DocPageHeader
	styles, which are really titles or header styles, rather than headings in the
	typography sense), had to use h rather than p tags because of the WAI guidelines
	that every web page must contain one (and only one) h1 paragraph) */

h1.DocBanner, h1.DocBanner-Cont, p.Subtitle, p.Subtitle-Prefix, p.Subtitle-Prefix2
	{text-align: center; line-height: 120%}
h1.DocBanner, p.Subtitle, p.Subtitle-Prefix {margin-top: 6px}
h1.DocBanner, p.Subtitle, h1.DocBanner-Cont, p.Subtitle-Prefix2 {margin-bottom: 6px}
p.Subtitle-Prefix2 {margin-top: 8px}
p.Subtitle-Prefix, p.Subtitle-Prefix2 {margin-bottom: 4px}
h1.DocBanner-Cont {margin-top: 0}

h1.DocBanner, h1.DocBanner-Cont {font-size: 21px; font-weight: bold}
p.Subtitle, p.Subtitle-Prefix, p.Subtitle-Prefix2 {font-size: 12px}

h1.DocPageHeader, h2.DocPageHeader {text-align: left; font-weight: bold; 
	margin-bottom: 0; margin-right: 30px}
h1.DocPageHeader {font-size: 15px}
h2.DocPageHeader {font-size: 11px}


/* Heding styles in the conventional sense */

h2 {font-size: 24px; font-weight: bold; margin-bottom: 5px; text-align: left}

h3 {font-size: 18px; font-weight: bold; text-align: left; margin-top: 15px;
	margin-bottom: 5px}

h4 {font-size: 15px; font-weight: bold; font-style: italic; text-align: left;
	margin-top: 13px; margin-bottom: 5px}

h2.Appendix {padding-left: 48px; text-indent: -48px}

h2.Cont {margin-top: 24px}
h2.ContAfterTable {margin-top: 35px}

.MarginTop0 {margin-top: 0}

h3.Collapse {margin-top: 10px}
h4.Collapse {margin-top: 7px}


/* _____________
PARAGRAPH STYLES
________________ */

/* _________________
Page design template
____________________ */

p.TopOrangeLine {margin-top: 5px; margin-bottom: 25px}

p.BottomOrangeLine {margin-top: 15px; margin-bottom: 5px}

p.DocPageFooter {font-size: 12px; font-weight: bold; margin-bottom: 0}

p.Navigation
 {margin-top: 0; margin-bottom: 0; font-size: 11px; font-weight: bold; color: #000000;
 line-height: 120%}
p.NavLeft {margin-left: 4px}
p.NavCentre {margin-left: 8px}
p.NavRight {margin-right: 4px}


/* _____________________________
Paragraph styles in main content
________________________________ */

p, li.Main {font-size: 14px}

p.BodyText {margin-bottom: 11px; text-align: justify}

p.EndComment {margin-bottom: 15px; font-weight: bold}
/* The last paragraph in a Comment section in the transcript and rebuttal */

p.BlockQuote {margin-bottom: 15px; text-align: justify}
/* Use instead of the BLOCKQUOTE tag */

p.BlockQuoteBeforeCredit {margin-bottom: 4px; text-align: justify}
/* Where you have a blockquote para followed immediately by a credit (a
paragraph giving the source of the quote, use the above for the first para
and the p.BlockQuote or p.BlockQuoteNumber style for the latter */

p.RightMargin {margin-right: 56px}

p.Picture {margin-bottom: 16px}
p.Caption, p.CaptionInTable {font-size: 11px; font-weight: bold; text-align: center;
	margin-top: 7px; margin-bottom: 16px}

p.Continued {font-size: 12px; font-weight: bold; margin-bottom: 0; text-align: right;
	margin-top: 0}

p.ContinuedDisplayTable {margin-right: 7px}

p.Footnote {margin-bottom: 0; line-height: 125%; text-align: justify}
p.OnePageTOC {margin-bottom: 4px; line-height: 125%; text-align: justify}
p.TOCTopMargin {margin-top: 10px}
p.TOCLargerTopMargin {margin-top: 18px}


p.AfterTable {margin-top: 11px}

/* _______________________
 Text wrapped in "Key" box
 _________________________ */

/* Text used in colour-coding key on first page of transcript */

p.Key, p.KeyHead {font-weight: bold; text-align: center; margin-top: 3px}
p.Key {font-size: 12px; margin-bottom: 5px}
p.KeyHead {font-size: 16px; margin-top: 0; margin-bottom: 2px}

/* _________
List styles
____________ */

p.PreList {margin-bottom: 8px; text-align: justify}
/* Use before a numbered or bulleted list, and before a picture or a blockquote */

p.Strapline {font-weight: bold; margin-top: 8px; margin-bottom: 4px}
p.Strapline2 {font-style: italic; margin-bottom: 20px}
p.Strapline3 {font-weight: bold; margin-top: 8px; margin-bottom: 20px}

p.ListPreList {margin-bottom: 5px}
/* Within a numbered or bulleted list, use before a picture or a blockquote */

p.BlockQuoteNumber {margin-bottom: 11px}
/* Within a numbered or bulleted list, use for blockquotes */

/* Don't use OL - instead use the three styles below, and the table
styles td.NumberedListLeft and td.NumberedListRight */
p.ListNumber, p.ListText {margin-bottom: 8px}
p.ListNumber {margin-right: 0; font-weight: bold}
p.ListTextLast {margin-bottom: 11px}
/* Apply the p.ListText and the .ListNumberLast classes simultaneously to the 
	final para in a numbered list. */


ul.Main {padding: 0; margin-left: 16px; margin-bottom: 13px;
	list-style-image: url(../images/Bullet.jpg)}

ul.Main ul {margin-top: 6px; list-style-image: url(../images/Sub-Bullet.png)}

ul.Main ul ul {margin-top: 6px; list-style-image: url(../images/Sub-Sub-Bullet.png)}

li.Main {margin-bottom: 8px; text-align: justify}


/* Text wrapped in black borders */
p.Bordered {margin-right: 10px}
p.PreBordered {margin-bottom: 15px}

ul.Bordered {margin-left: 18px}
li.Bordered {margin-bottom: 8px; margin-right: 10px;}



/* Icon text above the document page */
ul.TopOfPageIcons {overflow: hidden; padding: 0; list-style-type: none;
	list-style-image: none; width: 720px; margin-left: auto; margin-right: auto;
	margin-top: 48px}

* html ul.TopOfPageIcons {margin-left: 0; margin-right: 0}

ul.TopOfPageIcons li {float: left; margin-bottom: 0; text-align: left;
	font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #ece8e8;
	line-height: 100%}

ul.TopOfPageIcons li.left {width: 158px; text-align: center;
	margin-left: 0; margin-right: 0; padding-right: 2px}

* html ul.TopOfPageIcons li.left {width: 160px}

ul.TopOfPageIcons li.centre {text-align: center; margin-left: 0; margin-right: 0;
	width: 400px}

ul.TopOfPageIcons li.right {float: right; text-align: center; width: 135px;
	padding-left: 25px;  margin-left: 0; margin-right: 0}

* html ul.TopOfPageIcons li.right {width: 160px; padding-left: 28px}



/* ____________________
Span (character) styles
_______________________ */

span.TNRFont {font-family: "Times New Roman", Times, Serif}

span.SerifFont
	{font-family: "Book Antiqua", Palatino, "Times New Roman", Times, Serif}

span.SubSuperText {font-size: 10px}
span.SubSuperText2 {font-size: 9px}
/* Had to use <sub> tag rather than vertical-align: sub, because most browsers
can cope with the former without screwing up the line spacing, but not the latter */

span.Response {color: #3365FF}
span.ResponseAlert {color: #9A0033}
span.ResponseRedAlert {color: #D10711}
span.Note {color: #339966; font-weight: bold}
span.PlainNote {color: #339966; font-weight: normal}
span.PopupNoteText {color: #339966; font-size: 12px; font-style: normal}
span.italic {font-style: italic}
span.Bold-Underline {font-weight: bold; text-decoration: underline}
span.ChevronAlign {top: -1px; position: relative;}

span.NoLinkComment {background-color: #ffffaa}
span.NoLinkComment:hover {background-color: #ffff80}

* html span.NoLinkComment {background-color: transparent}
* html span.NoLinkComment:hover {background-color: transparent}
/* Above conditional is because IE6 and below does not support :hover
	styles for spans so anchors have to be used in place of the spans
	in IE6 and below, using IE condfitional comments */

span.Comment {background-color: #ffffaa}

span.PrintOnly {display: none}

span.ScreenOnly {display: inline}


/* ________
Link styles
____________ */

a {color: #eb8700; font-weight: bold; text-decoration: none}
a:hover {color: #008000}

a.comment {background-color: #ffffaa}
a.comment:hover {background-color: #ffff80}

span.PopupNoteText a {font-weight: normal}
span.PopupNoteText a:hover {color: #eb8700; text-decoration: underline}
span.PopupNoteText a.bold {font-weight: bold}


a.NoFormattingComment {color: #333333; background-color: transparent;
	font-weight: normal}
a.NoFormattingComment:hover {color: #333333; text-decoration: underline}

a.BoldNoFormattingComment {color: #333333; font-weight: bold}
a.BoldNoFormattingComment:hover {text-decoration: underline}


/*	The following three anchor styles are used only by IE 5 and 6 (using condtional 
	comments), due to the that IE5 and 6 don't support :hover styles on spans */

a.NoLinkComment {color: #333; background-color: #ffffaa; font-weight: normal}
a.NoLinkComment:hover {color: #333; background-color: #ffff80; cursor: default}

a.NoLinkCommentBold {color: #333; background-color: #ffffaa}
a.NoLinkCommentBold:hover {color: #333; background-color: #ffff80; cursor: default}

a.NoLinkResponseAlertCommentBold {color: #9A0033; background-color: #ffffaa}
a.NoLinkResponseAlertCommentBold:hover {color: #9A0033; background-color: #ffff80}

p.Navigation a {color: #333; padding-left: 4px; padding-right: 4px;
	padding-top: 2px; padding-bottom: 2px}
p.Navigation a:hover {color: #ffffff; background-color: #626262}

p.Navigation a.NavUpArrow {padding-right: 14px; background-color: transparent;
	background-image: url('../images/UpArrow.gif');	background-repeat: no-repeat;
	background-position: right top}

p.Navigation a.NavUpArrow:hover {background-image: url('../images/UpArrowHover.gif');
	color: #ffffff; background-color: #626262}


/* _______
TABLE TEXT
__________ */

/* ______________________
Text in Transcript tables
_________________________ */

/* Use the following in conjunction with td.TranscriptLeft and td.TranscriptRight */
p.TranscriptLeft {text-align: left; font-weight: bold; margin-bottom: 16px}
p.TranscriptRight {margin-bottom: 11px}

/* For table text used for numbered list, see above under List Styles;
for table text used for numbered headings, use heading styles;
For text used in bordered (display) tables, see DisplayTables.css */