/* common styling */

.container {height: 180px ;width:694px; background: #fff url(../images/misc/kilim.jpg) no-repeat; margin:0 auto; padding:10px; border:5px solid #333; border-bottom:32px solid #333;}

.menu {font-family: arial, sans-serif; font-weight: bold; width:140px; height:190px; position:relative; margin:0; padding: 0; font-size:11px;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:120px; height:35px; border:1px solid #666; border-width:1px 1px 0 0; background:transparent  url(../images/misc/opaque2.png); line-height:29px; font-size:11px; padding-left:10px;}

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

.menu ul li {float:left; position:relative;}

.menu ul li ul {display: none;}



/* specific to non IE browsers */

.menu ul li:hover a {color:#ddd; background:#333;}

.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:transparent;}

.menu ul li:hover ul li {float:left;}

.menu ul li:hover ul li a {display:block; background:transparent  url(../images/misc/opaque2.png); color:#000; width:130px; float:left;}

.menu ul li:hover ul li a:hover {background:#993333; color:#ddd;}