ul#css3menu1,ul#css3menu1 ul{
margin:0;list-style:none;padding:0;/*background-color:#dbdee2;*/
/*border-width:0;border-style:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;*/
z-index:101;
/*border:solid 1px black;*/
}
ul#css3menu1 ul{
padding:5px;visibility:hidden;position:absolute;left:0;top:100%;opacity:0;-moz-transition:all 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;background-color:#CCFF99;border-width:1px;border-style:solid;z-index:101; border-color:#B8E68A;}
ul#css3menu1 li:hover>ul{
visibility:visible;opacity:1;z-index:101;}
ul#css3menu1 li{
position:relative;white-space:nowrap;font-size:1em; display:block;/*display: inline;*/float:left;z-index:101;}
ul#css3menu1 li:hover{
z-index:101;}
ul#css3menu1{
font-size:1em;width:900px; height:50px; z-index:999;position:relative;display:inline-block;zoom:1;padding:8px 0.2% 8px 0%;margin:0 0.2%;*display:inline;}
* html ul#css3menu1 li a{
display:inline-block; }
ul#css3menu1>li{
margin:0 0% 0 1.125%;width:auto; min-width :10%;/**/}
ul#css3menu1 li.toplast{
/*width:14%;*/}
ul#css3menu1 ul>li{
background-color:#CCFF99;margin:6px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:.9em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#475A60;cursor:pointer;padding:3px;background-color:transparent;background-repeat:repeat;background-position:0 0;
/*margin:5px; padding :3px;*/
}
ul#css3menu1 ul{margin-top:15px;}
ul#css3menu1 ul li{
background-color:#CCFF99;float:none;margin:4px 0 0;}
ul#css3menu1 ul a{
text-align:left;padding:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;color:#333333;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
border:0;border-style:none;color:#ee0;background-position:0 100%;text-decoration:none;}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:2%; width:15px;}
ul#css3menu1 span{
display:block;overflow:visible;background-image:url("arrow.png");background-position:right center;background-repeat:no-repeat;padding-right:26px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
color:#3db6e3;text-decoration:none;}
ul#css3menu1 li.topmenu>a{
}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
}
ul#css3menu1 li.toplast>a{
}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{
}
ul#css3menu1 li{ line-height:120%;}
ul#css3menu1 li .en{ margin:0px; margin-left:17px; line-height:100%; padding:0px; font-style:italic; color:#4B8A08; }
ul#css3menu1 li a:hover>.en{color:#ee0;text-decoration:none;}
/*@media only screen and (max-width:833px),only screen and (max-device-width:833px){
ul#css3menu1 ul{right:0;left:auto}
ul#css3menu1>li{width:24%;margin:0 0% 6px 0.75%;}ul#css3menu1>li:nth-child(4){width:25%}ul#css3menu1>li:nth-child(n+5){width:24%;margin:0 0% 0 0.75%;}ul#css3menu1>li:nth-child(8){width:25%}}
@media only screen and (max-width:435px),only screen and (max-device-width:435px){
ul#css3menu1 ul{left:0;right:auto}
ul#css3menu1>li{width:31%;margin:0 0% 6px 2%;}ul#css3menu1>li:nth-child(3){width:32%}ul#css3menu1>li:nth-child(n+4){width:31%;margin:0 0% 6px 2%;}ul#css3menu1>li:nth-child(6){width:32%}ul#css3menu1>li:nth-child(n+7){width:48%;margin:0 0% 0 1.5%;}ul#css3menu1>li:nth-child(8){width:49%}}
@media only screen and (max-width:324px),only screen and (max-device-width:324px){
ul#css3menu1>li{width:31%;margin:0 0% 6px 2%;}ul#css3menu1>li:nth-child(3){width:32%}ul#css3menu1>li:nth-child(n+4){width:48%;margin:0 0% 6px 2%;}ul#css3menu1>li:nth-child(n+6){width:31%;margin:0 0% 0 2%;}ul#css3menu1>li:nth-child(8){width:32%}}
@media only screen and (max-width:312px),only screen and (max-device-width:312px){
ul#css3menu1>li{width:48%;margin:0 0% 6px 2%;}ul#css3menu1>li:nth-child(n+3){width:48%;margin:0 0% 6px 2%;}ul#css3menu1>li:nth-child(n+5){width:48%;margin:0 0% 6px 2%;}ul#css3menu1>li:nth-child(n+7){width:48%;margin:0 0% 0 2%;}}
@media only screen and (max-width:239px),only screen and (max-device-width:239px){
/*ul#css3menu1>li{width:47%;margin:0 0% 6px 2.5%;}ul#css3menu1>li:nth-child(2){width:48%}ul#css3menu1>li:nth-child(n+3){width:97%;margin:0 0% 6px 3%;}ul#css3menu1>li:nth-child(n+4){width:97%;margin:0 0% 6px 3%;}ul#css3menu1>li:nth-child(n+5){width:47%;margin:0 0% 6px 2.5%;}ul#css3menu1>li:nth-child(6){width:48%}ul#css3menu1>li:nth-child(n+7){width:47%;margin:0 0% 0 2.5%;}ul#css3menu1>li:nth-child(8){width:48%}}
ul#css3menu1>li{width:97%;margin:0 0% 6px 3%;}ul#css3menu1>li:nth-child(n+1){width:97%;margin:0 0% 6px 3%;}ul#css3menu1>li:nth-child(8){width:98%;margin:0 0% 0 2%;}}*/
/* Vertical Menu --------------------------------------------------------------------------*/
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; /*WIDTH OF MAIN MENU ITEMS*/
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url(../img/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 100%; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width:100%; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../img/arrow.gif) no-repeat center right;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url(../img/glossyback2.gif);
}
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */
/* list ------------------------------------------------------------------------------------*/
#navcontainer
{
width: 100%;
font-size:1em;
text-align :left ;
background-color:#F0F5F5;
padding: 3px;
border-bottom :;
}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#navcontainer a
{
display: block;
padding: 3px;
width: 90%;
/*background-color: #fff;*/
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #345487;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #E0EEE0;
color: #111;
}