/* style.css - a simple style sheet */


* html {overflow:hidden;}

*html body {
  color: black; background: white; font-family: sans-serif; overflow-y:auto; height:100%;
}


#container {
  width:100%; 
  color: black; background: white; font-family: sans-serif;
  position:fixed;
  top:65px;
  left:0;
  bottom:22px; 
  overflow: auto; 
  background:#fff;
  padding-top:30px;
  border-bottom:1px solid black;
  }


#header {z-index:1;
  position:fixed;
  top:0; 
  left:0; 
  width:100%; 
  height:40px; 
  overflow:none; 
  background: #53829d;
  padding-top:5px;
  border-bottom:1px solid black;
  }
* html #header {position:absolute}

#header2 {z-index:1;
  position:fixed;
  top:45px; 
  right:0px; 
  width:400px; 
  height:60px; 
  overflow:none; 
  }
* html #header2 {position:absolute}


#menubar { z-index:1;
  position:fixed;
  top:40px; 
  left:0; 
  width:100%; 
  height:25px; 
  overflow:visible; 
  background: #fff;
  }
* html #menubar {position:absolute;}

#footer { z-index:1;
  position:fixed;
  bottom:0; 
  left:0;
  width:100%; 
  height:20px; 
  overflow:auto; 
  text-align:right; 
  background:#73a2bd;
  border-top:2px solid #53829d;
  border-bottom:2px solid #53829d;
  }
* html #footer {position:absolute;}


h1 {   font-family: sans-serif; font-weight: bold; font-size: 110%;
  margin-left: 6%; margin-right: 6%;
  text-align: left; color: #660000;
  padding: 0.5em;
  }



h3 {   font-family: sans-serif; font-weight: bold; font-size: 80%; margin-left: 10%; margin-right: 10%;
  text-align: left;
  padding: 0.1em;  
  }

h4 {font-family: sans-serif; font-weight: bold; font-size: 90
  text-align: center;
  padding: 0px;
  }

h5 {   font-family: sans-serif; font-weight: bold; font-size: 80%; margin-left: 10%; margin-right: 10%;
  text-align: left;
  padding: 0em;  
  }

p { margin-left: 10%; ; margin-right: 10%; color: black; font-size: 90%;}

