﻿#menu {overflow:scroll;
       overflow-x:hidden;
       direction:ltr;
}
#menu * {margin:0; padding:0;}

#menu a { text-decoration: none }
#menu a:active, #menu a:focus { outline: none; }
#menu ul { list-style: none}
#menu li { font-size: 11px; }

#menu .sm1 { }
#menu .sm2 { }
#menu .sm3 { }
#menu .sm4 { }

#menu li, #menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 { font-size: 1em; font-family: Arial; }

* html #menu ul ul li a {height:100%;}
* html #menu ul li a {height:100%;}
* html #menu ul ul li {margin-bottom:-1px;}

#menu li {border-left: solid 0 #69c; padding: 0; margin-bottom: 0px;}
#menu li a {padding: 3px 20px 3px 6px; display: block; color: #bacfdb;}
#menu li a:hover {/*padding-left: 8px;*/ background-color: #ffcc00; color: #1c303b;}
#menu li.selected a {background: none #fff; color: #1c303b;}
#menu li.selected a:hover {background-color: #ffcc00; color: #003366}

#menu ul ul li {border-left-width: 25px;}
#menu ul ul li a {background-color:#1c334a; border-bottom: #6699cc 1px solid}
#menu ul ul li a:hover {background-color: #ffcc00; color: #1c303b}

#menu ul ul ul li {border-bottom: #ffffff 1px solid;}
#menu ul ul ul li a {background-color:#48719A; color: #ffffff}
#menu ul ul ul li a:hover { color: #1c303b}

#menu ul ul ul ul li {border-bottom: #eee 1px solid;}
#menu ul ul ul ul li a {}
#menu ul ul ul ul li a:hover {background-color: #ffcc00; color: #003366}

#menu h1 a, #menu h2 a, #menu h3 a, #menu h4 a { font-weight:bold }

#menu h1 { }
#menu h1 a { background: url(images/menu_down.gif) #a6afb0 no-repeat 98% top; color: #1c303b; border-bottom: 1px solid #ffffff; text-transform: uppercase; }
#menu h1 a:hover {background-color: #ffcc00; color: #003366 }
#menu h1.selected a { background: url(images/menu_up.gif) #a6afb0 no-repeat 98% top; color: #1c303b; }
#menu h1.selected a:hover { background-color: #ffcc00; color: #1c303b}

#menu h2 { }
#menu h2 a { background: url(images/menu_h2_down.gif) #1c334a no-repeat 98% top; color: #bacfdb; border-top: #6699cc 1px solid; border-bottom: #fff 1px solid; }
#menu h2 a:hover {background: url(images/menu_down.gif) #ffcc00 no-repeat 98% top; color: #003366} 
#menu h2.selected a { background: url(images/menu_up.gif) #ffffff no-repeat 98% top; color: #1c303b; }
#menu h2.selected a:hover { color: #1c303b}

#menu h3 { }
#menu h3 a { background: url(images/menu_down.gif) #48719a no-repeat 98% top; color: #fff; }
#menu h3 a:hover {background-color: #ffcc00; color: #003366 }
#menu h3.selected a { background: url(images/menu_up.gif) #fff no-repeat 98% top; color: #1c303b; }
#menu h3.selected a:hover { color: #1c303b }

#menu h4 { }
#menu h4 a { background: url(images/menu_down.gif) #48719a no-repeat 98% top; color: #333; border-top: #36a 1px solid; border-right: #36a 1px solid; }
#menu h4 a:hover {background-color: #ffcc00; color: #003366}
#menu h4.selected a { background: url(images/menu_up.gif) #fff no-repeat 98% top; color: #1c303b; }
#menu h4.selected a:hover { color: #1c303b}

