/* New version */
html {
color: #000;
background-color: #fff;
}
body {
font-size: 12pt;
font-style: normal;
font-family: arial, verdana, sans-serif;
color: #000;
background-color: #fff;
margin: 0px;
border: 0px;
padding: 0px;
min-width: 600px;
}

h1 {font-size: 19pt;}
h2 {font-size: 16pt;}
h3 {font-size: 14pt;}
h4 {font-size: 12pt; font-weight: bold;}

em {
font-style: italic;
font-weight: bold;
}
strong {
font-style: normal;
font-weight: bold;
}

/* Limited use, for equations, etc. Serif fonts tend to be smaller than san-serif,
 hence larger than normal font size. */
var {
font-size: 14pt;
font-style: normal;
font-family: "Times New Roman", Courier, Garamond, serif;
font-weight: bold;
}

.Quotation {margin-left: 25px; margin-right: 20px;}

dl.BasicDefs dt {font-weight: bold; margin-top: 0.5em;}
dl.BasicDefs dd {font-weight: normal;}

body.MainBgd {
background: #ccc url(/img/graphgrey1.jpg) top left repeat;
min-height: 1000px;
}

div#MenuBlock {
/*float: left;*/
position: absolute;
width: 10em;
min-width: 161px;
margin: 0px 1px 0px 0px;
border: 0px none;
padding: 0px 24px;
}

div#Menu2 {
width: 8.6em;
margin: 0px 0px 0px 12px;
padding: 0px;
}

div#Menu2 ul {
list-style-type: none;
margin: 0px;
border:0px none;
padding: 0px;
}
div#Menu2 li {
margin: 1px;
border: 1px solid #666;
padding: 0px;
font-size: 10pt;
font-weight: bold;
}
div#Menu2 li.ml1a {
padding: 2px 4px;
background-color: #f30;
}

div#Menu2 a {
display: block;
text-decoration: none;
background-color: #fff;
color: #000;
margin: 0px;
border: 0px none;
padding: 2px 4px;
}

div#Menu2 a:link    {color: #36c;}
div#Menu2 a:visited {color: #36c;}
div#Menu2 a:active  {color: #c00;}
div#Menu2 a:hover   {color: #36c; background-color: #fff0f0;}

div#Menu2Hdg {
margin: 8px 0px 6px 0px;
border: 0px none;
padding: 0px;
}

div#Menu2Hdg img {
display: block;
}

div#ContentBlock {
min-width: 400px;
width: 33.8em;
margin: 0px 0px 0px 10em;
border: 1px solid #fff;
padding: 0px 31px 20px 31px;
background-color: #fff;
}

.Col1 {
margin-left: 60px;
width: 40em;
min-width: 380px;
border: 0px;
padding: 2px 20px 25px 20px;
text-align: left;
background-color: #fff;
color: #000;
}

/* Standard one column formatting */

div.Col1Std > p,
div.Col1Std > dl {
text-align: justify;
max-width: 36em;
padding-left: 16px;
}
div.Col1Std > table {
margin-left: 16px;
}

.Col1Std h3 {
margin-bottom: 0px;
}
.Col1Std h3 + p {
margin-top: 0px;
}
.Col1Std h4 {
margin-left: 12px;
margin-bottom: 0px;
border-left: 36px solid #cde;
padding-left: 6px;
}
.Col1Std h4 + p {
margin-top: 0px;
}

.Col1Std strong {
color: #993333;
}

