*               {margin: 0; padding: 0;}
body            {color: #000;background: #E8EADC;font-family: "Trebuchet MS",  Verdana, Lucida, Helvetica, Arial, sans-serif;font-size:18px}
h1              {font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;}
h2,h3,h4,h5,h6  {font: bold 1.0em Georgia, serif}
h1              {color:#00055F;font-size:1.4em}
h2              {color:#00055F;font-size:1.3em;margin-bottom: 0.3em;}
h3              {color:#00055F;font-size:1.2em;margin: 0.2em 0 0.2em; 0}
h4              {color:#00055F;font-size:1.1em;margin: 0.3em 0 0.3em; 0}
pre             {color:black; font-family:"Lucida Console", Courier;background-color:white;padding:3px;margin:4px 0 4px 6px;border:1px solid black;font-size:0.7em}
a:link          {text-decoration: none;     color:#306FBC;font-weight: bold;}
a:visited       {text-decoration: none;     color:#306FBC;font-weight: bold;}
a:hover         {text-decoration: underline;}
ul              {list-style: none;}
ol              {list-style: decimal;}
p               {font-size:1em;line-height:1.3;margin: 0.5em 0em 0.3em 0em;}
pre.code        {font-size:0.7em}
pre.smcode      {font-size:0.5em}
em              {font-weight:bold;font-style:italic}
table           {margin-top:0.4em;cell-spacing:4%;border-collapse:collapse;border: 1px solid brown;background-color:white;}
td              {border: 1px solid brown; padding: 0.2em; vertical-align:baseline}
td.num          {text-align:right;}
th              {text-align:center;font-weight:bold;border: 1px solid brown; padding: 0.2em;vertical-align:baseline}
p.figure        {text-align:center}
p.figuretitle   {text-align:center;color:#005500}
div.figuretitle {color:#005500}
div.figure   {text-align:center;border:none}

p.note          {font-size:0.85em;color:green}
em.default      {color:maroon;font-style:normal;font-weight:normal}
em.code         {font-family:"Lucida Console";font-style:normal;font-weight:normal;color:green}
em.own          {color:blue;font-style:normal;font-weight:normal}
em.element      {font-family:"Lucida Console";font-style:normal;font-weight:normal;}
svg             {width:100%}
h1#logo         {color: white;display:inline-block;font-size:1.2em;letter-spacing:1px }
#header         {background: #5D82AF ;clear: both;border-bottom: 1px solid #35649B;}

ul#localnav                        {background:#3245A6;;display:block}
ul#localnav li                     {display: inline-block;font-size:0.8em; font-family:Georgia, serif}
ul#localnav li a:link              {color: #fff;background: #3245A6 url(header-li.gif) no-repeat right bottom;padding: 0 10px;display: inline-block;float: left;line-height: 2.5em;}
ul#localnav li a:visited           {color: #fff;background: #3245A6 url(header-li.gif) no-repeat right bottom;padding: 0 10px;display: inline-block;float: left;line-height: 2.5em;}
ul#localnav li.selected a:link     {background: #7E9BBF url(imgs/header-li-highlight.gif) repeat-x 0 0;border: solid 1px #325785;border-width: 0 1px;}
ul#localnav li.selected a:visited  {background: #7E9BBF url(imgs/header-li-highlight.gif) repeat-x 0 0;border: solid 1px #325785;border-width: 0 1px;}
ul#globalnav                       {background: #00055F;display:block}
ul#globalnav li                    {display: inline-block;font-size:1.0em; font-family:Georgia, serif;}
ul#globalnav li a:link             {color: #fff;background: #00055F url(header-li.gif) no-repeat right bottom;padding: 0 10px;display: inline-block;float: left;line-height: 2.5em;}
ul#globalnav li a:visited          {color: #fff;background: #00055F url(header-li.gif) no-repeat right bottom;padding: 0 10px;display: inline-block;float: left;line-height: 2.5em;}
ul#globalnav li.selected a:link    {background: #7E9BBF url(imgs/header-li-highlight.gif) repeat-x 0 0;border: solid 1px #325785;border-width: 0 1px;}
ul#globalnav li.selected a:visited {background: #7E9BBF url(imgs/header-li-highlight.gif) repeat-x 0 0;border: solid 1px #325785;border-width: 0 1px;}
#main                   {width:100%;padding:10px;}
#sidebar                {width:180px;float:left;margin-bottom:10px}
#content                {margin: 0 50px 0 200px;padding: 10px 0 0 20px;}
#footer                 {color: #fff;background: #00055F;text-align: center;padding: 15px 0;clear: both;line-height:1.4;margin-top:10px}
#content ul             {margin: 0 0 1em 2em;list-style: square;}
#content ol             {margin: 0 0 1em 2em;}
#content dt             {font: 1.2em Georgia, serif;color:#00055F}
#content li             {margin: 0 0 0.5em 0;}
#content li.selected a  {background-color: #cde2a7;border-bottom: #cde2a7 1px solid;color: #578308;}
table                   {font-size: 100%;}
a                       {text-decoration: none;color: #436976;background-color: transparent;}
img                     {border: none;vertical-align: middle;}
p a                     {text-decoration: underline;}
p a:visited             {color: Purple;background-color: transparent;}
p a:active              {color: Red;background-color: transparent;}
p img                   {border: 0;margin: 0;}
hr                      height: 1px;color: #8cacbb;background-color: transparent;clear:both}
#sidebar h5             {color: #878B57;text-transform: uppercase;letter-spacing: 0.1em;width: 150px;}
#sidebar ul li.s1       {margin:4px 0 0 4px;font-size:80%}
#sidebar ul li.s2       {margin:6px 0 0 6px;font-size:70%}
#sidebar ul li.s3       {margin:4px 0 0 8px;font-size:60%}

div#map *                            {margin: 0; padding: 0;}
div#map {margin-left:20px;margin-top:20px;background: #5D82AF;border:2px solid cyan }
div#map a:link            {text-decoration: none;color:white;font-weight: bold;}
div#map a:visited         {text-decoration: none;color:white;font-weight: bold;}
div#map a:hover           {text-decoration: underline;}

div#map > div.level1  {margin-left:2px;margin-top:20px;font-size: 14px;line-height: 1.1;letter-spacing: 3px;    color:white}
div#map > div.level1 > a {color:white;font-size:16px;margin-left:10px;margin-bottom:10px;padding-top:10px;}
div#map div.flex {display: flex;flex-flow: row wrap;align-items: flex-start;align-content: flex-start;}
div#map div.flex{margin-left:20px}
div#map div.level2 {flex: 0 1 auto; width:110px;padding: 5px;border:1px solid white;margin:3px;background:#3245A6;text-align:center}
div#map div.level2 > a {font-size:13px}

img {padding:10px}
ul#contents li a {color: #306FBC}
#mobcontent {margin: 0 50px 0 20px;padding: 10px 0 0 20px;min-width:200px}
body{color: #000;background: #E8EADC;font-family: "Trebuchet MS", Arial, sans-serif;min-width:200px;font-size:18px}
img#nav-trigger {display:none;cursor:pointer;padding:10px;} 
img#nav-trigger:hover {background-color:#4769a3}
div#nav-mobile {display:block}
div#nav-mobile-ul {display:none;padding-left:0;padding-right:0;width:100%;margin:0;text-align:left;background-color:#13243e}
div#nav-mobile a {padding:0} 
div#nav-mobile a:hover { background-color:#4769a3;color:#fff}
div#nav-mobile-ul {max-height: 1px;opacity: 0;overflow: hidden;transition: max-height 1s linear 0s;}

@media all and (max-width:1260px)
{
ul#globalnav li    {font-size:0.8em; font-family:Georgia, serif;}
body            {font-size:17px}

}

@media all and (max-width:900px)
{
img#nav-trigger {display:inline-block}
ul#globalnav    {display:none}
ul#globalnav li {display:none}
ul#localnav     {display:none}
ul#localnav  li {display:none}
img#logo        {display:none}
div#sidebar     {width:120px;float:left;margin-bottom:10px}
div#content     {margin: 0 50px 0 140px;padding: 10px 0 0 20px;}
body            {font-size:16px}
}