html {font-size: 100% /* IE/Win hack */}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #000;
  text-decoration: none;
  margin: 0;
  padding: 0;
  background-color: #00007B;
  /*behavior: url(css/csshover.htc); IE/Win hover behaviour call */
}

/************************************************************************/
#logo {
  background: url(../images/CoastFMimage.jpg) no-repeat;
  width: 204px;
  height: 134px;
  border: 5px outset #CCF;
  margin: 10px 2em;
}

/************************************************************************/
#deco {
  position: absolute;
  background: url(../images/887.gif) no-repeat;
  right: 30px;
  top: 100px;
  height: 50px;
  width: 100px;
  border: 0px;
  z-index: 3;
}

/************************************************************************/
/* We use the div prefix here to overcome yet another bug in IE/Win */
div#nav {
  position: absolute;
  right: 25px;
  top: 0;
  margin: 2em 0 0 2em;
  border: 0px;
  z-index: 20;
  font-size: 0.9em;
  z-index: 10;
}
div#nav ul {
  margin: 0;
  padding: 0;
  background-color: #00007B;
  border: 0px;
  border-width: 0;
}
div#nav li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0.25em 0 0.25em 0;
  float: left;
  width: 9.1em;
  line-height: 1em;
  text-align: center;
  color: white;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
}
html>body #nav li {width: 8.9em;}
div#nav li:hover {background-color: #088;}
div#nav li.submenu {background: url(../images/dropmenu.gif) 99% 50% no-repeat; z-index: 15;}
div#nav li.submenu:hover {background-color: #088;}
div#nav li a {display: block; text-decoration: none; width: 9em; color: white;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 9em; display: none; background: #00007B;}
div#nav ul ul li { border-left: 1px solid #CCC; z-index: 20;}
div#nav li.submenu li.submenu {background: url(../images/submenu.gif) 99% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #088;}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 8.9em; border-top: 1px solid #CCC;}

/************************************************************************/
#content {
  color: #000;
  background: #CCC;
  margin: 1em 2em;
  padding: 0.5em;
  border: 5px outset #CCF;
 }

#content h1 { font-size: 1.75em; }
#content h2 { font-size: 1.5em; font-weight: bold; font-style: italic;}
#content h3 { font-size: 1.3em; font-style: italic; padding: 0; margin: 0;}
#content h4 { font-size: 1.3em; font-weight: bold; margin: 0; padding: 0;}
#content li { padding-bottom: 0.75em; }
#content ul ul { padding-top: 0.5em; }
#content .footnote { font-size: 0.9em; }

#content table { border: 0px solid gray; font-size: 1em;}
#content thead {background: #999; color: white;}
#content th, td {text-align: left; padding: 0 0.5em 0 0; border-width: 0}
#content th {font-size: 1.6em; text-align: center;}
#content tr.even {background: #DDD;}
#content a, #content a:visited {color: #00D; padding: 0 0.5em;}
#content img {border-width: 0;}

/************************************************************************/
#inset {
  float: right;
  border: 5px inset #CCF;
  margin-left: 1.5em;
  z-index: 5;
}

#msgbox {
  position: absolute;
  left: 250px;
  top: 120px;
  width: 48%;
  border: 5px outset #CCF;
  background-color: #CCC;
  padding: 0.25em 0.5em;
  z-index: 5;
}

#msgbox #email {
  float: right;
  border: 3px outset #CCF;
  margin: 0.5em;
}

#msgbox #sound {
  float: right;
  padding: 0;
  margin: -1em 0.5em 0 0 ;
}

#msgbox #clrbtn {
  float: left;
}

#sponsors {
  position: absolute;
  right: 25px;
  top: 48px;
  border: 3px outset #CCF;
  background-color: #00007B;
  width: 200px;
  height: 100px;
  z-index: 2;
}

#promo {
  position: absolute;
  left: 25px;
  bottom: 25px;
  font-weight: bold;
  padding: .2em .5em;
  border: 3px outset #CCF;
  background-color: #BBB;
  z-index: 2;
}

#promo a, a:visited {color: #44F; text-decoration: none;}

#promo a:hover {color: #444; text-decoration: underline;}

#disclaimer {
  float: left;
  width: 100%;
  font-size: 0.75em;
  text-align: center;
  padding-top: 2em;
}