@import url(Employees.css);
@import url(search.css);
@import url(leftmenu.css);

* 
{
  margin: 0px;
  padding: 0px;
}

a img
{
  border: 0px;
}

a:hover
{
  cursor: pointer;
}

img {
   border: 0px;
}

font, span
{
   font-size: 11px !important;
   font-family: Tahoma, Arial, Verdana !important;
   max-width: 540px !important;
}

.Legend a {
  color: #5D5D5D !important;
}

form {
   margin: 0px;
   padding: 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6, .h7  {
   margin-top: 3px;
   max-width: 540px;
   margin-bottom: 16px;
}

.h1 {
   width:99%;
   border-bottom: dotted 1px #B7B7B7;
   color: #505050;
   font-size: 14px;
   font-family: Helvetica, Tahoma, Verdana;
   padding-top: 24px;
   padding-left: 12px;
   padding-right: auto;
   background-image: url(H1BG.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
}
.h2 {
   margin-top: 13px;
   margin-bottom: 6px;
   font-size: 13px;
   font-family: Tahoma, Verdana;
   font-weight: bold;
   color: #525252;
   max-width: 540px !important;
}
.h3 {
   margin-top: 6px;
   margin-bottom: 3px;
   font-size: 11px;
   font-family: Tahoma, Verdana;
   font-weight: bold;
   color: #525252;
   max-width: 540px !important;
   padding-left: 12px;
}
.h5 {
   margin-top: 13px;
   margin-bottom: 6px;
   font-size: 13px;
   font-family: Tahoma, Verdana;
   font-weight: bold;
   color: #525252;
   max-width: 540px !important;
}
.INPUT {
   border: solid 1px #959EA7;
   font-size: 10px;
   font-family: Tahoma, Verdana;
}

html>body, html>body #wrapper, html>body #container
{
  height: 100%;
  min-height: 100%;
}

#wrapper
{
  display: block;
  position: relative;
  width: 951px;
  margin-left: auto; 
  margin-right: auto;
}

#outercontainer
{
  float: left;
  display: block;
  height: auto;
  min-height: 100%;
  width: 951px;
  background-color: #ffffff;
}

#container 
{
  float: left;
  display: block;
  width: 931px;
  min-width: 931px;
  text-align: left;
  margin-left: 10px; 
  _margin-left: 5px;
}

#container .menuholder
{
  float: left;
  display: block;
  width: 181px;
  height: 100%;
  font-size: 11px;
}

#container .contentholder
{
  float: left;
  display: inline;
  width: 738px;
  margin-left: 12px;
  _margin-left: 6px;
  margin-top: -2px;
}

html>body #container .contentholder
{
  height: 100%;
  min-height: 400px;
}

#container .contentholder .content
{
  float: left;
  display: block;
  width: 520px;
}

#document
{
  float: left;
  display: block;
  width: 520px;
  max-width: 520px;
}

.contentholder table a, #document .text a
{
  text-decoration: none;
  color: #336633;
  font-size: 12px;
  border: 0;
}

#document .text
{
  float: left;
  display: block;
  width: 510px;
  margin-left: 5px; 
}

#document .text ul
{
  margin-left: 18px;
  list-style-position: inside;
}

#container .contentholder .rightside
{
  float: left;
  display: inline;
  width: 190px;
  margin-top: 17px;
  margin-left: 10px;
  _margin-left: 5px;
}

.topmenu
{
  float: left;
  display: block;
  width: 520px;
  background-color: #2a8800;
}

.topmenu li
{
  float: left;
  display: inline;
  width: 25%;
  height: 22px;
  line-height: 22px;
  text-align: center;
}

.topmenu li a, .topmenu li a:hover, .topmenu li a:active
{
  font-weight: normal;
  color: #ffffff;
  text-decoration: none;
}

.topmenu li.L1
{
  border-bottom: solid 3px #acacac;
}

.topmenu li.L1_Active
{
  border-bottom: solid 3px #fcda20;  
}

.leftmenu
{
  float: left;
  display: block;
  width: 100%;
  border-top: dotted 1px #b4b4b4;
}

.leftmenu .L2, .leftmenu .L2_Active
{
  float: left;
  display: block;
  width: 100%;
  text-indent: 14px;
  line-height: 26px;
  border-bottom: dotted 1px #b4b4b4;
}

.leftmenu .L3, .leftmenu .L3_Active
{
  float: left;
  display: block;
  width: 100%;
  text-indent: 21px;
  line-height: 26px;
  border-top: dotted 1px #b4b4b4;
}

.leftmenu .L4, .leftmenu .L4_Active
{
  float: left;
  display: block;
  width: 100%;
  text-indent: 28px;
  line-height: 26px;
  border-top: dotted 1px #b4b4b4;
}

.leftmenu .L2 a, .leftmenu .L3 a, .leftmenu .L4 a
{
  font-weight: normal !important;
}

.leftmenu .L2_Active a, .leftmenu .L3_Active a, .leftmenu .L4_Active a
{
  color: #1E6200;
  font-weight: bold;
}

.links
{
  float: left;
  display: block;
  width: 100%;
  border-bottom: dotted 1px #b4b4b4;
}

.links .header
{
  float: left;
  display: block;
  width: 100%;
  height: 17px;
  line-height: 17px;
  padding-left: 13px;
  _padding-left: 6.5px;
  color: #333333;
  background-image: url(/Files/System/Ngs/bg_header.gif);
  background-repeat: no-repeat;
  background-position: top left;
  border-bottom: dotted 1px #b4b4b4;
}

.links .listelements
{
  float: left;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/Files/System/Ngs/bg_links_list.jpg);
  background-repeat: repeat-x;
  background-position: top left;
}

.links .listelements li
{
  float: left;
  display: block;
  width: 100%;
  padding-left: 14px;
  _padding-left: 7px;
  line-height: 26px;
}

.links .listelements li a
{
  color: #1e6200;
}

.links .listelements li img
{
  margin-right: 5px;
}

#frontlist
{
  float: left;
  display: block;
  width: 100%;
  margin-top: 5px;
}

#frontlist .heading, #frontlist .date, #frontlist .smallimage, #frontlist .text, #frontlist .link
{
  float: left;
  display: block;
  width: 100%;
  margin-top: 5px;
}

#frontlist .link
{
  padding-bottom: 10px;
  border-bottom: dotted 1px #b4b4b4;
}

#frontlist .link, #frontlist .link a
{
  color: #2a8800;
  text-align: right;
}

#newslist
{
  float: left;
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-left: -10px;
  _margin-left: -5px;
}

#newslist .newsline
{
  float: left;
  display: block;
  width: 100%;
  line-height: 15px;
}

#newslist .newsline a:hover
{
  text-decoration: none;
  cursor: pointer;
}

#newslist .newsline .newsdate
{
  float: left;
  display: block;
  width: 60px;
  font-size: 10px;
  color: #323232 !important;
}

#newslist .newsline .newsheading
{
  float: left;
  display: block;
  color: #1e6200 !important;
}

#sitemap
{
  float: left;
  display: block;
  margin-left: 5px;
  _margin-left: 2.5px;
}

#sitemap li, #sitemap ul li 
{
  list-style-type: square;
  list-style-position: inside;
}

#sitemap ul
{
  margin-left: 10px;
  _margin-left: 5px;
}

/* ------------ FOOTER ---------------- */
#clearfooter {
  float: left;
  display: block;
  height: 300px;
  min-height: 280px;
  width: 100%;
}

#footer {
  float: left;
  display: block;
  width: 931px;
  height: 266px;
  margin-top: -266px;
  background-image: url(LASTCOLBG.gif);
  background-repeat: repeat-x; 
  background-position: left top;
  margin-left: 10px;
  _margin-left: 5px;
  _z-index: 10;
}

#footer .address
{
  float: left;
  display: block;
  width: 190px;
  height: 180px;
  margin-left: 15px;
  _margin-left: 7.5px;
  margin-top: 44px;
  _margin-top: 0px;
}

#footercontent 
{
  float: left;
  display: inline;
  width: 722px;
  _width: 715px;
  height: 266px; 
  text-align: left;
  _margin-top: -60px;
  _z-index: 30;
}

#dwfooter
{
  float: left;
  display: block;
  position: absolute;
  margin-left: 926px;
  _margin-left: 463px;
  margin-top: 0px; 
}


