html {
  background: #EDEBE3;
  padding: 0.5em 2em 3em 2em;
}
body {
  min-width: 770px;
  font-size: 11pt;
}

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
  font-family: verdana,sans-serif;
  /*font-size:    x-small;*/
  voice-family: "\"}\"";
  voice-family: inherit;
  /*font-size: small;*/
  color: #333;
}  

/*
a { color: #06C; }
a:hover { color: #333; }
a:active { color: #000; }
*/

a { color: #008 }
a:hover { color: #33f }
a:active { color: #000 }

p { line-height: 140%; }

h1 {
  font-family: trebuchet ms,arial,verdana,sans-serif;
  font-weight: bold;
  font-size: 140%;
  color: #333;
  padding-bottom: 2px;
  border-bottom: 1px dotted #CCC;
  margin: 0;
}

.note {
  background: #EEE;
  padding: 4px;
  font-family: tahoma,verdana,sans-serif;
  font-size: 85%;
  line-height: 130%;
}

#main {
  text-align: left;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  background: #FFFDF3;
  clear: both;
  margin-top: -1px;
}

#bodyarea {
  padding: 20px;
  min-height: 300px; 
}

#topbar {
  padding-bottom: 0.5em;
  font-family: trebuchet ms,verdana,sans-serif;
  font-weight: bold;
  font-size: 200%;
}

#topbar a { text-decoration: none; color: #000; }

#topbar a:hover { text-decoration: underline; }

/*///////////// Tabs Code ////////////*/

#tabs {
  font-family: tahoma,verdana,sans-serif;
  font-size: 14px;
  clear: both;
  text-align: center;
}

#tabs ul {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#tabs li { float: left; }

#tabs a,span { width: 100px; }

#tabs span {
  position: relative;
  top: 0;
  margin: 0 2px 0 0;
  float: left;
  background: #FFF3B3;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  padding: 6px 4px 6px 10px;
  text-decoration: none;
  color: #333;
}

#tabs a {
  position: relative;
  top: 0;
  margin: 1px 2px 0 0;
  float: left;
  background: #FFFAE1;
  border-right: 1px solid #AAA;
  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;
  padding: 5px 4px 5px 10px;
  text-decoration: none;
  color: #333;
}

#tabs a:hover {
  background: #FFF7CD;
  position: relative;
  top: 0;
  padding: 5px 4px 6px 10px;
  margin-top: 0px;
}

#tabs a.active {
  position: relative;
  top: 0;
  margin: 0 2px 0 0;
  float: left;
  background: #FFF3B3;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  padding: 6px 4px 6px 10px;
  text-decoration: none;
  color: #333;
}

#tabs a.active:hover {
  position: relative;
  top: 0;
  margin: 0 2px 0 0;
  float: left;
  background: #FFF3B3;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  padding: 6px 4px 6px 10px;
  text-decoration: none;
  color: #333;
}

#subtabs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#subtabs li {
  float: left;
  padding: 0 8px 0 8px;
  border-left: 1px solid #CCC;
  white-space: nowrap;
}

#subtabs li:first-child { border-left: none; }

#subtabs {
  font-family: tahoma,verdana,sans-serif;
  font-size: 85%;
  background: #FFF3B3;
  color: #666;
  padding: 5px 7px 7px 7px; /* for All other Browsers */
}

.smallcap { font-variant: small-caps }

.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#666; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#FFFDF3; border-right:2px solid #666; border-left:2px solid #666; margin:0 3px;}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#FFFDF3; border-right:1px solid #666; border-left:1px solid #666; margin:0 2px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#FFFDF3; border-right:1px solid #666; border-left:1px solid #666; margin:0 1px;}