.Table1 {border-collapse: collapse; margin-bottom: 12pt; font-size: 12pt;}
/*.Table1 tr {padding: 6pt;}*/
.Table1 th {text-align: center; vertical-align: top; border: 2px solid #666; padding: 6pt 10pt; background-color: #fff8dc;}
.Table1 td {text-align: left; vertical-align: top; border: 2px solid #666; padding: 6pt 10pt;}
.Table1 td p {text-align: left;}
.Table1 caption {caption-side: top; text-align: center; font-size: 14pt; padding: 2pt;}
.Table1 .Cheading {font-size: 14pt; font-weight: bold;}

/* POAE outlines */
.Outline {border-collapse: collapse; margin-bottom: 12pt;}
/*.Outline tr {padding: 6pt;}*/
.Outline th {text-align: center; vertical-align: top; border: 2px solid #668; padding: 6pt 10pt; background-color: #eef;}
.Outline td {text-align: left; vertical-align: top; border: 2px solid #668; padding: 6pt 10pt;}
.Outline caption {caption-side: top; text-align: center; font-size: 14pt; padding: 2pt;}
.Outline ul {margin: 0px; padding: 0px 0px 0px 6pt;}

/* Obtaining results */
.ResultsTable {border-collapse: collapse; margin-bottom: 12pt;}
/*.ResultsTable tr {padding: 6pt;}*/
.ResultsTable th {font-size: 12pt; text-align: center; vertical-align: top; border: 2px solid #666; padding: 6pt 10pt; background-color: #efe;}
.ResultsTable td {font-size: 10pt; text-align: center; vertical-align: top; border: 2px solid #666; padding: 6pt 10pt;}

.HorizTable {border-collapse: collapse; margin-bottom: 12pt;}
/*.HorizTable tr {padding: 6pt;}*/
.HorizTable th {font-size: 12pt; font-weight: bold; text-align: left; vertical-align: top; border-top: 1px solid #999; padding: 6pt 10pt;}
.HorizTable td {font-size: 12pt; font-weight: normal; text-align: left; vertical-align: top; border-top: 1px solid #999; padding: 6pt 10pt;}
.HorizTable ul {margin: 0px; padding: 0px 0px 0px 6pt;}
.Outline caption {caption-side: top; text-align: center; font-size: 14pt; padding: 2pt;}


.HeadList li {font-weight: bold;}
.HeadList li li {font-weight: normal;}

.Footer {
clear: both;
font-size: 9pt;
margin-left: 36px;
padding: 20px 10px;
}

/* Contents */
#PageContents ol {
font-weight: bold;
}
#PageContents ol ol {
font-weight: normal;
}

.ContentLink {
float: right;
text-align: right;
list-style: none;
margin-left: 1em;
border: 1px dashed #ccc;
padding: 2px;
}

#PageTitle {
text-align: center;
margin-top: 2px;
}

.SectionTitle {
background-color: #006;
color: #fff;
margin-top: 32pt;
padding: 4pt 4pt 4pt 16pt;
}

.SectionTitleNarrow {
background-color: #006;
color: #fff;
padding: 4pt 4pt 4pt 16pt;
}

.PageSubTitle {
text-align: center;
}

/* Plan */
body.BgdPlan {
background: #fff url(img/side_plan.gif) top left repeat-y;
color: #000;
}

/* Obtain */
body.BgdObtain {
background: #fff url(img/side_obtain.gif) top left repeat-y;
color: #000;
}

.ResultsFormat {
margin-left: 20px;
padding-left: 10px;
border-left: thin dashed #666;
}

table#TimeUnitExamples {margin-left: auto; margin-right: auto;}

/* Analyse */
body.BgdAnalyse {
background: #fff url(/img/side_analyse.gif) top left repeat-y;
color: #000;
}

/* Evaluate */
body.BgdEvaluate {
background: #fff url(/img/side_evaluate.gif) top left repeat-y;
color: #000;
}

/* Examples */
body.BgdExamples {
background: #fff url(/img/side_examples.gif) top left repeat-y;
color: #000;
}
body.BgdPendulum {
background: #fff url(/img/side_pendulum.gif) top left repeat-y;
color: #000;
}

/* Glossary */
body.BgdGlossary {
background: #d4d0c8 url(/img/side_glossary.gif) top left repeat-y;
color: #000;
}

/* IT */
body.BgdIT {
background: #fff url(/img/side_it.gif) top left repeat-y;
color: #000;
}

/* Reference */
body.BgdReference {
background: #fff url(/img/side_reference.gif) top left repeat-y;
color: #000;
}

div#ATW {
margin-top: 25px;
border-top: 1px dashed #999;
}

/* Site map */
.SiteMap li {
font-weight: bold;
margin-bottom: 6pt;
}

.SiteMap li li {
font-weight: normal;
margin-bottom: 2pt;
}

.HorizontalList li {
display: inline;
}

/*Plain links*/
a:link {color: #309}
a:visited {color: #90c}
a:active {color: #c00}
a:hover {color: #36c; text-decoration: none}

/*Main menu*/

.divm1 {
margin: 0px;
border: 0px none;
padding: 0px;
background-color: #001;
color: #fff;
}
.trail {
margin: 0px;
border-bottom: 2px solid #000;
padding: 3px 20px;
font-size: 10pt;
background-color: #fff;
}

.menu1 a:link    {color: #fff; text-decoration: none;}
.menu1 a:visited {color: #ffe; text-decoration: none;}
.menu1 a:hover   {color: #f30; text-decoration: none;}
.menu1 a:active  {color: #f60; text-decoration: none;}

/*Table based menu*/
table.menu1 {
border-collapse: collapse;
margin: 0px 0px 0px 40px;
border: 0px;
}
table.menu1 tr {
}
table.menu1 td {
text-align: center;
vertical-align: middle;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
padding: 2px .6em;
}

table.narrowmenu td {
padding: 2px 4px;
}

/*Para based menu*/
#PageMenu {
margin: 0px;
border: 0px;
padding: 4px;
text-align: right;
}


/*link, normal background colour*/
.mh1 {
background-color: #222;
font-weight: bold;
padding: 4px;
}
/*Alternate background colour, no link*/
.mh1a {
color: #000;
background-color: #f30;
font-weight: bold;
padding: 4px;
}

/* Home page */

div#HContentBlock {
width: 29em;
min-width: 400px;
max-width: 57%;
margin: 4px 0px 4px 10em;
/*border: 2px solid #666;*/
padding: 16px 32px 20px 32px;
/*background-color: #ffd;*/
background-color: #f8f8f8;
color: #000;
}

h2#HTitle {
margin-top: 0px;
margin-bottom: 0px;
color: #000;
}
div#HContentBlock h4 {
margin-bottom: 0px;
color: #444;
}
div#HContentBlock p {
text-align: justify;
}
div#HContentBlock .HClose {
margin-top: 0px;
}
div#HContentBlock strong {
font-style: normal;
font-weight: bold;
color: #603;
}

div#HContentBlock a:link {color: #36c; text-decoration: none;}
div#HContentBlock a:visited {color: #36c; text-decoration: none;}
div#HContentBlock a:active {color: #c00; text-decoration: none;}
div#HContentBlock a:hover {color: #36c; background-color: #fff0f0; text-decoration: none;}