@charset "utf-8";
@import url("reset.css");
/* CSS Document */

/* common to ALL */

.menu {
font-weight:bold;
}
.menu ul {
 padding:0px;
 list-style: none;
 margin: 0px;
 }
.menu ul li {
z-index: 150;
float:left;
position:relative;
border: 1px solid #030; /* #030 light grey <--- border color for main menu buttons 7*/
margin-right: 10px;
width: 70px; /* <--- required for IE 7*/
height: 18px;
text-align: center;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#333; /* #030<--- font color for main menu buttons #597691 */
height:18px;
line-height:18px;
font-size:14px;
font-weight:bold;
overflow:hidden;
background-color:#cc9; /* <--- background color for main menu buttons */
}
.menu ul li ul {
display: none;
}
#submenu01 {
 position: relative;
 text-align: left;
 border: 1px solid #CCC; /* submenu border color*/
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: -1px;
 margin-left: 0px;
 width: 190px;
 height: 18px;
 text-indent: 13px;;
}
#submenu02 {
 position: relative;
 text-align: left;
 border: 1px solid #CCC; /* submenu border color*/
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: -1px;
 margin-left: 0px;
 width: 170px;
 text-indent: 7px;
}
#submenu03 {
 position: relative;
 text-align: left;
 border: 1px solid #CCC; /* submenu border color*/
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: -1px;
 margin-left: 0px;
 width: 150px;
 text-indent: 5px;
}
/*-------------------------------*/
/* specific to non IE 6 browsers */
.menu ul li:hover a {
 color:#fff;
 background-color: #CCC;
}
.menu ul li:hover ul {
 z-index:150;
 display:block;
 position:absolute;
 /* width: auto; /* <--- required for IE 7*/
 left: 0px;
}
.menu ul li:hover ul li ul {
 display: none;
}
.menu ul li:hover ul li a {
 display:block;
 color:#333; /* submenu font color*/
 font-weight:500;
 font-style:normal;
 background-color: #CCC; /* submenu background color*/
 font-size: 14px;
}
.menu ul li:hover ul li a:hover {
 color:#fff;
 background:#CCC;
}
.menu ul li:hover ul li:hover ul {
 display:block;
 position:absolute;
 left:150px;
 top:0px;
} 
