body
{
    font-family: "ff-din-web",sans-serif;
    font-size:87%;
    color:#676765;
    margin:0px;
}

ul.menu

{
    padding:0px;
    margin:0px;
    list-style :none;
    list-style-position:outside;
    list-style-image:none;
    text-align:left;
    vertical-align:baseline;
    display:block;
    
}

.menu li:hover
{
    border: solid 1px #70a883;
    background-color:rgb(112,168,131);
}

.menu li .description
{
    font-style:italic;
    line-height:1.35em;
    display:block;
    padding-bottom:15px;
    padding-top:6px;
}

.menu li:hover .description
{
     color:White;
}

.menu a

{
      text-decoration:none;
}

.menu li:hover .title
{
    border-bottom-width:1px;
    border-bottom-color:#ffffff;
    border-bottom-style:dotted;
    color:White;

}

.menu li .title
{
    text-transform:uppercase;
    border-bottom-width:1px;
    border-bottom-color:#4d6649;
    border-bottom-style:dotted;
    display:block;
    padding-top:8px;
    font-size:1.18rem;
    padding-bottom:11px;
}

.menu li
{
    
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-right:20px;
    border: solid 1px #dcdbdb;
    width:214px;
    height:108px;
    
    cursor:pointer;
    text-align:center;
    
    transition-property: background,border;
    transition-duration:0.22s,0.44s;
    transition-timing-function:ease,ease;
    transition-delay:0s,0s;
    
    background-color:White;
}

#footer
{
    background-color:rgb(112, 168, 131);
    width:100%;
    height:50px;
}

#secondfooter
{
    background-color:rgb(223, 230, 225);
    width:100%;
    height:50px;
}

.TopMenu ul.AspNet-Menu /* Tier 1 */
{
    
    /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    border-bottom-width:1px;
    border-bottom-style:dotted;
}

.TopMenu ul.AspNet-Menu li /* Tier 1 */
{
    
    
   float:none !important;
    
}

.TopMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    z-index:100;
    color:White;
    top: 100%;
    left: 0;


}

.TopMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

.TopMenu li /* all list items */
{
    
    
}

.TopMenu li:hover, /* list items being hovered over */
.TopMenu li.AspNet-Menu-Hover
{
}

.TopMenu a, /* all anchors and spans (nodes with no link) */
.TopMenu span
{
    color: Black;
   line-height:12px;
   font-size:0.87rem;
     padding: 4px 8px 4px 8px ;
     /*text-transform:uppercase;*/
    
}

.TopMenu li.AspNet-Menu-Leaf a, /* leaves */
.TopMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

.TopMenu li:hover a, /* hovered text */
.TopMenu li:hover span,
.TopMenu li.AspNet-Menu-Hover a,
.TopMenu li.AspNet-Menu-Hover span,
.TopMenu li:hover li:hover a,
.TopMenu li:hover li:hover span,
.TopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.TopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.TopMenu li:hover li:hover li:hover a,
.TopMenu li:hover li:hover li:hover span,
.TopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.TopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: White;
   
}

.TopMenu li:hover li a, /* the tier above this one is hovered */
.TopMenu li:hover li span,
.TopMenu li.AspNet-Menu-Hover li a,
.TopMenu li.AspNet-Menu-Hover li span,
.TopMenu li:hover li:hover li a,
.TopMenu li:hover li:hover li span,
.TopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.TopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: White;
    
}

.TopMenu .AspNet-Menu-Selected /* this tier is selected */
{
    color:White;
         background-color:rgb(86,102,77);
}

.TopMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    
}

.TopMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    
}

a
{
    color:#70a883;
}

a:visited
{
    text-decoration:none;
}



hr
{
    border-top-width:0px;
    border-bottom-width:1px;
    border-bottom-style:dotted;
}

#slider
{
    width:100%;
    z-index:-1;
    top:140px;
    position:absolute;
    overflow-x:hidden;
    min-height:132px;
    background-color:rgb(238,238,238);
    
    
}


