* {margin:0; padding:0; border:0 solid}
/* body * {position: relative} */

/* The leveller: If you want it add it */
body {color:#000; background:#EAE2F5; font:76%/150% verdana,helevetica,sans-serif; text-align:left}
/* From extensive experimentation 76% font size is the best size to start with */

h1  {font:bold 200%/150% georgia,times,serif}
h2  {font:bold 160%/150% georgia,times,serif}
h3  {font:bold 120%/150% georgia,times,serif}
h4  {font:bold 100%/150% georgia,times,serif}

acronym		{text-decoration:none; cursor:help}
a acronym {text-decoration:underline}
span.glossary {text-decoration:none; cursor:help}


a         {color:#000; text-decoration:none; padding:3px 1em}
a:visited {color:#000}
a:active,
a:focus,
a:hover   {color:#fff; background:#000}


#header							{color:#000; min-height:75px; _height:75px; background:url(../images/header5.jpg) top center}
#header h1					{text-align:left; padding:10px 0 0 1.2em; line-height:140%}
#header h1 acronym	{font-size:180%}
#header h1 span			{display:block; font:bold 60% verdana,sans-serif}
#header p						{color:#000; float:right; text-align:right}

#sitenav						{display:none}


#sessionnav						{display:none}


#content {text-align:left}

#content a	{text-decoration:none; border-bottom:1px solid #69c; padding:1px 2px}


/* content headings */
#pageheading		{color:#000; margin:2em auto; text-align:left}
#pageheading h1 {}
#pageheading blockquote	{margin:1em}
#pageheading p {font:110% 'comic sans ms',verdana, sans-serif; color:#000}
#pageheading p strong {font-size:120%; font-weight:normal; color:#000}

.ref									{color:#000; margin-right:0.5em}

.sessionname					{color:#000; margin-right:0.5em}
a.sessionname					{color:#000}
a.sessionname:visited	{color:#000}
a.sessionname:active,
a.sessionname:focus,
a.sessionname:hover		{color:#000}

.sectionname					{color:#000; margin-right:0.5em}
a.sectionname					{color:#000}
a.sectionname:visited	{color:#000}
a.sectionname:active,
a.sectionname:focus,
a.sectionname:hover		{color:#fff}

.itemname			{color:#000}
.timescale		{color:#000; text-align:right}
/* end content headings */

#content .box		{min-height:180px; float:left; width:100%; height:auto; background:#f7f0ff; margin:0 2% 3em 2%; border:2px solid #69c}
#content .box		{}
#content .left	{clear:left}
#content .right	{float:right}


#content .fullwidthbox						{width:100%; clear:left; background:#f7f0ff; margin:2em auto 3em auto; border:0px solid #69c}
#content .fullwidthbox img				{border:0px solid #69c}
#content .fullwidthbox li img			{border:0 solid}
#content .fullwidthbox img.left		{float:left; margin:1.5em 2em 1.5em 1.5em; _margin-bottom:0.5em}
#content .fullwidthbox img.right	{float:right; margin:1.5em 1.5em 1.5em 2em; _margin-bottom:0.5em}
#content .fullwidthbox hr.clear		{clear:both; height:1px; width:1px; visibility:hidden}
#content .fullwidthbox p.question	{font-weight:bold}
#content .fullwidthbox li					{margin:0 0 0 40px; padding:3px}
#content .fullwidthbox ul.answer	{color:#889}
#content .fullwidthbox li.rightanswer				{background:#f7f0ff; color:#000; font-weight:bold; padding-bottom:6px}
#content .fullwidthbox li.rightanswer	span	{display:block; margin:0.5em; font-weight:normal; padding-bottom:6px}
#content .fullwidthbox li.wrongoption				{}
#content .fullwidthbox li.notoption					{display:none}
#content .fullwidthbox hr	{clear:both; visibility:hidden}
#content .fullwidthbox blockquote	{width:80%; margin:0 auto}
#content .fullwidthbox acronym	{text-decoration:underline}

#content .thirdwidthbox     {text-align:center; width:100%; float:left; background:#fff; margin:2em 10px 3em 10px; border:2px solid #69c}
#content .thirdwidthbox img {border:0px solid #69c}
#content .thirdwidthbox hr	{clear:both; visibility:hidden}

#content .submitbox {text-align:center; width:100%; clear:both; background:#fff; margin:2em auto 3em auto}
#content .submitbox input {color:#000; background:#cbc; width:100%; margin:1em; font-size:large; border:2px outset #999}


#content h2	{margin:0.5em 2%; color:#000}
#content h3	{margin:0.5em 2%; color:#000}
#content h4	{margin:0.5em 2%; color:#000}
#content p	{margin:0.5em 2% 1em 2%}

#content ul,
#content ol,
#content dl	{margin:0 2% 1em 0}
#content ol li {margin:0 20px 1em 50px}
#content li {margin:0 20px 1em 40px}
#content dt {margin:0.5em 2% 0 2%; font-weight:bold}
#content dd {margin:0.5em 2% 2em 2%}


.ngflrequirement {font-weight:bold; color:#000}
.ngflwarningonly {font-weight:bold; color:#000}


#content table		{background:#fff; width:90%; text-align:center; border:1px solid #ccc; border-collapse:collapse; margin:0.5em auto 1.5em auto}
#content th,td		{border:1px solid #ccc; padding:2px 5px}
#content td				{vertical-align:top}
#content caption	{margin:1em auto 0.5em auto; font-weight:bold}


fieldset {background:#fff; padding:10px; border:1px solid #ccc; width:90%; margin:1em auto}
fieldset input	{vertical-align:middle}
fieldset ul			{padding:0 0 0.5em 0; list-style-type:none}
fieldset li			{margin-left:0; padding:0 0 0.5em 0; line-height:120%}


a.expandlink {color:#000}
a:active.expandlink,
a:focus.expandlink,
a:hover.expandlink {color:#000}



#returntomenu {display:none}

#footer						{display:none}

td.keepleft {text-align:left}



/* ------------- spacer example on text-equivalents decorative images --------------- */
#spacer-example {white-space:nowrap; float:right; padding:10px; margin:0 1em; border:1px solid #69c; width:100%;; background:#EEE1FF}
#spacer-example a         {padding:0; border:0; text-decoration:none}
#spacer-example a:hover   {background:#EEE1FF}
#spacer-example img       {border:0; padding:0; margin:10px 0}
#spacer-example img.img1  {margin-left:10px}
#spacer-example img.img2  {margin-right:10px}


.disclaimer {font:95%/150% arial,sans-serif; background:#f7f0ff; width:100%; clear:left; margin:0em auto 1em auto; border:1px solid #69c}

.sitemap {line-height:150%; width:100%; padding:20px; text-align:left; background:#f7f0ff; margin:1em auto; border:2px solid #69c}
.sitemap li {line-height:150%}

.todo {font-weight:bold; color:green;}


code {font:110%/150% arial,sans-serif}
.example {padding:10px; color:#000; background:#fcf7ff; width:100%; clear:left; margin:2em auto 3em auto; border:1px solid #69c}
.copyright {font:80%/150% arial,sans-serif; background:#f7f0ff; width:100%; clear:left; margin:2em auto; border:1px solid #69c}

input					{border:1px inset #999; padding:2px}
input.button	{border:1px outset #999; padding:1px 2px}


div.chkanswers            {background:#f0e7f7; width:100%; margin:1em auto 2em auto; border:1px solid #69c}
ol.chkanswers span        {display:block; margin:0.5em 4em 1.5em 4em}
ol.chkanswers em          {font-style:normal; color:#000}
ol.chkanswers strong      {color:#000}
ol.chkanswers li          {margin-top:2em; margin-bottom:2em}
ol.chkanswers li.rightchk {background:#f7f0ff; color:#000}

fieldset li input {border:0 solid}

.fullwidthbox fieldset				{background:#f0e7f7; width:100%; margin:3em auto}
.fullwidthbox fieldset ol li	{margin-bottom:3em}
