/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/drop_examples.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* commom style for all browsers */

.container4 {

text-align:center; background:#eee url(menu4.gif); border:0px solid #ffffff; border-width:1px 1px 1px 1px; height:0px;

margin:0 0 0px 0; /* for this demo only */

}

.menu4 {

text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:#ffffff; 

width:1002px; height:76px; margin:0 auto;

}

.menu4 ul {

padding:0; margin:0; list-style-type: none;

}

.menu4 ul li {

float:left; position:relative;

}

.menu4 ul li.home {background:transparent url(home.gif) no-repeat;}

/*.menu4 ul li.home:hover {background:transparent url(home_select.gif) no-repeat;}*/

.menu4 ul li.bill {background:transparent url(bill.gif) no-repeat;}

/*.menu4 ul li.bill:hover {background:transparent url(bill_select.gif) no-repeat;}*/

.menu4 ul li.entertainment {background:transparent url(entertainment.gif) no-repeat;}

/*.menu4 ul li.entertainment:hover {background:transparent url(entertainment_select.gif) no-repeat;}*/

.menu4 ul li.fashion {background:transparent url(fashion.gif) no-repeat;}

/*.menu4 ul li.fashion:hover {background:transparent url(fashion_select.gif) no-repeat;}*/

.menu4 ul li.gallery {background:transparent url(gallery.gif) no-repeat;}

/*.menu4 ul li.gallery:hover {background:transparent url(gallery_select.gif) no-repeat;}*/

.menu4 ul li.horoscope {background:transparent url(horoscope.gif) no-repeat;}

/*.menu4 ul li.horoscope:hover {background:transparent url(horoscope_select.gif) no-repeat;}*/

.menu4 ul li.jokes {background:transparent url(jokes.gif) no-repeat;}

/*.menu4 ul li.jokes:hover {background:transparent url(jokes_select.gif) no-repeat;}*/

.menu4 ul li.links {background:transparent url(links.gif) no-repeat;}

/*.menu4 ul li.links:hover {background:transparent url(links_select.gif) no-repeat;}*/

.menu4 ul li.recipes {background:transparent url(recipes.gif) no-repeat;}

/*.menu4 ul li.recipes:hover {background:transparent url(recipes_select.gif) no-repeat;}*/

.menu4 ul li.rest {background:transparent url(rest.gif) no-repeat;}

/*.menu4 ul li.rest:hover {background:transparent url(rest_select.gif) no-repeat;}*/

.menu4 ul li.wedding {background:transparent url(wedding.gif) no-repeat;}

/*.menu4 ul li.wedding:hover {background:transparent url(wedding_select.gif) no-repeat;}*/





.menu4 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}

.menu4 ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}



.menu4 ul li a, .menu4 ul li a:visited {

display:block; text-decoration:none; width:91px; height:30px; color:#CCCCCC; padding-left:0px; line-height:20px;

}

* html .menu4 ul li a, .menu4 ul li a:visited {

width:90px; w\idth:90px;

}



.menu4 ul li ul {

visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;

}



.menu4 table {

margin:-1px; border-collapse:collapse; font-size:1em;

}



/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */

.menu4 ul li:hover a,

.menu4 ul li a:hover {

color:#efefef; text-decoration:underline; border:0;

}



.menu4 ul li:hover ul,

.menu4 ul li a:hover ul {

visibility:visible; width:auto; height:auto; position:absolute; top:76px; 

left:-1px; background:url(opacity_pix.png); border: #94d72f 1px solid; overflow:visible;

}



.menu4 ul li:hover ul li a,

.menu4 ul li a:hover ul li a {

display:block; background:transparent; text-decoration:none; 

color:#efefef; height:auto; line-height:1em; padding:2px 2px 2px 10px; width:125px; w\idth:125px;

}



.menu4 ul li:hover ul li a.drop,

.menu4 ul li a:hover ul li a.drop {

display:block; color:#000; height:auto; line-height:1em; padding:2px 2px 2px 10px; width:120px; w\idth:125px;

}

.menu4 ul li:hover ul li ul,

.menu4 ul li a:hover ul li a ul {

visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;

}

.menu4 ul li:hover ul li a:hover,

.menu4 ul li a:hover ul li a:hover {

color:#94d72f; text-decoration:none;

}

.menu4 ul li:hover ul li:hover ul,

.menu4 ul li a:hover ul li a:hover ul {

visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;

}

.menu4 ul li:hover ul li:hover ul.left,

.menu4 ul li a:hover ul li a:hover ul.left {

left:-166px;

}

.menu4 ul li:hover ul li:hover ul li a,

.menu4 ul li a:hover ul li a:hover ul li a {

display:block; color:#ff00cc; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;

}

* html .menu4 ul li a:hover ul li a:hover ul li a {padding:2px 2px 2px 10px}

.menu4 ul li:hover ul li:hover ul li:hover a,

.menu4 ul li a:hover ul li a:hover ul li a:hover {

color:#000; text-decoration:none;

}