#divNav {
	margin: 0 auto;
	padding: 5px 0 0;
	height: 115px;
	width:  900px;
	}

#nav {
	position: relative;
	top: 0px;
	left:0px;
	height: 115px;
	text-align:left;
	margin:0;
	padding:0;
	background: url(/images/menu2/divider.gif) no-repeat left top;
	}

#nav li { /*float the main list items*/
		margin: 0px 12px 0px 0px;
		float: left;
		display: block;
		padding: 0px;
		font:normal 1px tahoma;
		width:100px;
		}
#nav li#liHome {
		width:100px;
		background-image:none;}


#nav li a {
		color: #224d6f;
		display: block;
		width: 100px;
		padding: 0;
		margin: 0;
		text-decoration: none;
		}
	
#nav li a span {
		font:normal 0px arial;
		color:white;
		}
		
/*do the image replacement*/
#liAbout a, #liShop a, #liLifestyle a, #liNews a, #liFan a, #liContact a, #liFaq a, #liHome a {
		display: block;
		position: relative;
		height: 93px;
		/*background:white no-repeat left top;*/
		background: no-repeat left top;
		}

/* BG hover circles */
#liAbout a     {color:#FF9933;background-image:url(/images/menu2/about.gif);}
#liShop a      {color:#6699CC;background-image:url(/images/menu2/shop.gif);}
#liLifestyle a {color:#FF6633;background-image:url(/images/menu2/lifestyle.gif);}
#liNews a      {color:#9999CC;background-image:url(/images/menu2/news.gif);}
#liFan a       {color:#33CC33;background-image:url(/images/menu2/fan.gif);}
#liContact a   {color:#FF99CC;background-image:url(/images/menu2/contact.gif);}
#liFaq a       {color:#B6DB69;background-image:url(/images/menu2/faq.gif);}
#liHome a      {color:#CC6666;background-image:url(/images/menu2/home.gif);}
	

/*put the subnav below*/
#nav li ul { 
		margin: 0;
		display: none;
		position: absolute;
		top: 86px;
		left: 0px;
		padding: 5px 0px;
		background: transparent;
		height: auto;
		/*width: 510px;*/
		width: 600px;}
#nav li li {
		margin: 0;
		float: left;
		display: block;
		padding: 0;
		background: transparent;
		width:auto;}

/* Format the subnav text */
#nav li ul a {
		float: left; /*ie doesn't inherit the float*/
		display: block;
		color: #444;
		font: small-caps 11pt arial, verdana, sans-serif;
		border-left:1px solid black;
		margin: 0 0 0 0;
		padding:0 5px 5px 6px;
		width: auto;
		height: auto;
		}
#nav li ul a.first {
		border:none;
		padding-left:1px;
		}

/* Clear BG image for subnav */
#nav li li a {background-image:none;} 
#nav li.over ul, #nav li.over ul li a { /*for ie - the specificity is necessary*/ background: transparent;}

/* Subnav OFF color */
#nav li ul#ulAbout a {color:#c60;}
#nav li ul#ulLifestyle a {color:#c30;}
#nav li ul#ulNews a {color:#66c;}
#nav li ul#ulFan a {color:#090;}

/* Subnav ON color */
#nav li ul#ulAbout a {color:#630;}
#nav li ul#ulLifestyle a {color:#600;}
#nav li ul#ulNews a {color:#009;}
#nav li ul#ulFan a {color:#030;}

/* How far from the left edge of the UL to place the left margin of the subnav? */
#nav li#liLifestyle ul {/*left:76px;*/left:100px;}
#nav li#liNews ul      {left:200px;}
#nav li#liFan ul       {left:255px;}

/* Bold subnav text on hover */
#nav li li a:hover {font-weight:bold;}