h1
{
 
    color:#70a883;
    border-bottom-width:1px;
    border-bottom-style:dotted;
    font-weight:normal;
    margin-top:0px;
    padding-bottom:10px;
}


.menublock
{
    background-color:rgb(112, 168, 131);
    height:40px;
    text-align:center;
    vertical-align:middle;
    font-size:16px;
}

.ProductMenu ul.AspNet-Menu /* Tier 1 */
{
    z-index:20;
  
     /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
}

.ProductMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    z-index:100;
    top: 100%;
    left: 0;
    
}

.ProductMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

.ProductMenu li /* all list items */
{
    
    
}

.ProductMenu li:hover, /* list items being hovered over */
.ProductMenu li.AspNet-Menu-Hover
{

}

.ProductMenu a, /* all anchors and spans (nodes with no link) */
.ProductMenu span
{
    color: Black;
    border-bottom:solid 1px #dddddd;
    background-color:White;
     padding: 8px 8px 12px 8px ;
     margin:5px;
     text-transform:uppercase;
    
}

.ProductMenu li.AspNet-Menu-Leaf a, /* leaves */
.ProductMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
   
}

.ProductMenu li:hover a, /* hovered text */
.ProductMenu li:hover span,
.ProductMenu li.AspNet-Menu-Hover a,
.ProductMenu li.AspNet-Menu-Hover span,
.ProductMenu li:hover li:hover a,
.ProductMenu li:hover li:hover span,
.ProductMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.ProductMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.ProductMenu li:hover li:hover li:hover a,
.ProductMenu li:hover li:hover li:hover span,
.ProductMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.ProductMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    text-decoration:underline;
}

.ProductMenu li:hover li a, /* the tier above this one is hovered */
.ProductMenu li:hover li span,
.ProductMenu li.AspNet-Menu-Hover li a,
.ProductMenu li.AspNet-Menu-Hover li span,
.ProductMenu li:hover li:hover li a,
.ProductMenu li:hover li:hover li span,
.ProductMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.ProductMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
 text-decoration:underline;   
}

.ProductMenu .AspNet-Menu-Selected /* this tier is selected */
{
    color:rgb(112, 168, 131);
}

.ProductMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    
}

.ProductMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    
}



.BottomMenu ul.AspNet-Menu /* Tier 1 */
{
    
}

.BottomMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    z-index:100;
    color:White;
   
    left: 0;
    
}

.BottomMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

.BottomMenu li a /* all list items */
{
   
    
}

.BottomMenu li:hover, /* list items being hovered over */
.BottomMenu li.AspNet-Menu-Hover
{
  
}

.BottomMenu a, /* all anchors and spans (nodes with no link) */
.BottomMenu span
{
 display:inline;
    color: Black;
   line-height:12px;
   font-size:0.87rem;
     padding: 4px 8px 4px 8px ;
     /*text-transform:uppercase;*/
    
}

.BottomMenu ul.AspNet-Menu a, .BottomMenu ul.AspNet-Menu li span
{
    display:inline !important;
}

.BottomMenu li.AspNet-Menu-Leaf a, /* leaves */
.BottomMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

.BottomMenu li:hover a, /* hovered text */
.BottomMenu li:hover span,
.BottomMenu li.AspNet-Menu-Hover a,
.BottomMenu li.AspNet-Menu-Hover span,
.BottomMenu li:hover li:hover a,
.BottomMenu li:hover li:hover span,
.BottomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.BottomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.BottomMenu li:hover li:hover li:hover a,
.BottomMenu li:hover li:hover li:hover span,
.BottomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.BottomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
 
   
}

.BottomMenu li:hover li a, /* the tier above this one is hovered */
.BottomMenu li:hover li span,
.BottomMenu li.AspNet-Menu-Hover li a,
.BottomMenu li.AspNet-Menu-Hover li span,
.BottomMenu li:hover li:hover li a,
.BottomMenu li:hover li:hover li span,
.BottomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.BottomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
   
    
}

.BottomMenu .AspNet-Menu-Selected /* this tier is selected */
{
    
       
}

.BottomMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    
}

.BottomMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    
}