/* The styles are declared below in four groups:
	The first group is for the global and html styles.
	The second group is for the menu styles used
		on the left side of the page. These have
		font sizes declared in pixels for greater
		control.
	The third group is for the content styles used
		on the right side of the page. These have
		fonts declared in points because they render
		more evenly spaced on some browsers.
	The fourth group is for classes used in
		the page footer or credit block.  These 
		classes also have fonts declared in pixels.
	*/


/* SECTION ONE, GLOBAL AND HTML STYLES 
	The first group is for the global and html styles.
	*/

title { text-transform: uppercase;}

body {background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000044;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height:11pt;
	font-style: normal;
	font-weight: 500;
	color: #000044; /* This
	font color must be used in block structures 
	with a declared and contrasting background.
	*/
	text-decoration: none;
}
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height:11pt;
	font-style: normal;
	font-weight: 500;
	color: #000044;
	text-align: justify;
	text-indent: 30px;
	margin-top:7px;
	margin-right:0px;
	margin-bottom:7px;
	margin-left:0px;
	padding:0px;
}
.register {
	text-indent: 0px;
	text-align: justify;
	margin-top: 12px;
	margin-bottom: 12px;
	}
.regSmal {
	font-size: 8pt;
	}
.regBold {
	font-weight: 600;
	}
.regItal {
	font-style: italic;
	}
.regLarg {
	font-size: 10pt;
	}
.fedCode	{
	text-indent: 0px;
	text-align: justify;
	}
.indent1	{
	text-indent: 20px;
	}
.indent2	{
	text-indent: 40px;
	}
.indent3	{
	text-indent: 60px;
	}
.indent4	{
	text-indent: 80px;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: 13pt;
	font-weight: 600;
	font-variant: normal;
	color: #5050A0;
	text-decoration: none;
	letter-spacing: .05em;
	text-align: center;
	margin-bottom:10px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 18px 0px 0px 0px;
	}
.subH2 {
	font-size: 12px; 
	font-weight:600;
	}
hr {
	width: 100%;
	height:1px;
	border-style:none;
	background-color:#5050A0;
	color:#5050A0;
	margin-bottom: 20px;
	}
div.treatyBlock {
	background-color: #5050A0;
	padding-bottom: 2px;
	padding-top: 0px;
	margin-left: -15px;
	margin-right: -20px;
	margin-top: 0px;
	}
div.treatyBlank {
	background-color: #5050A0;
	padding-bottom: 0px;
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 0px;
	height: 8px;
	}
div.treatyTitle {
	color: #FFFFFF;
	font-size:6pt;
	line-height: 7pt;
	font-weight: 500;
	letter-spacing: .12em;
	word-spacing: .3em;
	text-align:center;
	/* margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; */
	margin: 0px;
	}
.newsItem {
	margin: 0px 0px 12px 0px;
	font-size: 12px;
	line-height: 14px;
	color: #000044;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.newsLeader {
	font-weight: 600;
	font-size: 26px;
	line-height: 24px;
	margin: 0px 0px 4px 0px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5050A0;
	}
a.newsLeader {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	margin: 10px 10px 4px 0px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5050A0;
	text-decoration: none;
	}
a.newsLeader:hover {
	text-decoration: underline;
	}
.newsText {font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 15px;
	}
.newsSubText {font-size: 10px;
	line-height: 12px;
	letter-spacing: .03em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}
h2.majorSubHeading {
	font-size: 14px; 
	font-weight:500; 
	text-align:center; 
	color:#000044;
	}
h2.leftMajorSub {
	font-size: 14px; 
	font-weight:500; 
	text-align:left; 
	margin-left:15px;
	color:#000044;
	letter-spacing: .02em;
	}
h2.minorSubHeading {
	font-size: 12px; 
	font-weight:500; 
	text-decoration:underline; 
	text-align:left; 
	margin-left:15px;
	color:#000044;
	}
