/* style the outer div to give it width */
.menu {position: absolute; z-index: 4; width: 651px; height: 24px; left: 323px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:24px;}

/* float the top list items to make it horizontal and a relative position so that you can control the dropdown menu position */
.menu ul li {float:left;height:24px;line-height:24px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:24px;font-size:9px;text-decoration:none;padding:0; background: transparent url(../miscImg/bg_nav.gif) no-repeat; text-indent: -9999px;}
.menu ul li.menuone a { background-position: 0px 0px; width: 95px; }
    .menu ul li.menuone a:hover { background-position: 0px -24px; }
    .menu ul li.menuone ul {margin-left: -32px;}
.menu ul li.menutwo a { background-position: -95px 0px; width: 113px; }
    .menu ul li.menutwo a:hover { background-position: -95px -24px; }
    .menu ul li.menutwo ul {margin-left: -23px;}
.menu ul li.menuthree a { background-position: -208px 0px; width: 125px; }
    .menu ul li.menuthree a:hover { background-position: -208px -24px; }
    .menu ul li.menuthree ul {margin-left: -17px;}
.menu ul li.menufour a { background-position: -333px 0px; width: 106px; }
    .menu ul li.menufour a:hover { background-position: -333px -24px; }
    .menu ul li.menufour ul {margin-left: -27px;}
.menu ul li.menufive a { background-position: -439px 0px; width: 91px; }
    .menu ul li.menufive a:hover { background-position: -439px -24px; }
    .menu ul li.menufive ul {margin-left: -34px;}
.menu ul li.menusix a { background-position: -530px 0px; width: 121px; }
    .menu ul li.menusix a:hover { background-position: -530px -24px; }
    .menu ul li.menusix ul {margin-left: -19px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}


/* style the sub-level lists */
.menu ul ul {width:160px; border:1px solid #BEC1B4; background: #FCF8D6 url(../miscImg/bg_subnav.gif) no-repeat bottom; padding-bottom: 30px; text-align: center;}
/* style the sub level list items */
.menu ul ul li {display:block;width:160px;height:auto;position:relative;line-height:auto; background: none;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background: transparent;
	color:#5f563f;
	width:160px;
	height:auto;
	line-height:15px;
	padding: 4px 0px;
	text-indent: 0px;
	font-size: 11px;
}
.menu ul li.menuone ul a, .menu ul li.menutwo ul a, .menu ul li.menuthree ul a, .menu ul li.menufour ul a, .menu ul li.menufive ul a, .menu ul li.menusix ul a { width: 160px;}

.menu ul table ul a, .menu ul table ul a:visited  { width:160px; w\idth:160px; }
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table { position:absolute; left:0; top:0; font-size:11px; z-index:-1; }
.menu ul ul table { lef\t:-1px; }
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 { background: none; }
/* style the second level hovers */
.menu ul ul a:hover{ color:#6D6A27; background: #FCFAEC; text-decoration: none; }
.menu ul ul :hover > a { color:#6D6A27; background: #FCFAEC; text-decoration: none; }


/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:24px; left:0; }
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; height:auto; }

body#vision .menu ul li.menuone a { background-position: 0px -24px; }
body#location .menu ul li.menutwo a { background-position: -95px -24px; }
body#community .menu ul li.menuthree a { background-position: -208px -24px; }
body#lifestyle .menu ul li.menufour a { background-position: -333px -24px; }
body#latest .menu ul li.menufive a { background-position: -439px -24px; }
body#resources .menu ul li.menusix a { background-position: -530px -24px; }
