/* Style for "Stormlight" */

a                        { white-space:nowrap; background:transparent; color:#0A246A; text-decoration:none; }
a:active                 { font-style:italic; }
a:hover                  { background:#0A246A; color:white; }
/* 
  these example work on mozilla but not on ie6:
	
  a[target="_blank"]:hover { background:green; color:white; }
  a[href^="http"] { color:green; }
  a:before {content:url(link.gif); color:#f00;}
  a:before {content:"<"; color:#f00;}
  a:after  {content:">"; color:#f00;}
*/

a.nav                    { background:transparent; color:black; }
a.nav:hover              { background:#0A246A; color:white; }

/*
  a.nav        { text-decoration:none; color:black; }
  a.nav:hover  { background:#0A246A; color:white; }
  a.nav:active { font-style:normal; font-weight:bold; }
*/

a.nav-alien              { text-decoration:none; background:transparent; color:silver; }
a.nav-alien:hover        { background:silver; color:white; }
a.nav-alien:active       { font-style:normal; font-weight:bold; }

img.thumbnail { border: solid rgb(122,122,122) 10px; }

td { vertical-align:top; }
th { vertical-align:top; }

form.searchform { margin-top:10px; margin-bottom:10px; }
body.searchform { font-size:10px; margin-top:18px; margin-left:18px; }
input.searchform { font-size:10px; }

body 
{
  font-family: Optima, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:black;
  background:white;
  margin-top:2em;
  margin-left:220px;
  margin-right:5%;
}

body#navbody 
{
  background: #EEEEFF;
  margin:0em;
  padding:0em; /* use padding to put stuff further down */
  font-size:90%;   
}

body#navbody h3 
{
  margin-top:1em;
  margin-bottom:0.5em;
}

body#navbody h3 a 
{
  margin-left:0em;
}

body#navbody a 
{
  margin-left:1em;
}

body#navbody #search 
{
  position:absolute; 
  bottom:40px; 
  left:0px; 
  z-index:0;
}

/*
 * bright stormlight
 */
body#navbody a img 
{
  position:absolute; bottom:-41px; left:-17px; z-index:1; width:200px; height:80px; border:0;
  background: url(stormlight_ee1.jpg) top left no-repeat;
}
/*
 * strong stormlight
 */
body#navbody img 
{
  position:absolute; bottom:-41px; left:-17px; z-index:0; width:200px; height:80px; border:0;
  background: url(stormlight_ee2.jpg) top left no-repeat;
}
/*
 * remove bright stormlight on hover
 * (don't put stormlight image here because browser loads it too late)
 */
body#navbody a:hover img 
{
  background: url(blank.gif) top left no-repeat;
}

iframe
{
  position: absolute;
  margin:1em;
}

iframe#navi 
{
  position: absolute;
  top: 0px;
  left: 0px;
  float: left;
  margin:1em;
  padding:0;
  border: 1px solid #111111;
  width: 170px;
  height: 650px;  
  /*
   * z-index:1 to prevent melting of 
   *           the content of the first page (centered) 
   *           with the navigation iframe
   */
  z-index:1;
}

h1 
{
  z-index:1;
  background:transparent; 
  color:#303030;
  /*color:#006600;*/
  /*color:#0A249A;*/
  /*color:#0A246A;*/
  /*color:#005A9C;*/
  font-weight:bold;
  margin-top:10mm;
  margin-bottom:5mm;
}
h2, h3 
{
  background:transparent; 
  color:#303030;
  /*color:#006600;*/
  /*color:#0A249A;*/
  /*color:#0A246A;*/
  /*color:#005A9C;*/
  font-weight:normal;
}

.person {
  font-variant:small-caps;
  white-space:nowrap;
}

.nowrap {
  white-space:nowrap;
}