div.uedge {
      width: 100%;
      background-color: #FFF;
      background-image: url(hr-top.gif);
      background-position: top left;
      background-repeat: repeat-x;
    }
    div.float {
      background-image: url(news.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.redge {
      background-image: url(vr.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.bedge {
      background-image: url(hr.gif);
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    div.ledge {
      background-image: url(vr.gif);
      background-position: top left;
      background-repeat: repeat-y;
    }
    div.ulcorner {
      background-image: url(tl-space.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.urcorner {
      background-image: url(tr-space.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.blcorner {
      background-image: url(bl.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.brcorner {
      background-image: url(br.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 30px 30px 20px 20px;
    }
    div.innercontent {
      width: 100%;
    }
    div.middle {
      width: 272px;
      background-image: url(corners/middle.gif);
      background-repeat: repeat-y;
    }
    div.top {
      background-image: url(corners/top.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.bottom {
      background-image: url(corners/bottom.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
      padding: 15px 30px 30px 15px;
    }

body, html {
   padding :0;
   margin :0;
   background-color: #FFFFFF;
}

/* Font settings for page elements */
body, ul, td, th, p, h1, h2, h3, h4, small, .small,
.tableTitle, .tableExtras, input, textarea, select {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

.tdyellow {
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	border: 1px solid #666666;
}

a { text-decoration : none;
          color: #310080;
          }
a:hover { text-decoration : none;
          color: #F00;
          }

table.dyn th {
            background-color: #C0C0FF;
            text-align: center;
}
table.dyn td {
            background-color: #ffffff;
}
h1          {
            margin: 5 0 0 0;
            font-weight: bold;
            color: #666;
            font-size: 20px;
            }
h2          {
            margin: 5 0 0 0;
            font-weight: bold;
            color: #666;
            font-size: 12px;
            }
h3          {
            margin: 5 0 0 0;
            font-weight: bold;
            color: #666;
            font-size: 12px;
            }
.title      {
            font-weight: bold;
            color: #000;
            font-size: 12px;
            margin: 11px 0 0 0;
            }
h1.title      {
            margin: 0 0 0 0;
            font-weight: bold;
            color: #666;
            font-size: 20px;
            }
.grey     {
            margin: 0 0 0 0;
            color: #666;
            font-size: 11px;
            }
a.title    {
            font-weight: bold;
            text-decoration : none;
            color: #000;
            font-size: 12px;
            }
a.title:hover {
            font-weight: bold;
            text-decoration : none;
            color: #FF0000;
            font-size: 12px;
            }
.head      {
            font-weight: bold;
            color: #00C;
            font-size: 11px;
            }
a.head      {
            font-weight: normal;
            color: #00C;
            font-size: 11px;
            text-decoration : none;
            }
a.head:hover  {
            font-weight: normal;
            color: #F00;
            font-size: 11px;
            text-decoration : none;
            }
P.actions   {
            margin: 0;
            font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
            color: #FCEEAA;
            font-weight: 700;
            text-decoration : none;
            }
a.actions   {
            margin: 0 10 0 0;
            padding: .5em;
            color: #000;
            background-color: #C3C3C3;
            text-decoration : none;
            border: 1px solid #666666;
            }
a.actions:hover  {
            margin: 0 10 0 0;
            padding: .5em;
            color: #000;
            background-color: #DCDCDC;
            text-decoration : none;
            border: 1px solid #C3C3C3;
            }
P.itemactions   {
            margin: 0;
            color: #FCEEAA;
            font-weight: 700;
            text-decoration : none;
            }
a.itemactions   {
            margin: 3;
            padding: .1em;
            color: #000;
            background-color: #C3C3C3;
            text-decoration : none;
            border: 1px solid #666666;
            }
a.itemactions:hover  {
            margin: 3;
            padding: .1em;
            color: #000;
            background-color: #DCDCDC;
            text-decoration : none;
            border: 1px solid #C3C3C3;
            }
P.add   {
            margin: 3;
            color: #FCEEAA;
            font-weight: 700;
            vertical-align: bottom;
         }
a.add   {
            margin: 3;
            padding: .1em;
            color: #0000C0;
            font-weight: 700;
            text-decoration : none;
            }

a.add:hover  {
            margin: 3;
            padding: .1em;
            color: #F00;
            font-weight: 700;
            text-decoration : none;
            }
a.nameundefined   {
            color: #00C;
            text-decoration : none;
            }
a.nameundefined:hover  {
            color: #008000;
            text-decoration : none;
            }
a.namedefined   {
            color: #00C;
            text-decoration : none;
            }
a.namedefined:hover  {
            color: #F00;
            text-decoration : none;
            }
table.navbar {
            padding: .5 .5 .5 .5;
            width: 100%;
            font-size: 11px;
            font-weight: 700;
            background-color: #DCDCDC;
            color: #000000;
            }
tr.navbar {
            padding: 0;
            margin: 0;
            }
td.navbar {
            padding: .5 .5 .5 .5;
            font-size: 11px;
            font-weight: 600;
            color: #000000;
            background-color: #DCDCDC;
            }
P.navbar   {
            margin: 0;
            margin-bottom: 2em;
            font-size: 11px
            padding: .25em .25em .25em .25em;
            color: #DCDCDC;
            font-weight: 700;
            background-color: #A0A0A0;
            }
a.navbar   {
            color: #000;
            text-decoration : none;
            background-color: #C3C3C3;
            }
a.navbar:hover  {
            color: #000;
            text-decoration : none;
            background-color: #ECECEC;
            }
a.menu   {
            color: #000;
            text-decoration : none;
            font-size: 14px
            }
a.menu:hover  {
            color: #F00;
            text-decoration : none;
            font-size: 14px
            }
ul          {
            margin-top:0px; margin-bottom:0px;
            }
ol          {
            margin-top:0px; margin-bottom:0px;
            }
.li,.lb     {
            padding-left:9px;
            background-image:url('ul.gif');
            background-repeat:no-repeat;
            display:block;
            }
.in         {
            padding-left:9px;
            display:block;
            font-size: 11px;
            }
.message    {
            color: #F00;
            display:block;
            font-size: 11px;
            }
.footnote   {
            color: #A0A0A0;
            display:block;
            text-align: right;
            font-size: 11px;
            }
<!--sortbar-->

div.sortbar {
            width: 100%; border: thin solid black;
            background-color: #A0A0A0;

}
div.sortbar p {
            width: 100%;
            font-size: 13px;
            font-weight: bold;
            background-color: #FFF;
            text-align: center;
            margin: 1px
}
div.sortbar table {
            width: 100%;
            background-color: #C3C3C3;
            text-align: center;
            margin: 1px
}
div.sortbar tr {
            width: 100%;
            background-color: #FFF;
            text-align: center;
}
div.sortbar td {
            padding: 5px;
            margin: 0px;
            border: 1px solid #FFF;
            width: 20%;
            background-color: #C3C3C3;
            text-align: center;
}

<!--forms-->
div.form {
  font-weight: bold;
  font-size: 12px;
  padding: 1px;
}
div.form table {
  width: 100%;
}
div.form th {
  color: #ffffff;
  text-align: left;
}
div.form td {
  color: #000000;
  vertical-align: top;
}
div.form td.left {
  border-left: 1px solid #000000;
}
div.form td.right {
  border-right: 1px solid #000000;
}
div.form td.fill {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

div.form input {
  width: 320px;
  border: 1px solid #000000;
  font-size: 12px;
}

div.form input[type=radio] {
  width: 20px;
  border: 0px;
  font-size: 12px;
}

div.form input[type=checkbox] {
  width: 20px;
  border: 0px;
  font-size: 12px;
}

div.form table.sharewith {
  float: right;
  width: 140;
}


div.form input.form-buttons {
  width: 100px;
  background-color : #757575;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}
div.form input.form-smlbuttons {
  width: 80px;
  background-color : #757575;
  color: #ffffff;
  font-size: 10px;
}
div.form input.form-wdbuttons {
  width: 180px;
  background-color : #757575;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

div.form textarea {
  width: 320px;
  border: 1px solid #000000;
  font-size: 12px;
}

div.form select {
  width: 320px;
  border: 1px solid #000000;
  font-size: 12px;
}

.newscat {
   margin-top: -5px;
	float: right;
}