body table{
text-align:left;
}

/* style the outer div to give it width */
.s_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #692d10;
text-decoration: none;
cursor: hand; 
background:none !important;
}

.s_menu ul ul li { 
height:auto !important;

}

ul#nav li{
}

ul#nav ul{
width:177px;
position:absolute;
border:solid 1px #000!important;
z-index:1000;
background-image:url(img/bkg-navi.gif) !important;
background-color:#fff !important;
background-repeat:no-repeat !important;
background-position:bottom center !important;
}

ul#nav li{
height:31px;
z-index:1000;
}


/* remove all the bullets, borders and padding from the default list styling */
.s_menu ul {
padding:0;
margin:0;
list-style-type:none;
height:41px; 
}

html>body .s_menu ul{ 
z-index:10;
}

* html .s_menu {
background:#fff;
}


/* style the sub-level lists */
.s_menu ul ul {
height:auto;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown s_menu positon */
.s_menu ul li {
float:left;

}

/* style the sub level list items */
.s_menu ul ul li {
display:block;
height:auto;
position:relative;
line-height:1em;
}

/* style the links for the top level */
.s_menu a, .s_menu a:visited {
display:block;
float:left;
height:100%;
text-decoration:none;
color:#FFFFFF;
font-weight:normal;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
padding-top:10px;
padding-left:8px;
padding-right:8px;
}

html>body .s_menu a,
.s_menu a:visited {
}

.s_menu a:hover {
background:#fff;
color:#000;
}

/* style the sub level links */
.s_menu ul ul a,
.s_menu ul ul a:visited {
font-weight:normal;
font-size:13px;
display:block;
background-color: #fff;
color:#000;
width:172px;
padding:2px 0px 3px 5px;
margin:0;
}

*+html .s_menu ul ul a {
width:172px;
}

.s_menu ul ul a{
border-bottom:solid 1px #dbdbdb;
}

.s_menu ul ul a:hover{
background-color: #ebebeb;
border-bottom:solid 1px #dbdbdb;
}

* html .s_menu ul ul  {
margin-top:-2px;
}

.s_menu ul table ul a,
.s_menu ul table ul a:visited  {
width:14em; 
}


/* style the table so that it takes no part in the layout - required for IE to work */
.s_menu table {position:absolute; left:0; top:2px; }
.s_menu ul ul table {
lef\t:-1px;
}
.s_menu ul ul table ul.left {
margin-lef\t:2px;
}

.s_menu li:hover {
position:relative;
}
* html .s_menu a:hover {
position:relative;
}

/* style the third level background */
.s_menu ul ul ul a,
.s_menu ul ul ul a:visited {
background:#fff;
color:#000;

}
/* style the fourth level background */
.s_menu ul ul ul ul a, .s_menu ul ul ul ul a:visited {
background:#f8bc48;
}

/* style the level hovers */
/* first */
.s_menu a:hover {

}
.s_menu :hover > a {
background: #FFFFFF;
color:#D1233E; 
}

/* second */
.s_menu ul ul a:hover{
font-weight:normal;	

}
.s_menu ul ul :hover > a {
color:#000;
}
/* third */

.s_menu ul ul ul a:hover {
background: #fff;
color:#692D10
}

.s_menu ul ul ul :hover > a {
background: #fff;
color:#5c0600
}

/* fourth */
.s_menu ul ul ul ul a:hover {
background: #FF9400;
color:#566a00;
}

.submen a,
ul .submen a:hover,
.submen a:visited{

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.s_menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:41px;
left:0;
width:14em;
}

/* position the third level flyout s_menu */
.s_menu ul ul ul{
left:14em;
top:0;
width:14em;
}

/* position the third level flyout s_menu for a left flyout */
.s_menu ul ul ul.left {
left:-14em;
}


/* make the second level visible when hover on first level list OR link */
.s_menu ul li:hover ul,
.s_menu ul a:hover ul {
visibility:visible;
height:auto;
padding-bottom:3em;
background:transparent ;
}
/* keep the third level hidden when you hover on first level list OR link */
.s_menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.s_menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.s_menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.s_menu ul :hover ul :hover ul :hover ul {visibility:visible;}



.a01 {
background-color:#D1233E;
}
.a02 {
background-color:#D1233E;
}
.a03 {
background-color:#D1233E;
}
.a04 {
background-color:#D1233E;
}
.a05 {
background-color:#D1233E;
}
.a06 {
background-color:#D1233E;
}
.a07 {
background-color:#D1233E;
}
.a08 {
background-color:#D1233E;
}