/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
font-size: 10pt;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
list-style: none;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 165px;

 z-index:100;

}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 150px;

 
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
 margin-left: 20px;
 padding: 3px;



  
}

.menulist ul li{
 background: #e7ebf6;
 border: 1px solid #CCC;
 padding-left: 10px;
 width: 150px;
 font-size:10px;
 font-weight:bold;
 padding:0 0 0 0px;

 }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;


 
}


/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #000000;
 text-decoration: none;
 
}
.menulist a:visited {
 color: #000000;
 
}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color:#1c5d89;
 text-decoration:underline;

}

.menulist li:hover{

background-position:center;

}


.menulist a.highlighted {
 color: #6F0000;

 

}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
 }


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */
.menulist li:hover>ul {
 display: block;
}


/* foot menu */
#foot ul
{
list-style: none;
padding-top: 5px;
padding-left:3px;
margin-left:0;
}
#foot li
{
display: inline;
padding: 0;
margin: 0;
color: #FFF;
}

#foot li:before { content: "| "; }
#foot li:first-child:before { content: ""; }

#foot a{

font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
#foot a:hover{
  color:#FFCC00;
  text-decoration: underline;
}




/*top menu */

#topmenu ul{
float: left;
   margin: 0;
  padding: 0;
}

#topmenu li {
  display: inline;
padding: 0 0.4em 0 0.4em;

}

#topmenu li a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#topmenu li a:hover{
    color:#FFCC00;
}

/* =-=-=-=-=-=-=-section-module-=-=-=-=-=-=-=- */

.section-module {
width: 200px;
border-bottom: 5px solid #1E84CE;
margin: 0;
margin-bottom: 15px;
background: url(img/blue_box_menu.gif) repeat-x;
}
 .section-module h3{
 margin: 0;
 padding-left: 25px;
  padding-top: 8px;
 height: 20px;
 background: url(img/menu_title_arrow_yellow.gif) no-repeat 10px 10px;
 color: #FFF;
   font-size: 80%;
 }

.section-module ul {
list-style: none;
margin: 0;
padding: 0;

}
.section-module ul li{
list-style-image: none;
height:23px;
}

.section-module li a {
height: 25px;
line-height: 25px;

voice-family: "\"}\"";
voice-family: inherit;
height: 25px;
text-decoration: none;
}

.section-module li a:link, .section-module li a:visited {
color: #000000;
font-size:10px;
font-weight:bold;
display: block;
background: url(img/left_nav_button.gif);
padding: 0px 0 0 10px;

}

.section-module li a:hover {
color: #26370A;
background: url(img/left_nav_button.gif) 0 -24px;
padding: 0px 0 0 10px;
text-decoration:underline;

}

.section-module li a:active , .section-module li a.current, .section-module li a.current:visited{
color:#ffffff;
background: url(img/left_nav_button.gif) 0 -49px;
padding: 0px 0 0 10px;
border-top:1px solid #1d84cd;

}


.section-module-grey {
 width: 200px;
 margin: 0;
 margin-bottom: 15px;
background: url(img/grey_box_menu.jpg) repeat-x;
border-bottom: 5px solid #DDD;
        }
.section-module-grey h3{
margin: 0;
padding-left: 25px;
padding-top: 8px;
height: 20px;
background: url(img/menu_title_arrow_blue.gif) no-repeat 10px 10px;
font-size: 80%;
 }

.section-module-grey ul {
list-style: none;
margin: 0;
padding: 0;
}
.section-module-grey ul li{
list-style-image: none;
}
.section-module-grey li a {
height: 25px;
line-height: 25px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}

.section-module-grey li a:link, .section-module-grey li a:visited {
color: #5E7830;
font-size:11px;
display: block;
background: url(img/left_nav_button_grey.gif);
padding: 0px 0 0 10px;
}

.section-module-grey li a:hover{
color: #26370A;
background: url(img/left_nav_button_grey.gif) 0 -25px;
padding: 0px 0 0 10px;
}


.section-module-grey li a:active, .section-module-grey li a.current, .section-module-grey li a.current:visited{
color: #297bb2;
background: url(img/left_nav_button_grey.gif) 0 -50px;
padding: 0px 0 0 10px;
}r{
color: #26370A;
background: url(img/left_nav_button_grey.gif) 0 -25px;
padding: 0px 0 0 10px;
}


.section-module-grey li a:active, .section-module-grey li a.current, .section-module-grey li a.current:visited{
color: #297bb2;
background: url(img/left_nav_button_grey.gif) 0 -50px;
padding: 0px 0 0 10px;
}