/* %Y% %M% %I% %E% */
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  margin: 10px;
}


a:link {
    color: #0000FF;
    text-decoration: none
}

a:visited {
    text-decoration: none;
    color: green;
}

a:hover {
    color: #99CCFF;
    text-decoration: underline
}
a:active{
    color: #99CD00;
    text-decoration: underline
}
a.secret:link {
  color: #AC335F;
  font-weight: bold;
}

a.secret:visited {
  color: #AC335F;
  font-weight: bold;
}

a.secret:hover {
  color: #AC335F;
  font-weight: bold;
}

a.button:link {
  color: blue;
  padding: 5px;
}

a.button:visited {
  color: blue;
  padding: 5px;
}

a.button:hover {
  color: blue;
  padding: 5px;
}

a.currentbutton:link {
  color: #AC335F;
  font-weight: bold;
  padding: 5px;
}

a.currentbutton:visited {
  color: #AC335F;
  font-weight: bold;
  padding: 5px;
}

a.currentbutton:hover {
  color: #AC335F;
  font-weight: bold;
  padding: 5px;
}

div.main {
  min-width: 650px;
}

div.header {
  background-image: url(headgradient.jpg);
  background-repeat: repeat-y;
  height: 100px;
  margin-left: 2px;
}

div.menu {
  background-color: #8CD8B0;
  clear: left;
  margin-left: 2px;
  margin-top: 2px;
  height: 17px;
  width: 100%;
}

div.content {
  background-image: url(leftgradient.jpg);
  background-repeat: repeat-y;
  margin-left: 2px;
  margin-top: 2px;
}

div.leftcontent {
  float: left;
  width: 150px;
}

div.maincontent {
  margin-left: 150px;
}


div.rightcontent {
  float: right;
  width: 160px;
}

div.tableft {
  float: left;
  height: 20px;
  width: 5px;
}

div.tabright {
  float: left;
  height: 20px;
  width: 5px;
}

div.greenboxleft {
  float: left;
  width: 160px;
}

div.greenboxright {
  clear: right;
  float: right;
  width: 160px;
}

div.greentabcenter {
  background-color: #8CD8B0;
  float: left;
  height: 20px;
  padding: 0px;
  width: 146px;
}

div.greentabcontent {
  background-color: #F0FFF0;
  border: 2px solid #8CD8B0;
  clear: left;
  margin: 0px 4px 0px 0px;
}

div.bluetableft { 
  float: right;
  height: 20px;
  width: 5px;
}

div.bluetabright { 
  float: right;
  height: 20px;
  width: 5px;
}

div.bluetabcenter {
  background-color: #5F33AC;
  float: right;
  height: 20px;
  padding: 0px;
  width: 146px;
}

div.blueboxleft {
  float: left;
  width: 360px;
}

div.blueboxright {
  float: right;
  width: 160px;
}

div.bluetabcontent {
  background-color: #F0F0FF;
  border: 2px solid #5F33AC;
  clear: left;
  margin: 0px 0px 0px 4px;
}

div.blueboxrightbig { 
  clear: right;
  float: right;
  width: 250px;
}

div.bluetabcontentbig { 
  background-color: #F0F0FF;
  clear: left;
}

div.contacthead {
  float: left;
  width: 100px;
}

div.contact { 
  background-color: #F0F0FF;
  margin: 10px 10px 10px 110px;
  padding: 10px;
  width: 250px;
}

div.footer {
  margin-bottom: 2px;
  margin-top: 2px;
}

div.half {
  float: left;
  margin-right: 10px;
  width: 35%;
}

table {
    background-color: #FFFFFF;
	border
}

td.submenu {
	
    width: 100%;
}

span.contact {
  font-size: 80%;
  text-align: right;
}

hr {
  clear: both;
  color: #AC335F;
  height: 1px;
}

h1 {
  margin: 2px 2px 10px 2px;
  text-align: left;
  font-style: italic;
  font-weight: normal;
  color: #5F33AC;
  font-size: 150%;
}

h2 {
  font-size: 150%;
  font-weight: bold;
  margin: 2px 2px 10px 2px;
  color: #5F33AC;
}

h3 { 
  clear: left;
  font-size: 150%;
  font-weight: bold;
  margin: 2px 2px 10px 2px;
  color: #5F33AC;
}

