body, table, input, select
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 8pt
}
body
{
  background-color: #fff;
  color: #000
}
h1, h2, h3
{
  margin: 0px auto 10px 5px;
  background-color: inherit;
  color: #666
}
h1
{
  font-size: 16pt
}
h2
{
  font-size: 14pt;
  font-weight: normal;
  margin-left: 15px
}
h3
{
  font-size: 12pt;
  margin-left: 15px
}
p
{
  margin: 0px 20px 10px 15px
}
a
{
  text-decoration: none;
  background-color: inherit;
  color: #00c
}
a:hover
{
  background-color: inherit;
  color: #f00
}
a.disabled
{
  background-color: #fff;
  text-decoration: line-through;
  color: #666
}
a.disabled:hover
{
  background-color: #fff;
  color: #666
}
img
{
  border: 0px none
}
ul
{
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 15px;
  list-style-type: circle
}
td ul
{
  margin: 0px
}
li
{
  margin: 0px auto 7px 0px
}
td.lined
{
  font-size: 0.1em;
  border-bottom: solid 2px #000
}
th
{
  background-color: #666;
  color: #fff
}
.bold
{
  font-weight: bold
}
.clear
{
  clear: both
}
.float
{
  float: right
}
.centered
{
  text-align: center
}
.left
{
  text-align: left
}
.right
{
  text-align: right
}
.errormsg
{
  font-weight: bold;
  background-color: inherit;
  color: #f00;
  text-align: center
}
.midborder
{
  border: solid 1px #000;
  margin-left: auto;
  margin-right: auto;
  width: auto
}
.border
{
  border: solid 1px #000
}
.centerbl
{
  margin-left: auto;
  margin-right: auto;
  width: auto
}
.lower
{
  margin-top: 30px
}
.indent
{
  margin-left: 20px
}
.big
{
  background-color: inherit;
  color: #666;
  font-weight: bold;
  font-size: 14pt
}

.box
{
  border: solid 1px #000;
  width: 200px;
  margin: 5px;
  padding: 5px;
  float: right
}
.box p
{
  margin: 0px 10px 10px 10px
}

.comment
{
  margin-bottom: 20px
}
.comment p
{
  font-size: 11pt;
  text-indent: 10px
}

.commentboxrt
{
  float: right
}
.commentbox
{
  float: left
}
.commentbox, .commentboxrt
{
  border: solid 1px #000;
  background-color: #aee;
  color: #000;
  width: 300px;
  padding: 10px 0px 10px 5px;
  margin: 5px;
  font-size: 11pt
}
.commentbox img, .commentboxrt img
{
  float: left
}
.commentbox p, .commentboxrt p
{
  text-indent: 10px;
  margin: 0px 10px 10px 10px
}

/**** PAGE LAYOUT PROPERTIES ****/

.page
{
  /*min-width: 650px;*/
  margin: 0px -1px;
  width: 100%
}
.bground
{
  width: auto;
  border-left-width: 150px;
  border-left-color: #ccc;
  border-left-style: solid;
  border-right-width: 160px;
  border-right-color: #fff;
  border-right-style: solid;
  background-color: #fff;
}
.content
{
  margin: 0px;
  border-right: 1px solid #ccc;
  width: 100%
}
.bground > .content
{
  border-bottom: 1px solid inherit
}
#header
{
  background-image: url(./images/header.jpg);
  background-repeat: no-repeat
}
#header p
{
  text-align: right;
  font-size: 16pt;
  margin: 0px 10px 0px 0px;
  background-color: inherit;
  color: #fff
}
#menu
{
  margin: 0px;
  float: left;
  width: 100%;
  background-color: #eef;
  border-bottom: 5px solid #fff;
  padding: 5px 0px 5px 0px;
  list-style-type: none
}
#menu li, #submenu li, #footer li
{
  display: inline
}
#menu li a
{
  padding: 0.2em 1.5em;
  float: left;
  background-color: inherit;
  color: #000
}
#menu li a:hover
{
  background-color: inherit;
  color: #00f
}
#submenu
{
  margin: 0px;
  float: left;
  width: 100%;
  background-color: #eef;
  border-top: solid 2px #000;
  border-bottom: 5px solid #fff;
  padding: 5px 0px 5px 0px;
  list-style-type: none
}
#submenu li a
{
  padding: 0.2em 1.5em;
  float: left;
  background-color: inherit;
  color: #000
}
#submenu li a:hover
{
  background-color: inherit;
  color: #00f
}
#lftcol
{
  margin: 0px 5px auto -150px;
  width: 150px;
  float: left;
  position: relative;
  z-index: 10
}
#lftcol h3
{
  color: #fff;
  margin-top: 5px;
  border-bottom: 1px solid #ddd
}
#lftcol ul
{
  margin: 5px 0px 0px 25px;
  list-style-type: square;
  background-color: inherit;
  color: #f00
}
#lftcol ul li a
{
  background-color: inherit;
  color: #000
}
#lftcol ul li a:hover
{
  background-color: inherit;
  color: #00f
}
#main
{
  float: left;
  width: 100%;
  position: relative;
  z-index: 12;
  margin: 0px -3px 0px -2px
}
#rtcol
{
  width: 160px;
  margin-right: -210px;
  margin-left: 5px;
  float: left;
  position: relative;
  z-index: 11
}
#rtcol ul
{
  margin: 5px 0px 0px 25px;
  list-style-type: square;
  background-color: inherit;
  color: #808
}
#rtcol ul li a
{
  background-color: inherit;
  color: #000
}
#rtcol ul li a:hover
{
  background-color: inherit;
  color: #00f
}
#footer
{
  margin: 0px;
  float: left;
  width: 100%;
  background-color: #bbb;
  padding: 0px;
  border-top: 5px solid #fff;
  list-style-type: none;
  position: relative;
  z-index: 13
}
#footer li a
{
  padding: 5px 10px;
  float: left;
  background-color: inherit;
  color: #000
}
#footer li a:hover
{
  background-color: inherit;
  color: #00f
}
#loginbox
{
  width: 150px;
  border: solid 1px #000
}

@media print
{
  .bground
  {
    width: auto;
    border: 0px none
  }
  .content
  {
    margin: 0px;
    border: 0px none;
    width: 100%
  }
  .bground > .content
  {
    border: 0px none
  }
  #header, #menu, #lftcol, #rtcol, #footer, .commentbox img, .commentboxrt img
  {
    display: none
  }
  #main
  {
    width: 100%;
    position: relative;
    z-index: 12;
    /*margin: 0px -3px 0px -2px */
  }
}