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

/* remove the list style */
#nav{
margin:0; 
padding:0; 
list-style:none;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */

#nav li{
float:left; 
display:block;
width:140px; 
background-color:#161616;
position:relative;
z-index:500;
border-left:1px inset #39342f;
}

/* this is the parent menu */
#nav li a{
display:block; 
height:52px; 
text-decoration:none; 
color:#fff; 
text-align:left; 
}

#nav li a:hover{
color:#fff;
}
	
/* you can make a different style for default selected value */
#nav a.selected{
color:#f00;
}

#nav a.homeButton{
background-image:url(../images/homeButton.png);
background-color:#161616;
}
#nav a.homeButton:hover{
background-image:url(../images/homeButton.png);
background-color:#000;
}

#nav a.lexingtonButton{
background-image:url(../images/allLexingtonButton.png);
background-color:#161616;
}
#nav a.lexingtonButton:hover{
background-image:url(../images/allLexingtonButton.png);
background-color:#000;
}

#nav a.mediaButton{
background-image:url(../images/mediaButton.png);
background-color:#161616;
}
#nav a.mediaButton:hover{
background-image:url(../images/mediaButton.png);
background-color:#000;
}

#nav a.historyButton{
background-image:url(../images/historyButton.png);
background-color:#161616;
}
#nav a.historyButton:hover{
background-image:url(../images/historyButton.png);
background-color:#000;
}

#nav a.restorationButton{
background-image:url(../images/restorationButton.png);
background-color:#161616;
}
#nav a.restorationButton:hover{
background-image:url(../images/restorationButton.png);
background-color:#000;
}

#nav a.registerButton{
background-image:url(../images/registerButton.png);
background-color:#e48251;
}
#nav a.registerButton:hover{
background-image:url(../images/registerButton.png);
background-color:#bf6b40;
}


	
/* submenu, it's hidden by default */
#nav ul{
position:absolute; 
left:0; 
display:none; 
margin:0 0 0 -1px; 
padding:0; 
list-style:none;
}
		
#nav ul li{
width:212px; 
float:left; 
border-top:1px solid #39342f;
border-left:none;
border-right:none;
}
		
/* display block will make the link fill the whole area of LI */
#nav ul a{
display:block;  
height:24px;
color:#CCCCCC;
font-size:11px;
padding:10px 0 0 18px;
border-left:1px solid #39342f;
border-right:1px solid #39342f;
}

#nav ul a:hover{
background-color:#e48251;
}









/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
margin:0 0 0 -2px;
}