html {
  height:100%;
  margin:0px;
  padding:0px;
  line-height:1.5em;
}

body { 
  background-image:url("images/back.gif");
  background-repeat:repeat-y;
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 14px; 
  line-height: 1.5em; 
  color: #333333; 
  margin:0px; 
  padding:0px; 
  height:100%; 
}

div {
	margin:0px;
	padding:0px;
}

p, h1, h2, h3 {
  margin:0px 0px 15px 0px;
  padding:0px;
}

h1, h2, h2 {
  clear:both;
}

h2 {
  text-align:left;
}

img {
  border:none;
  margin:0px;
  padding:0px;
}

a {
  color:#000099;
}

ul.sitemap {
  list-style:none;
}

ul.sitemap li ul {
  list-style:none;
}

.smfont { font-size: 10px; }

.medfont { font-size: 12px; }
 
.center {
  display:block;
  margin:auto;
  text-align:center;
}

.clear {
  clear:both;
  margin:0px;
  padding:0px;
}

.masthead {
  background-image:url("images/back.gif"); 
  margin:0px; 
  width:616px;
  float:left;
}

.screenshot {
  float:right; 
  margin:0px 0px 10px 10px; 
  clear:right;
}

.screenshot span {
  display:block;
  text-align:center;
  font-size:10px;
}

ul.mod li {
  margin-bottom:10px;
}

.left {
  background-image:url("images/back.gif"); 
  width:150px; 
  float:left; 
  height:100%;
  clear:both;
}

.left div {
  border-top:2px solid #fff;
  padding:0px;
  margin:0px;
}

.content {
  background-image:url("images/bodyback.png"); 
  background-repeat:no-repeat; 
  margin:0px; 
  padding:25px 0px 25px 25px;
  background-position:top left; 
  height:auto;
  min-height:420px;
  clear:both;
}

.footer {
  text-align:center; 
  width:800px;
  font-size: 10px;
  line-height:1.5em;
  clear:both;
}

.tooltip:hover {
	position:relative;
}

.tooltip span {
	display:none;
  font-family: verdana, arial, helvetica, sans-serif; 
  margin:0px;
}

.tooltip img {
	margin:0px 7px 7px 7px;
}

.tooltip:hover span {
  position: absolute;
  z-index:1000;
  top: -10px;
  left: 10px;
  display: block;
  color:#000;
  background:#fff;
  border:1px solid #000;
  padding:3px;
  margin:0px;
  font-weight:bold;
} 