@charset "UTF-8";
/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding:0;
margin:0;
}


a{
color:#666666;
}

a:hover{
color:#FF9933;
}

.text{
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
}

.headline{
color:#666;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.header{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px
}

.nav a{
color:#999999;
text-decoration: none;
font-size:12px;
}

.nav a:hover{
color:#FF9933;
text-decoration: none;
font-size:12px;
}



.menu {font-family: verdana, arial, sans-serif; width:106px; position:relative; font-size:12px; margin:00px auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:94px; height:20px; text-align:left; color:#999; padding-left:0px; border:1px solid #fff; border-width:0 1px 1px 0; background:#fff; line-height:20px; font-size:12px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.menu ul li:hover a, .menu ul li a:hover {color:#999; background:#fff;}

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:20px; left:0;}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#fff; color:#000;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000;width:199px; clear:both;}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:fff; color:#000;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#fff; color:#999; width:100%; padding-left:0px;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#fff; color:#FF9933;}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#fff; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#fff; color:#000;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}



div#insert {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 420px; 
  height: 180px; 
  z-index: 100;
  }
  
div#insert a {
  display: block; 
  text-align: left; 
  padding: 0px 0px; 
  margin: 0 0 1px; 
  text-decoration: none; 
  color: #666; 
  font-weight:bold;
  }
  
div#insert a:hover {
  color: #FF9933; 
  
  }

div#insert a span {display: none;}
div#insert a:hover span {
   display: block;
   text-align:left;
   position: absolute; 
   top: 94px; 
   left: 0; 
   width: 430px;
   padding: 5px; 
   z-index: 100;
   color: #666;
   font-weight:100;
   }



/* IE6 hacks */
.menu ul li table ul {visibility: visible; top: -95px; left: 0px; white-space:nowrap;}
div#noinsert div#insert a {cursor: default;}
div#noinsert div#insert a span {position: relative; display: block; font-weight: 100; color: #666;}
div#noinsert div#insert a:hover span {position: relative; display: block; top: auto;left:auto; width: auto; padding: auto;z-index:auto; cursor: default;}
div#noinsert div#insert {height: 200px; overflow: auto;}
