#nav, #nav ul {
	float: left;
	width: auto;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: white;

background: rgb(238, 238, 238);

	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;

	padding: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	
/*	border: solid #eda;
	border-width: 1px 0; */
	z-index:2;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;


}



.banner1 { color: #666666; font-size: 2em; font-weight: 600;  }
.banner2 { color: orange;  font-size: 2em; font-weight: 600;  }
.banner3 { color: black;  font-size: 2em; font-weight: 600;  }

#dir_choice { font-size: 1.3em; color: brown; }

.top li { background: black;
	  background: white;  }
.top li ul li { background:  #006288;
	        background: white; 
     }

/*
.shop{  background: #D16405; }
.service{ background:#425227; }
.entertainment{ background: #660000; }
.business{ background:  #29407c; }
.business li  a { color: white;}
.community{ background: #006666; }
.alpha{ background: #003333;padding:1em;}
*/

#nav a {
font-size: 1.3em;
line-height: 1.2em;
	display: block;
	width: 8em;
	width: auto;
	padding-left: 1em;
	padding-right: 1em;
	
/* width: 13em; */
/*	w\idth: 6em; */
	color: #7C6240;
color: rgb(64, 134, 170);
	text-decoration: none;
/*	padding: 0.25em 2em; */
	z-index:2;
}


#nav li {
	float: left;
	padding: 0;
/*	padding-right: 1em; */
 	width: 12em;
	width: auto;
	border-right: 1px solid silver;
list-style: none;
/*  clear: both;  uncomment to make vertical*/
	z-index:2;
}


#nav li ul {
font-size: 1em;
	position: absolute;
	left: -999em;
	height: auto;
	width: 16.4em;
	w\idth: 15.9em;
	font-weight: normal;

	margin: 0;
border: 1px solid silver;
padding:0;

	z-index:2;
}

#nav li li {
	padding: 0;
	margin:0;
	width: 20em;
	padding-bottom: .3em;
	z-index:2;
}



#nav li ul a {
   color: #555;
width: auto;
}


#nav li ul a:hover {
   color: red;
}

#nav li ul ul {
	margin: -1.75em 0 0 16.5em;
/*	margin-left: 16em; 
	width: auto; */
width: auto;
background: white;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;

}





#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
top: auto;
/*
margin-left: 14em;
 margin-top: -1.4em;  uncomment for vertical */
}

#nav li:hover, #nav li.sfhover {
	background: #efefef; 
	font-weight: 300;
}

/* below are vertical styles 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 margin-left: 14em;
 margin-top: -1.4em;
 }

#nav li { clear: both; }
#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: 3em;
}

*/

#coupon_acc{
	margin-left: 6em;
	margin-top: 2em;
	}
.acc_name a{
	font-size: 1.4em;
	font-weight: 600;
	}
.acc_addr {
	font-size: 1.2em;
	color: #666;
}




#dir_box { margin-bottom: 13em;
	   background: white;
	   margin-left: 3em; }

#dir_box select {
	font-size: 1.2em;
	border: 1px solid #dedede;
	color: gray;	
	margin-bottom: .5em;
	padding: .5em;
}
#dir_box option{
	margin-bottom: .2em;
}
#dir_box .dir_choice{
	float: left;
	margin-left: 1em;

}

#dir_box .shop{  background: #D16405; color: white; 
float: left;
width: 9em;
font-size: 2em;
padding: .4em;
}


#dir_box h1 {
	font-size: 3em;
	margin-bottom: 1em;
	color: silver;
	font-weight: 800;
}

#dir_box .service{ background:#425227;color: white;
float: left;
width: 9em;
font-size: 2em;
padding: .4em;
}
#dir_box .entertainment{ background: #660000; color: white;
float: left;
width: 9em;
font-size: 2em;
padding: .4em;
}
#dir_box .business{ background:  #29407c; color: white;
float: left;
width: 9em;
font-size: 2em;
padding: .4em;
}
#dir_box .business li  a { color: white;color: white;
float: left;
width: 9em;
font-size: 2em;
padding: .4em;
}
#dir_box .community{ background: #006666; color: white;
float: left;
width: 9em;
font-size: 2em;
padding: .4em;
}
#dir_box .alpha{ background: #003333;padding:1em; color: white;
float: left;
width: 9em;
font-size: 2em;
padding: .4em;
}


#dir_box a {
	font-size: 1.1em;
	line-height: 1.2em;
	display: block;
	width: 8em;
	width: 13em;
	color:#f9f7ed;
	text-decoration: none;
	padding: 0.25em 2em;
	z-index:2;
}


#dir_box li {
	float: left;
	padding: 0;
	width: 12em;
	list-style: none;
	color: black;
	font-size: 1em;
/*  clear: both;  uncomment to make vertical*/
	z-index:2;
}


#dir_box li ul {
	font-size: 1em;
	position: absolute;
	left: -999em;
	height: auto;
	width: 16.4em;
	w\idth: 15.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	border: 1px solid;
	padding:0;
	padding-right: 1em;
	z-index:2;
}

#dir_box li li {
	padding: 0;
	margin:0;
	width: 25em;
	padding-bottom: .3em;
	z-index:2;
}

#dir_box li ul a {
width: auto;
}

#dir_box li ul ul {
	margin: -1.75em 0 0 16.5em;
	width: auto;
	background: #006288;
}

#dir_box li:hover ul ul, #dir_box li:hover ul ul ul, #dir_box li.sfhover ul ul, #dir_box li.sfhover ul ul ul {
	left: -999em;

}

#dir_box li:hover ul, #dir_box li li:hover ul, #dir_box li li li:hover ul, #dir_box li.sfhover ul, #dir_box li li.sfhover ul, #dir_box li li li.sfhover ul {
	left: auto;
top: auto;
}

#dir_box li:hover, #dir_box li.sfhover {
	font-weight: 600;
}



#dir_box .top li, #dir_box a { background: white; color: gray; }
#dir_box .top li ul li, #dir_box a { background:  white; color: gray; }
#dir_box .top li ul{ background:  white;  }



#dir_box #nav ul .top {
	background: white;
	color: white;
}




#dir_box li:hover ul, #dir_box li li:hover ul, #dir_box li li li:hover ul, #dir_box li.sfhover ul, #dir_box li li.sfhover ul, #dir_box li li li.sfhover ul {
 margin-left: 14em;
 margin-top: -1.4em; }

#dir_box li { clear: both; }
#dir_box li li:hover ul, #dir_box li li li:hover ul, #dir_boxnav li li.sfhover ul, #dir_box li li li.sfhover ul {
left: 3em;
}






