@charset "utf-8";
/* CSS Document */

ul, li
{
	border:0;
	padding:0;
	margin:0;
	list-style:none;
}
#divNav 
{   font-size:small;
	position: absolute;
	z-index:90;
	top:170px;
	left:190px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	padding: 0px;
}
#nav    
{
    
	top: 20px;
	height: 100px;
	padding-left:0px;
	margin: 0px auto 0px 0px;
	overflow: hidden;
}
#nav li 
{
    /*float the main list items*/
	display: block;
	padding: 0px;
	margin-right:3px;
	float: left;
}
#nav li ul, #nav li ul 
{   
	margin:0px;
	padding:0px;
	display:none;	
}
#nav li a
{
	text-decoration: none;
	text-align: center;
}
#nav li.on
{margin-top:1px;opacity:.9;
    filter: alpha(opacity=90);
    background-color:#596c2d;
}
#nav li.on a
{
	color:#ffffff;
}
#nav li.on ul a:hover 
{
    color:#ffffff;
}
#nav li.off ul, #nav li.on ul  
{ 
	/*put the subnav below*/
	position: absolute;/*needs to be same color as wrapper*/
	top: 40px;
	width:675px;
	left:0px;
	background-color:#596c2d;
	padding-top:10px;/*padding under the main menu*/
	padding-left:0px;
	height: 35px;
	margin-left:0px;
	/*color: #666666;*/
}
#nav li a 
{
	display: block;
	padding: 8px 30px;
	/*color: #596C2D;*/
}
#nav li.on ul a, #nav li.off ul a
{
	border: 0;
	float:left;
	padding:0px 15px 0px 15px;
	margin-left: auto;
	margin-right: auto;
}
#nav li#liproducts.off ul a,#nav li#liproducts.on ul a
{
	left:25px;
}
#nav li#liproducts.on ul a:hover
{   
	left:25px;
}
#nav li#liabout.off ul a, #nav li#liabout.on ul a
{
	left:260px;
}
#nav li#limills.off ul a, #nav li#limills.on ul a
{
	left:130px;
}
#nav li#ligallery.off ul a, #nav li#ligallery.on ul a
{
	left:135px;
}
#nav li.on:hover ul a, #nav li.over ul li a 
{ 
	/*for ie - the specificity is necessary*/
	/*background-color:transparent;*/
}
#nav li.on ul 
{
	display: block;
	/*background-color: #006600;*//*same color as #nav li.on*/
}
#nav li.off:hover ul, #nav li.over ul 
{
	z-index: 6000;
	display: block;
}
#nav li.off a:hover, #nav li.on a:hover 
{ 
	/*this needs to be the same color as #nav li.off:hover ul above*/
	/*color: #FF9900;*/ 
}
#lihome a, #liproducts a, #liabout a, #limills a, #ligallery a 
{
	color:#270C05;
	display: block;
	position: relative;
	height: 23px;
}
/*first, put the initial states in place*/

#lihome.off,#liproducts.off,#liabout.off,#limills.off,#ligallery.off
{
	font-weight:light;height:35px;
	background-color:#4c5c27;
	margin-top:4px;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/

.on a:hover 
{
} 
/*add selectors for the other li's and background-positions*/

/*hover states*/
#lihome.off a:hover, #lihome.off:hover a, #lihome.off.over a 
{       
	background-color:#4c5c27;
    margin-top:0px;
	color:#ffffff;
}
#liproducts.off  a:hover, #liproducts.off:hover a, #liproducts.off.over a 
{       
	background-color:#4c5c27;
    margin-top:0px;
	color:#ffffff;
}
#liabout.off a:hover, #liabout.off:hover a, #liabout.off.over a 
{   
	background-color:#4c5c27;
    margin-top:0px;
	color:#ffffff;
}
#nav li.off ul 
{
	background-color:#4c5c27; 
}

#limills.off a:hover, #limills.off:hover a, #limills.off.over a 
{   background-color:#4c5c27;
    margin-top:0px;
	color:#ffffff;
}
#ligallery.off a:hover, #ligallery.off:hover a, #ligallery.off.over a 
{   background-color:#4c5c27;
    margin-top:0px;
	color:#ffffff;
}

/*subnav formatting*/
 #nav li.on ul a 
{background-color:#596c2d;
	color:#270C05;/*color: #596C2D;*/
    padding-top:0px;
	/*background-color:transparent;*/
	display: block;
	font-family: arial, Tahoma, sans-serif;
	font-size: small;
}		

#nav li.on ul a:hover
{background-color:#596c2d;
	color:#270C05;/*color: #596C2D;*/
    padding-top:0px;
	/*background-color:transparent;*/
	display: block;
	font-family: arial, Tahoma, sans-serif;
	font-size: small;
}		
#nav li.off ul a
{
	display: block;color:#ffffff;
	font-family: arial, Tahoma, sans-serif;
	font-size: small;
	margin-left:0px;
	padding-top:0px;
}
#nav li.off ul a:hover 
{
	color:#270C05;
}
#nav #lihome,#nav #liproducts,#nav #liabout,#nav #limills
{
	width:132px;
}
#nav #ligallery 
{
	width:135px
}

#nav li#liabout li a,#nav li#liproducts li a,#nav li#limills li a,#nav li#ligallery li a
{
	color:#270C05;
	padding-top:4px;
}
#nav li#liabout li a:hover,#nav li#liproducts li a:hover,#nav li#limills li a:hover, #nav li#ligallery li a:hover
{
	color:#ffffff;
}

#nav li#liproducts li a.active,#nav li#liabout li a.active, #nav li#limills li a.active,#nav li#ligallery li a.active
{
	color:#ffffff;
} 

#nav li.on a.rollover

{background-color:#596c2d;}