/*.menu {font-family: arial, sans-serif; width:170px;height:160px; position:relative; font-size:11px; margin:20px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:gray; width:170px; height:25px;  text-align:left; border:1px solid #fff; border-width:1px 1px 0 0; font-weight:bolder; background:#f1f1f1; font-size:11px; line-height:19px; padding-left:4px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}*/

/* for non IE browsers */
/*.menu ul li:hover a {color:gray; background:#d1d1d1;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:175px; width:240px;}
.menu ul li:hover ul li a.hide {background:#d1d1d1; color:gray;}
.menu ul li:hover ul li:hover a.hide {width:240px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#d1d1d1; color:gray; width:240px;}
.menu ul li:hover ul li a:hover {background:#8abddc; color:gray;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:245px; top:0; color:gray;}
.menu ul li:hover ul li:hover ul li a {display:block; width:380px; background:#f1f1f1; color:gray;}
.menu ul li:hover ul li:hover ul li a:hover {background:#8abddc; color:gray;}
li{list-style-image:url(images/graphics/bullet_menu.gif);}*/





.menu {font-family: Lato, Muli, arial, sans-serif; width:190px; height:230px; position:relative; font-size:14px; margin:22px 0; z-index:999; border-radius: 7px;
-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.menu ul li a, .menu ul li a:visited {display:block; list-style:none; text-decoration:none; color:gray; width:190px; height:31px;  text-align:left; border:1px solid #fff; border-width:1px 1px 0 0;  background:#f1f1f1; font-size:14px; line-height:19px; padding:5px 0 0 5px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;list-style:none;}
.menu ul li ul {display: none;}

/* for non IE browsers */
.menu ul li:hover a {color:gray; background:#d1d1d1;list-style:none;list-style:none;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:195px; width:240px;list-style:none;}
.menu ul li:hover ul li a.hide {background:#e2e2e2; color:gray;}
.menu ul li:hover ul li:hover a.hide {width:240px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#e2e2e2; color:gray; width:240px;}
.menu ul li:hover ul li a:hover {background:#8abddc; color:white;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:245px; top:0; color:white;}
.menu ul li:hover ul li:hover ul li a {display:block; width:360px; background:#e2e2e2; color:gray;}
.menu ul li:hover ul li:hover ul li a:hover {background:#8abddc; color:white;}
li{list-style-image:url(images/graphics/bullet_menu.gif);}