﻿body {
  background:url(images/bk-blue.jpg) top center fixed repeat-x;
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
  margin:0 auto;
  padding:0;
  text-align:center;
  width:900px;
}

#wkform {
  float:left;
  margin-left:25px;
  padding-top:10px;
  text-align:left;
}

#topmenu {
  background:#333;
  margin:0;
  width:900px;
}

#topmenu ul {
  margin:0;
  padding:15px 0 5px;
  text-align:right;
}

#topmenu li {
  background:#333;
  color:#FFF;
  display:inline;
  font-family:"Trebuchet MS", Arial, "Sans Serif";
  font-size:.8em;
  font-weight:700;
  list-style-type:none;
  margin-left:6px;
  margin-right:6px;
}

#topmenu a {
  background:#333;
  color:#FFF;
  padding:2px 10px;
  text-decoration:none;
}

#topmenu li a:hover {
  background:#515151;
}

#all {
  background:#F0F0F0;
  margin:0 auto;
  padding:0;
  width:900px;
}

#top {
  background:navy;
  border-bottom:1px solid gray;
  border-top:1px solid gray;
  height:150px;
  margin:0;
  padding:0;
}

#top img {
  margin:0;
  padding:0;
}

#preload {
  background:url(images/menu-green.jpg);
  left:-1000px;
  position:absolute;
}

#menu {
  background:#F0F0F0;
  float:left;
  margin:0 0 0 15px;
  padding-top:15px;
  text-align:left;
  width:200px;
}

#menu dt {
  cursor:pointer;
  height:40px;
}

#menu dd {
  background:#FFF;
  border:1px solid gray;
  display:none;
  margin-left:178px;
  margin-top:-25px;
  position:absolute;
  width:435px;
  z-index:100;
}

#menu ul {
  font-family:Arial, Helvetica, sans-serif;
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}

#menu li a {
  background-color:#036;
  border-bottom:1px solid #eee;
  display:block;
  margin:0;
  padding:3px;
  width:430px;
}

#menu a:link,#menu a:visited {
  color:#FFF;
  text-decoration:none;
}

#menu dt a {
  background:transparent url(images/menu-blue.jpg) no-repeat;
  color:#FFF;
  display:block;
  font:15px Arial;
  font-weight:700;
  height:40px;
  padding:15px 0 0 12px;
  text-decoration:none;
  width:210px;
}

#menu dt a:hover {
  background:url(images/menu-green.jpg) no-repeat;
}

#menu li a:hover {
  background-color:#369;
  color:#fff;
}

#main {
  font-family:Veranda, Arial, sans-serif;
  margin-left:240px;
  margin-top:0;
  padding:5px 20px;
  min-height:440px;
}
* html #main { /* for IE6 only */
  height:440px;
}

#main h1 {
  font-size:1.3em;
}

#bottom {
  background:#333;
  border-top:1px solid gray;  
  color:#FFF;
  height:35px;
  padding:4px;
  text-align:right;
}

#bottom p {
  font-family:Arial;
  font-size:.8em;
  font-weight:700;
  margin:2px;
}

.infobox {
  background:#FFF;
  border:1px solid silver;
  font-family:Arial;
  font-size:1em;
  margin:15px 0;
  padding-bottom:10px;
  text-align:left;
}

.infobox a {
  color:blue;
  text-decoration:none;
  font-weight:bold;
}

.infobox a:hover {
  text-decoration:underline;
}

.infobox h1 {
  background:url(images/bk-h1.jpg) repeat-x;
  border-bottom:1px solid silver;
  color:#FFF;
  font-family:Arial;
  font-size:1.1em;
  height:24px;
  margin:0;
  padding:4px 0 2px 6px;
  text-shadow:#6374AB 20px -12px 2px;
}

.infobox h2{
  margin-left:20px;
  font-size:1em;
}

.infobox p {
  margin:10px;
  padding:6px 10px;
}

.infobox ul {
  margin-left:45px;
  margin-top:4px;
  padding-bottom:2px;
  padding-left:5px;
}

.infobox li {
  list-style-type:square;
}