h4 { 
  font-size: 120%;
  font-weight: normal;
  color: #5F33AC;
  margin: 2px 2px 10px 5px;
}

h5 {
  font-size: 110%;
  font-weight: bold;
  color: #5F33AC;
  margin: 2px 2px 10px 2px;
}

h6 {
  font-size: 100%;
  font-weight: bold;
  margin: 2px 2px 10px 2px;
}

p {
  margin: 2px 2px 10px 2px;
  text-align: left;
}

p.lefttext { 
  color: #AC335F;
  font-style: italic;
  margin: 150px 2px 10px 2px;
  text-align: left;
}

p.center {
  margin: 2px 2px 10px 2px;
  text-align: left;
}

p.right {
  margin: 2px 2px 10px 2px;
  text-align: right;
}

p.header {
  margin: 0px;
  text-align: right;
}

p.submenuhead {
  margin: 0px;
}

p.tabcenter {
  color: #FFFFFF;
  font-weight: bold;
  margin: 0px;
  padding: 2px;
  text-align: left;
}

p.tabcontent {
  margin: 2px;
  text-align: left;
}

p.tabcontentbig { 
  margin: 10px;
  padding: 10px;
}

p.brochure { 
  margin: 10px;
  padding: 10px;
  text-decoration: underline;
  text-align: left;
  color: #5F33AC; 
}

p.clear {
  clear: both;
  margin: 0px;
  padding: 0px;
}

p.footer {
  margin: 0px;
  font-size: 8pt;
  text-align: left;
}

ul.menu {
  /*background-color: #8CD8B0;*/
  list-style: none;
  margin: 0px;
  padding: 0px;
}

li.menu {

/* background-color: #8CD8B0;*/
  float: right;
  padding: 0px;
  position: relative;
  width: 7em;
  text-align: center;
}

li.menu ul {
/*  background-color: #8CD8B0;*/
  display: none;
  left: 0px;
  position: absolute;
  top: 1em;
}

li.menu>ul {
  left: auto;
  top: auto;
}

li.menu:hover, li.menu.over { 
  /*background: #BCE8D1;*/
  height: 17px;
}

li:hover ul, li.over ul {
  background: #BCE8D1;
  display: block;
}

ul.submenu {
  /*background-color: #8CD8B0;*/
  border: solid 1px #BCE8D1;
  list-style: none;
  margin: 3px 0px 0px 0px; /* FIXME: mozilla leaves gap - actually IE bug :)*/
  padding: 0px;
  width: 12em;
}
.ltit
{
position: relative;
left:50px;
}


li.submenu {
  /*background-color: #8CD8B0;*/
  list-style: none;
  border: solid 1px #BCE8D1;
  margin: 0px;
  padding: 0px;
  position: relative;
  right: 6px;
  /*width: 12em;*/
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: blue; 
}


ul.sitemap {
  margin-top: 2px;
  margin-bottom: 2px;
  list-style: none;
}

li.sitemap ul {
  list-style: none;
}

li.sitemapblank {
  list-style: none;
}

ul.index { 
  list-style: none;
  margin-top: 0px;
}

li.indexcurrent { 
  list-style: disc;
}

img {
  border: none;
}

img.headerleft {
  display: block !important;
  float: left;
  height: 100px;
  width: 123px;
}

img.headerright {
  display: block !important;
  float: right;
  height: 100px;
  width: 508px;
}

img.tableft {
  display: block !important;
  height: 20px;
  width: 5px;
}

img.tabright {
  display: block !important;
  height: 20px;
  width: 5px;
}

img.left {
  float: left;
}

img.leftclear {
  clear: left;
  float: left;
}

img.right {
  float: right;
}

ul.makeMenu, ul.makeMenu ul {
  width: 12em;                 
  padding-left: 0px; 
  background-color: #FFFFFF;            
  cursor: default;             
  margin-left: 0px;            
}
ul.makeMenu li {
  list-style-type: none;       
  margin: 0px;                 
  position: relative;          
              
}
ul.makeMenu li > ul {          
  display: none;               
  position: absolute;          
  top: 2px;                  
  left: 12em;                  
                               
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  color: #000;                 
}
ul.makeMenu ul.CSStoShow {     
  display: block;              
}
ul.makeMenu li:hover > ul {    
                                
  display: block;              
}
ul.makeMenu li a { display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #006699; }
ul.makeMenu li:hover > a { color: #006699; }