acronym {  font-family: sans-serif; color: #660000; text-decoration: none;}

p.sum{ margin-left: 10%; ; margin-right: 10%; color: black; font-size: 90%;
  border: solid;
  color: black;
  background: #73a2bd;
  padding: 0.5em;}

p.sum2{ margin-left: 1%; ; margin-right: 1%; color: #000066;}

b.wgc { font-family: sans-serif; font-weight: bolder; color: #660000;}


ul.hl
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}



a.hl
{
float:left;
width:6em;
text-decoration:none;
color:white;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a.hl:hover {background-color:#ff3300}
li.hl {display:inline}




div.summary {
  background: rgb(240,240,235);  padding: 0.1em; margin-left: 3%; margin-right: 3%;
  }

div.summary2 { font-family: sans-serif; font-size: 9px;
  background: rgb(240,240,235);  padding: 0px; margin-left: 12%; margin-right: 12%;  border: 1px solid;
  color: black;
  }
table.tb1{
  margin-left: 10%; margin-right: 3%;
  }

td.tabs {
  background: rgb(240,240,235);   margin-left: 3%; margin-right: 3%;
  color: black; font-size: 70%;
  }



:link { color: rgb(0, 0, 153) }  /* for unvisited links */
  a.plain { text-decoration: none }
  a:hover { color: rgb(0, 60, 255) } /* when mouse is over link */


div.email1
{
  position:absolute;
  left:10px;
  bottom:2px;
  font-family: sans-serif; font-size: 12px; color: black; font-weight: bold;
}
div.date1
{
  position:absolute;
  right:10px;
  bottom:2px;
  font-family: sans-serif; font-size: 12px; color: black;
}
div.today
{
  position:absolute;z-index:4;
  right:50px;
  top:30px;
  font-family: sans-serif; font-size: 10px; color: black;
}
div.todayIE
{
  position:absolute;z-index:4;
  right:70px;
  top:12px;
  font-family: sans-serif; font-size: 10px; color: black; 
}
div.brows
{
  position:absolute;z-index:4;
  right:50px;
  top:65px;
  font-family: sans-serif; font-size: 10px; color: black;
}
div.browsIE
{
  position:absolute; z-index:4;
  left:60px;
  top:12px;
  font-family: sans-serif; font-size: 10px; color: black;
}
div.printable
{
  position:absolute;z-index:4;
  right:50px;
  top:65px;
  font-family: sans-serif; font-size: 70%; color: black;
}

 img.twp {height: 500px; width: 500px;}

div.plots {  margin-left:4%;    margin-right:4%;  width: 820px; vertical-align: top;
  color: black; font-size: 90%;  border: solid;
  border-width: thin;  text-align: center;
  background: rgb(240,240,235);
  margin-top: 5px;  margin-bottom: 5px;  padding: 5px;}

div.desc
  { position: relative; font-family: sans-serif; font-weight: bold; font-size: 80%; 
  text-align: center; float:left;
  margin: 2px;  width:400px;
  }

div.plots2 {  margin-left:4%;    margin-right:4%;  width: 920px; vertical-align: top;
  color: black; font-size: 90%;  border: solid;
  border-width: thin;  text-align: center;
  background: rgb(240,240,235);
  margin-top: 5px;  margin-bottom: 5px;  padding: 5px;}

  div.bread {
  border: solid;   position:absolute;
  left:545px;
  top:15px;
  font-family: sans-serif; font-size: 70%; color: black;font-weight:
    normal;
  border-width: thin;
  background: rgb(240,240,235);
  padding: 1px; 
}
ul.sml2 { margin-left: 6%; width: 720px;
  color: #330000; font-size: 90%;
  list-style-image: url(http://www-nwp/~apjp/IMAGES/arrow.gif);
  list-style-type: square; list-style-position: outside;
    background-color: rgb(235,240,245);}

code.cd {  text-align: center;
    background-color: rgb(235,240,245);}

ul.sml3 { margin-left: 6%; width: 270px;
  color: #330000; font-size: 90%;
  list-style-image: url(http://www-nwp/~apjp/IMAGES/arrow.gif);
  list-style-type: square; list-style-position: outside;
    background-color: rgb(245,240,235);}


ul.sml { margin-left: 6%; width: 720px;
  color: #330000; font-size: 90%;
  list-style-image: url(http://www-nwp/~apjp/IMAGES/arrow.gif);
  list-style-type: square; list-style-position: outside;
    }

  img.top { padding: 0px; border: 2px solid black;
  background-color: rgb(255,250,250); margin-right: 8px}

  :link { color: rgb(0, 0, 153) }  /* for unvisited links */
  a.plain { text-decoration: none }
  a:hover { color: rgb(0, 60, 255) } /* when mouse is over link */

 h2 {   font-family: sans-serif; font-weight: bold; font-size: 80%; margin-left: 6%; margin-right: 5%;
  text-align: left; color: #000066;
  padding: 0.1em;
  }

p { margin-left: 4%; ; width: 800px; color: black; font-size: 90%;}

div.titbox { margin-left: 4%; 
  font-family: sans-serif; font-weight: bolder; padding: 5px;
 width: 800px; text-align: left;
  color: #CCFF33;  background: rgb(10,10,10);
  }
  
div.botbox { margin-left: 4%; 
  font-family: sans-serif; font-weight: bolder; padding: 3px;font-size: 70%;
 width: 800px; text-align: left;
  color: #CCFF33;  background: rgb(10,10,10);
  }
  
div.h1box {
  font-family: sans-serif; font-weight: bold; font-size: 100%;  text-align: center;
  border: solid;
  margin-left: 4%; width: 800px;
  color: black;
  border-width: thin;
  background: rgb(240,240,235);
  padding: 0.2em;
  content: "Section ";
  /* Add 1 to section */
  counter-increment: section 2;
}