@charset "utf-8";
/**************** horizontal menu coding *****************/
.menu {font-size: large; }

.menu ul {list-style: none; margin: 0; padding: 0; }

.menu a {background: url("../images/menu/tabs2L.gif") 0 0 no-repeat; color: #000;
display: block; float: left; height: 2em; font-weight: 700; padding: 0 0 0 15px;
text-decoration: none; font-size: medium; }

.menu span.tlvl {background: url("../images/menu/tabs2c.gif") 0 0 repeat-x; min-width: 90px; line-height: 2em; white-space: nowrap; padding: 0; margin: 0; vertical-align: middle; display: block; }

.menu span.rht {padding: 0 15px 0 0; text-align: center; 
background: url("../images/menu/tabs2r.gif") 100% 0 no-repeat; display: block; 
line-height: 2em; }

#ie7down .menu span.tlvl {width: 90px; white-space: nowrap; }

.menu a:hover {background: url("../images/menu/tabs2L.gif") 0 -60px no-repeat; }

.menu a:hover span.tlvl, .menu a:hover span.rht {background-position: 100% -60px; }

.menu span.di {
background: url("../images/arrow_down.gif") right bottom no-repeat !important;
padding: 0 10px 0 0 !important; display: block; line-height: 2em; }

.menu li {margin: 0 0 0 -4px; position: relative; float: left; padding-bottom: 0px; font-size: medium; }

.menu ul ul {padding: 0; position: absolute; left: 5px; top: 2em; width: 120px;
z-index: 5; border: 1px solid blue; background: cyan; }

.menu a:visited {color: #000; }

.menu a:hover, .menu a:focus, .menu a:active, .menu li:hover {color: #AA0000; }

.menu ul ul li {background: #bdd6ff; margin: 0; padding: 0; position: relative;
width: 100%; border-bottom: 1px solid #0000ff; z-index: inherit; }

.menu ul ul ul li {background: #7caaec; }

.menu ul ul ul ul li {background: #bdd6ff; }

.menu ul ul a {font-size: x-small; display: block; padding: .5em .4em;
background: transparent; float: none; height: auto; }

.menu ul ul a:hover {background: transparent; }

.menu ul ul li:hover {background: #7caaec; }

.menu ul ul ul li:hover {background: #bdd6ff; }


.menu ul ul ul {width: 120px; left: 100%; position: absolute; top: -1px; z-index: 70; }

div.menu ul ul, div.menu ul li:hover ul ul, div.menu ul ul li:hover ul ul {
display: none; }

div.menu ul li:hover ul, div.menu ul ul li:hover ul, div.menu ul ul ul li:hover ul {display: block; }


/**************** vertical menu coding *****************/

.smenu {margin: 5px 2px 0 0; padding: 0px 1px 3px 0; width: 115px; }

.smenu ul {list-style: none; margin: 0; padding: 0; border: 1px solid #0000ff; }

.smenu li {margin: 0; position: relative; width: 100%; padding: 0; background: #7caaec; border-bottom: 1px solid #0000ff; }

.smenu ul ul {padding: 0; position: absolute; width: 150px; left: 100%; top: -5px;
z-index: 5; }

.smenu li:hover {background: #bdd6ff; }

.smenu ul ul li {background: #bdd6ff; margin: 0; padding: 0; position: relative;
width: 100%; }

.smenu ul ul a {background-color: transparent; font-size: x-small; }

.smenu ul ul li:hover {background: #7caaec; }

.smenu li a {font-size: x-small; background-color: transparent; color: #000000;
display: block; font-weight: bold; padding: .5em .4em; text-align: center; text-decoration: none; }

.smenu li a:visited {color: #000000; }

.smenu li a:hover {color: #AA0000; background-color: transparent; }

div.smenu ul ul, div.smenu ul li:hover ul ul, div.smenu ul ul li:hover ul {
display: none; }

div.smenu ul li:hover ul, div.smenu ul ul li:hover ul, div.smenu ul ul ul li:hover ul {display: block; }

/********* Common Items **********************/

/*.menu ul li a, .smenu ul li a {height: auto; }*/

.smenu li a.yi, .menu ul ul li a.yi {
background-image: url("../images/arrow_right.gif") !important;
background-position: right center !important; background-repeat: no-repeat !important; padding-right: 15px; }

.menu li p, .smenu li p {/*color: red; border: solid #000000 1px;*/ 
font-size: x-small; font-weight: normal; margin: 0 !important; padding: .3em .4em;
text-align: center; }