h2.centerMinorSub {
	font-size: 12px; 
	font-weight:500; 
	text-decoration:underline; 
	text-align:center; 
	margin-left:15px;
	color:#000044;
	}
h4 {
	font-size: 13px; 
	font-weight:600; 
	text-decoration:none; 
	text-align:left; 
	margin-left:0px;
	color:#000044;
	}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:12pt;
	font-style: normal;
	font-weight: 500;
	color: #000044;
	}
tr { 
	/* unless declared otherwise */
	vertical-align: top;
	}
td.regulations	{
	padding-bottom: 6px;
	}
table.chemicals {
	border-width: 1px;
	border-color: #5050A0;
	}
ol {
	list-style-type:upper-alpha;
	}
ul.primary {	
	padding:0px;
	margin-right:15px;
	margin-left:15px;
	margin-top:7px;
	margin-bottom:7px;
	text-indent:0px;
	text-align:justify;
	list-style-type:none;
	}
ul.secondary {	
	padding:0px;
	margin-right:0px;
	margin-left:0px;
	margin-top:7px;
	margin-bottom:7px;
	text-indent:30px;
	text-align:justify;
	list-style-type:none;
	}
ul.tertiary {	
	padding:0px;
	margin-right:0px;
	margin-left:60px;
	margin-top:7px;
	margin-bottom:7px;
	text-indent:0px;
	text-align:justify;
	list-style-type:none;
	}
ul.quaternary {	
	padding:0px;
	margin-right:0px;
	margin-left:30px;
	margin-top:7px;
	margin-bottom:7px;
	text-indent:0px;
	text-align:justify;
	list-style-type:none;
	}
li {
	padding-bottom:4px;
	padding-top:4px;
	}
.term {
	color: #5050A0;
	font-size:10pt;
	line-height:12pt;
	}
.tinyLink { 
	/* A small light gray page link, hovers in white. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: 9pt;
	font-weight: 500;
	font-variant: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing: .11em;
	text-align: center;
	text-transform: uppercase;
	}
a.tinyLink:hover {color: #FFFFFF;
	text-decoration: underline;
	}
.tinyBlue { 
	/* A small blue link. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: 9pt;
	font-weight: 500;
	font-variant: normal;
	color: #000044;
	text-decoration: none;
	letter-spacing: .11em;
	text-align: center;
	text-transform: uppercase;
	}
a.tinyBlue:hover {color: #000044;
	text-decoration: underline;
	}
.featureText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: center;
	line-height: 12px;
	color: #EEEEEE;
	letter-spacing: .10em;
	text-indent: 0;
	}
.featureLink { 
	/* A small light gray page link, hovers in white. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 12px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .12em;
	text-align: center;
	cursor: pointer;
	}
a.featureLink:hover {color: #FFFFFF;
	text-decoration: underline;
	}

.heavyLink { 
	/* A small light gray page link, hovers in white. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 11px;
	font-weight: 700;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .12em;
	text-align: center;
	cursor: pointer;
	}
a.heavyLink:hover {color: #FFFFFF;
	text-decoration: underline;
	}




/* SECTION TWO, LEFT SIDE MENU STYLES
	The second group is for the menu styles used
		on the left side of the page. These have
		font sizes declared in pixels for greater
		control.
	Legend of class prefixes:
	r = red menu class
	rs = red sub menu class
	gs = gray sub menu class
	dgs = dark gray sub menu class (not used)
*/

.menuHeader {
	/* inline class used in a span tag or an anchor tag
	as a white title at the top of a menu box */

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .10em;
	text-align: right;
	}
a.menuHeader:hover {
	text-decoration: underline;
	}

/* --------------------- */

.rMenuBox	{ border:0px;
	padding-bottom:25px;
	padding-left:8px;
	padding-right:8px;
	padding-top:20px;
	text-align:right;
	}
.rMenuLineSpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	line-height: 6px;
	color: #FFFFFF;
	}
.rMenuLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: 500;
	font-variant: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing: .10em;
	text-align: right;
	cursor: pointer;
	}
.rMenuLinkDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .10em;
	text-align: left;
	}
a.rMenuLink:hover {color: #FFFFFF;
	text-decoration: underline;
	}


.rsMenuBox {border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	padding-bottom:8px;
	padding-left:4px;
	padding-right:4px;
	padding-top:6px;
	text-align:right;
	}
.rsEmptyMenuBox {border-color:#EEEEEE;
	background-color: #EEEEEE;
	border-style:solid;
	border-width:1px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	text-align:right;
	margin-right: -6px;
	}

/* ----------------------- */

.rsMenuLineSpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	line-height: 6px;
	color: #FFFFFF;
	}
.rsMenuLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: 500;
	font-variant: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing: .11em;
	text-align: right;
	cursor: pointer;
	}
.rsMenuLinkDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .11em;
	text-align: left;
	}
a.rsMenuLink:hover {color: #FFFFFF;
	font-weight:500;
	text-decoration: underline;
	}

/* -------------------------------- */

.gsMenuBox	{ border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	padding-bottom:8px;
	padding-left:4px;
	padding-right:4px;
	padding-top:6px;
	text-align:right;
	background-color:#555557;
}
.gsEmptyMenuBox { border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	text-align:right;
	background-color:#555557;
}
.gsMenuLineSpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3px;
	line-height: 5px;
	color: #FFFFFF;
}
.gsMenuSmallLineSpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	line-height: 4px;
	color: #FFFFFF;
}
.gsMenuLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 11px;
	font-weight: 500;
	font-variant: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing: .11em;
	word-spacing: -.2em;
	text-align: right;
	cursor: pointer;
}
.gsMenuLinkDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 11px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .11em;
	text-align: left;
}
a.gsMenuLink:hover {color: #FFFFFF;
	font-weight:500;
	text-decoration: underline;
}

/* ---------------------------------- */

.dgsMenuBox	{ border-color:#FFFFFF;
	border-style: none;
	border-width:1px;
	padding-bottom:8px;
	padding-left:4px;
	padding-right:10px;
	padding-top:6px;
	text-align:right;
	background-color:#555557;
}
.dgsMenuLineSpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	line-height: 6px;
	color: #FFFFFF;
}
.dgsMenuSmallLineSpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	line-height: 4px;
	color: #FFFFFF;
}
.dgsMenuLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	font-weight: 500;
	font-variant: normal;
	color: #CCCCCC;
	text-decoration: none;
	letter-spacing: .07em;
	word-spacing: -.2em;
	text-align: right;
	cursor: pointer;
}
.dgsMenuLinkDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .11em;
	text-align: left;
}
a.dgsMenuLink:hover {color: #FFFFFF;
	font-weight:500;
	text-decoration: underline;
}



/* SECTION THREE, RIGHT SIDE CONTENT STYLES
	The third group is for the content styles used
		on the right side of the page. These have
		fonts declared in points because they render
		more evenly spaced on some browsers.
	*/



.sectionTitle {
	/* inline class */
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	font-style: normal;
	line-height: 19px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .09em;
}
.pageTitle { 
	/* inline class */
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	font-style: normal;
	line-height: 20px;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .12em;
}
.pageTitleBlock {
	/* block class */
	padding-left: 49px;
	padding-right: 53px;
	padding-top: 20px;
	padding-bottom: 16px;
	text-align:left;
}
.topicBlock {
	/* block class */
	background-color: #5050A0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: 500;
	font-variant: normal;
	color: #000044;
	text-decoration: none;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	padding: 8px;
	/* width:569px; */
}
.textBlock {
	/* block class */
	background-color: #5050A0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: 500;
	font-variant: normal;
	color: #000044;
	text-decoration: none;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding: 8px 8px 8px 8px;
	
	/* width:569px; */
}
.topicTitle {
	/* block class, use with 'h2' tag */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-style: normal;
	line-height: 20pt;
	font-weight: 500;
	font-variant: normal;
	color: #5050A0;
	text-decoration: none;
	letter-spacing: .05em;
	text-align: left;
	margin-bottom:10px;
	margin-left: 45px;
	margin-right: 20px;
	margin-top: 12px;
}
.illuminatedLetter	{
	font-family: Georgia, "Times New Roman", Times, serif; /*  Century Gothic, Arial, Helvetica, sans-serif */
	font-size:18pt;
	line-height:20pt;
	font-weight:500;
	letter-spacing: .0em;
	color: #5050A0;
	}
