body
{ 
 background: #ffffff;
 color: #ffffff;
 font-family: georgia, serif;
}

table, tr, td
{
 border-collapse: collapse;
 padding: 0px;
}

table.cont
{
 width: 830px;
}
 
table.main
{
 background: #0333BE;
 background-image: url("/images/back.png");
 background-repeat: repeat-x;
 width: 800px;
 height: 600px;
}

table.head
{
 width: 800px;
}

td
{
 vertical-align: top;
}
 
td.left, td.right
{
 width: 15px;
}

td.left
{
 background-image: url("/images/left.png");
}

td.right
{
 background-image: url("/images/right.png");
}

img
{
 border: 0px;
}

#bleft
{
 position: relative;
 float: left;
 font-size: 13px;
 font-weight: bold;
 top: 2px;
}

  b.menu
  {
   display: block;
   float: left;
   font-family: arial, serif;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
   height: 16px;
   width: 80px;
   background: #ffffff;
  }

  img.menu
  {
   float: left;
  }

  a.menu
  {
   display: block;
   text-decoration: none;
  }

#menu, form
{
 padding: 0;
 margin: 0 auto;
 position: relative;
 width: 800px;
 height: 543px;
 background: url(/images/u.gif) no-repeat center center;
}

form.creat
{
 overflow: auto;
 margin-bottom: 10px;
 height: 533px;
}

form div.left
{
 float: left;
 margin-right: 10px;
}

#form, #formf
{
 list-style: none;
 float: left;
}

#form li, #formf li
{
 position: relative;
 display: block;
 height: 30px;
 width: 200px;
}

#form li.hd
{
 left: 270px;
 text-align: center;
}

#menu li.hd, #menu li.hd a.hd, * html #menu li.hd a.hd
{
 left: 350px;
 top: 545px;
 text-align: center;
 width: 130px;
 height: 18px;
}

#form li.ba
{
 left: -40px;
 text-align: left;
}

#form li.cr
{
 width: 700px;
 height: 140px;
}

#form li.l
{
 left: 100px;
} 

#formf li.f
{
 left: 170px;
 top: 90px;
}

#formf li.b, #formf input.b
{
 width: 100px;
 top: 100px;
 left: 70px;
 text-align: center;
}

#formf input, #formf textarea, #formf select
{
 font-family: georgia, serif;
 font-size: 14px;
 font-weight: bold;
 color: #0333BE;
}

#formf input, #formf textarea
{
 width: 200px;
}

#formf select
{
 width: 204px;
}

#menu li
{
 display: block;
 width: 100px;
 height: 100px;
 position: absolute;
}

#menu li a, #menu li a:active, #menu li a:visited
{
 display: block;
 width: 100px;
 height: 100px;
 text-align: center;
 outline: 0;
 text-decoration: none;
 color: #ffffff; 
 font-size: 13px;
 font-weight: bold;
}

#form li a, #form li
{
 outline: 0;
 text-decoration: none;
 color: #ffffff; 
 font-size: 16px;
 font-weight: bold;
}

#menu li a:hover
{
 background:url(/images/b.gif);
 text-decoration: none;
 font-family: georgia, serif;
}

#menu li.c a:hover, #form li a:hover, #menu li.hd a:hover
{
 background:url(/images/t.gif);
 text-decoration: none;
 font-family: georgia, serif;
 color: #000000;
}

#menu li a b, #menu li a b span
{
 display: none;
}

#menu li a:hover b
{
 position: absolute;
 display: block;
 width: 400px;
 height: 100px;
 font-size: 20px;
 color: #ffffff;
 background: transparent;
}

#menu li a:focus b span, #menu li a:active b span,
* html #menu li a:hover b span
{
 display: block;
 font-size: 18px;
 color: #ffffff;
 font-weight: normal;
 outline: 0;
}

#menu li.w
{
 left: 100px;
 top: 100px;
 background: url(/images/w.gif) no-repeat center center;
}
#menu li.i
{
 left: 365px;
 top: 40px;
 background: url(/images/i.gif) no-repeat center center;
}
#menu li.s
{
 left: 615px;
 top: 100px;
 background: url(/images/s.gif) no-repeat center center;
}
#menu li.d
{
 left: 100px;
 top: 345px;
 background: url(/images/d.gif) no-repeat center center;
}
#menu li.o
{
 left: 365px;
 top: 405px;
 background: url(/images/o.gif) no-repeat center center;
}
#menu li.m
{
 left: 615px;
 top: 345px;
 background: url(/images/m.gif) no-repeat center center;
}
#menu li.c
{
 left: 720px;
 top: 545px;
}

#menu li.w a:hover b
{
 left: 110px;
 top: 70px;
}
#menu li.i a:hover b
{
 left: -155px;
 top: 130px;
}
#menu li.s a:hover b
{
 left: -405px;
 top: 70px;
}
#menu li.d a:hover b
{
 left: 110px;
 top: -175px;
}
#menu li.o a:hover b
{
 left: -155px;
 top: -235px;
}
#menu li.m a:hover b
{
 left: -405px;
 top: -175px;
}
#menu li.c a:hover b
{
 left: -508px;
 top: -375px;
}
#menu li.hd a:hover b
{
 left: -135px;
 top: -375px;
}