/*LAYOUT_________________________________________*/

body, html{
  margin: 25px;
  padding: 0;
  }

body{
  font: normal 11px/18px Verdana, Arial, sans-serif;
  }

a {outline: none;}
:-moz-any-link:focus {outline: none;}

/*MENU__________________________________________*/

ul#menu {float: left; display: inline; margin: 0; padding: 0; border: 0; width: 180px;}

ul#menu li.item1{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #006bab;}
ul#menu li.item1 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item1 a:link, ul#menu li.item1 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item1 a:hover, ul#menu li.item1 a:active{color: #747474; background-color: #b6cde5; text-decoration: none;}

ul#menu li.item2{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #00a4c0;}
ul#menu li.item2 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item2 a:link, ul#menu li.item2 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item2 a:hover, ul#menu li.item2 a:active{color: #747474; background-color: #c9e4ec; text-decoration: none;}

ul#menu li.item3{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #4b2077;}
ul#menu li.item3 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item3 a:link, ul#menu li.item3 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item3 a:hover, ul#menu li.item3 a:active{color: #747474; background-color: #c2b4d2; text-decoration: none;}

ul#menu li.item4{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #3898cf;}
ul#menu li.item4 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item4 a:link, ul#menu li.item4 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item4 a:hover, ul#menu li.item4 a:active{color: #747474; background-color: #d0dff1; text-decoration: none;}

ul#menu li.item5{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #cd0247;}
ul#menu li.item5 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item5 a:link, ul#menu li.item5 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item5 a:hover, ul#menu li.item5 a:active{color: #747474; background-color: #edc2bc; text-decoration: none;}

ul#menu li.item6{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #e9e000;}
ul#menu li.item6 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item6 a:link, ul#menu li.item6 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item6 a:hover, ul#menu li.item6 a:active{color: #747474; background-color: #e9e4ce; text-decoration: none;}

ul#menu li.item7{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #eb6909;}
ul#menu li.item7 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item7 a:link, ul#menu li.item7 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item7 a:hover, ul#menu li.item7 a:active{color: #747474; background-color: #ebd4c9; text-decoration: none;}

ul#menu li.item8{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #94c154;}
ul#menu li.item8 a{display: block; width: 180px; padding: 0 5px; line-height:20px;}
ul#menu li.item8 a:link, ul#menu li.item8 a:visited{color: #747474; background-color: #fff; text-decoration: none;}
ul#menu li.item8 a:hover, ul#menu li.item8 a:active{color: #747474; background-color: #d8dbcb; text-decoration: none;}

/*MENU_class=hier_______________________________*/

ul#menu li.item1hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #006bab;}
ul#menu li.item1hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item1hier a:link, ul#menu li.item1hier a:visited{color: #747474; background-color: #b6cde5; text-decoration: none;}
ul#menu li.item1hier a:hover, ul#menu li.item1hier a:active{color: #747474; background-color: #b6cde5; text-decoration: none;}

ul#menu li.item2hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #00a4c0;}
ul#menu li.item2hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item2hier a:link, ul#menu li.item2hier a:visited{color: #747474; background-color: #c9e4ec; text-decoration: none;}
ul#menu li.item2hier a:hover, ul#menu li.item2hier a:active{color: #747474; background-color: #c9e4ec; text-decoration: none;}

ul#menu li.item3hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #4b2077;}
ul#menu li.item3hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item3hier a:link, ul#menu li.item3hier a:visited{color: #747474; background-color: #c2b4d2; text-decoration: none;}
ul#menu li.item3hier a:hover, ul#menu li.item3hier a:active{color: #747474; background-color: #c2b4d2; text-decoration: none;}

ul#menu li.item4hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #3898cf;}
ul#menu li.item4hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item4hier a:link, ul#menu li.item4hier a:visited{color: #747474; background-color: #d0dff1; text-decoration: none;}
ul#menu li.item4hier a:hover, ul#menu li.item4hier a:active{color: #747474; background-color: #d0dff1; text-decoration: none;}

ul#menu li.item5hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #cd0247;}
ul#menu li.item5hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item5hier a:link, ul#menu li.item5hier a:visited{color: #747474; background-color: #edc2bc; text-decoration: none;}
ul#menu li.item5hier a:hover, ul#menu li.item5hier a:active{color: #747474; background-color: #edc2bc; text-decoration: none;}

ul#menu li.item6hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #e9e000;}
ul#menu li.item6hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item6hier a:link, ul#menu li.item6hier a:visited{color: #747474; background-color: #e9e4ce; text-decoration: none;}
ul#menu li.item6hier a:hover, ul#menu li.item6hier a:active{color: #747474; background-color: #e9e4ce; text-decoration: none;}

ul#menu li.item7hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #eb6909;}
ul#menu li.item7hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item7hier a:link, ul#menu li.item7hier a:visited{color: #747474; background-color: #ebd4c9; text-decoration: none;}
ul#menu li.item7hier a:hover, ul#menu li.item7hier a:active{color: #747474; background-color: #ebd4c9; text-decoration: none;}

ul#menu li.item8hier{float: left; display: inline; clear: left; list-style-type: none; margin: 0; border: 0; border-left: 4px solid #94c154;}
ul#menu li.item8hier a{display: block; width: 180px; padding: 0 5px; line-height:20px; font-weight: bold;}
ul#menu li.item8hier a:link, ul#menu li.item8hier a:visited{color: #747474; background-color: #d8dbcb; text-decoration: none;}
ul#menu li.item8hier a:hover, ul#menu li.item8hier a:active{color: #747474; background-color: #d8dbcb; text-decoration: none;}