.floatImage {
	float:right;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	}
.featureBlock {
	/* a white block to go inside a blue topic or text block
	 */
	background-color:#FFFFFF;
	padding: 0px 15px 15px 15px;
	text-align: justify;
	/* width:554px; */
	/* margin: 8px; */
}
.noPadding {
	padding-bottom:0px;
	padding-left:15px;
	padding-right:5px;
	padding-top:0px;
	text-align:left;
	}
.noIndent P {
	text-indent:0px;
	}
/* .colTwo {
	width:75%;
	padding-top:5px;
	}
.colOne {
	width:25%;
	padding-top:5px;
	} */
.topicLink {
	/* inline and used for links inline with text. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: 600;
	font-variant: normal;
	color: #5050A0;
	text-decoration: none;
	letter-spacing: .015em;
	cursor: pointer;
}
a.topicLink:hover {
	text-decoration: underline;
}
.dummyLink {
	/* inline and used for links inline with text. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: 600;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .015em;
}
.subTopicLink {
	/* inline and used for links inline with text. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 12pt;
	font-weight: 600;
	font-variant: normal;
	color: #000044;
	text-decoration: none;
	padding-left:40px;
	cursor: pointer;
}
a.subTopicLink:hover {
	text-decoration: underline;
}
.topLink {
	/* These are the little white links that
	return you to the top of the page.
	They contain block and inline styles combined.
	When used they must be called from inside the 
	'td' tag for block qualities and inside the
	'a' tag for inline qualities.
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: 500;
	font-variant: normal;
	color: #EEEEEE;
	text-decoration: none;
	letter-spacing: .12em;
	margin-left:12px;
	margin-right:12px;
	cursor: pointer;
}
a.topLink:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.topLinkBlock {
	text-align:center;
	vertical-align:top;
	height:15px;
	color:#EEEEEE;
	}


/* SECTION FOUR, FOOTER STYLES
	The fourth group is for classes used in
	the page footer or credit block.  These 
	classes also have fonts declared in pixels.
	*/

.photoCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-weight: 500;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: .2em;
	text-align: Center;
	margin:2px;
	}
.creditBlock {
	background-color:#990002;
	margin-bottom: 8px;
	margin-left: 170px;
	margin-right: 8px;
	margin-top: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	}
.creditText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: 9pt;
	font-weight: 500;
	font-variant: normal;
	color: #EEEEEE;
	text-decoration: none;
	}
.creditTextLink { 
	/* A small blue link. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 9pt;
	font-weight: 700;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	}
a.creditTextLink:hover {
	text-decoration: underline;
	}
.topLinkBlue {
	/* Same as above in blue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: 500;
	font-variant: normal;
	color: #000044;
	text-decoration: none;
	letter-spacing: .12em;
	text-align:right;
	vertical-align:top;
	background-color:#FFFFFF;
}
a.topLinkBlue:hover {
	text-decoration: underline;
}
.topLinkBlueBlock {
	background-color:#FFFFFF;
	margin-bottom: 15px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 1px;
	padding-top: 0px;
	}
.tinyBlueLink { 
	/* A small blue link. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	line-height: 8pt;
	font-weight: 700;
	font-variant: normal;
	color: #5050A0;
	text-decoration: none;
	}
a.tinyBlueLink:hover {
	text-decoration: underline;
	}
span.codedirection{unicode-bidi:bidi-override; direction: rtl;}