html, body {
  height:100%;
  background-color:white;
  font-family: sans;
  color:black;
}

/* ie, mozilla have different defaults, so clear all */
body, h1, h2, h3, h4, h5, ul, ol, div {
  padding:0;
  margin:0;
}

html {
  background: url('/css/blue_grad.png') #2266aa repeat-x top;
}

body {
  margin:8px;
  border:2px inset #004488;
}


div.page {
  min-height:100%;
  height:auto !important;
  height:100%;
  font-family:serif;
  background:url('/css/waves.jpg') white;
}

div.welcome {
  float:right;
  margin-right:4em;
  padding-top:0.25em;
  padding-bottom:0.1em;
  padding-left:1em;
  padding-right:1em;
  text-align:center;
  border:1px outset #2266aa;
  border-top:none;
  font-family:sans-serif;
  background-color:#eeeebb;
  font-size:0.8em;
}

div.content {
  display:block;
  padding-right:3em;
  padding-left:3em;
  line-height:1.5em;
}

div.footer {
  height:1.5em;
  font-size:0.9em;
  color:#ccc;
  text-align:center;
  clear:both;
}

div.footer small {
  padding:0.25em;
}

div.footer a {
  color:#dd8;
}

div.header {
  background:url('/css/adcirc.png') no-repeat -200px -100px #aa8888;
}

div.header img.logo {
  position:absolute;
  top:8px;
  left:8px;
}

h1 {
  margin-left:100px;
  border-left:3px ridge #2266aa;
  background:url('/css/back-map.png') no-repeat left top;
  max-height:110px;
}

h1 img {
  border:none;
}


h2 {
  color:#0066aa;
  font-family:serif;
  font-size:1em;
  text-align:right;
  border-bottom:1px outset black;
}

div.navigationBar {
  margin-left:-10px;
  margin-right:-10px;
  border:1px outset #004488;
}

div.navigationBar ul {
  text-decoration:none;
  text-align:center;
  border-top:1px solid #2266aa;
  border-bottom:1px solid #2266aa;
  font-family:sans-serif;
  letter-spacing:0.2em;
  font-size:0.9em;
  background-color:#eeeebb;
  padding-top:0.1em;
  padding-bottom:0.1em;
}

ul.horizontal li {
  display:inline;
  margin-left:1em;
  margin-right:1em;
  padding-left:1em;
  padding-right:1em;
}

div.navigationBar li:hover {
  background-color:#ddddaa;
}

div.content a {
  color:#2266aa;
  text-decoration:none;
  border-bottom:1px dashed #2266aa;
}

div.content a:hover {
  color:coral;
  border-bottom:1px dashed coral;
}

p {
  text-indent:3em;
}

p.warn {
  background-color:coral;
  border:2px groove red;
}

iframe {
  border:none;
}

ul.simulationList {
  float:left;
  list-style-type:none;
  background-color:#ddddff;
  border:2px solid #aaaaff;
  margin:2em;
}

ul.simulationList li {
  padding-left:1em;
  padding-right:1em;
  margin:0.25em;
}

ul.simulationList li:hover {
  background-color:white;
}

ul.simulationList a {
  font-family:mono;
}

form.login {
  width:16em;
  background-color: #eeeebb;
  border:1px outset #2266aa;
  margin-left:4em;
  padding:0.5em;
}

form.login label {
  display:block;
}

form.login input {
  margin-bottom:0.5em;
}