/* CSS Menus
Modify as needed.
*/
/** [ TOP MENU ] **/
#navigation ul {
	padding: 12px 0px 10px 0px;
	text-align: center;
	height: 16px;
	position: relative;
	z-index: 100;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {	
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 10px 9px;
}
#navigation ul li a:hover {
	color: #1a1a1a;
	background: url(../images/bg/nav-hover.png) top left repeat;
}


/** [SIDE BAR Menu] **/

/** Main List **/
div#johns_menu ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div#johns_menu ul li { margin: 0 0 3px 0; width: 150px; max-width: 150px !important;}

div#johns_menu ul li a {
	display: block;
	padding: 2px 2px 2px 24px;
	border: 1px solid #898;
	width:100%;
	background: #999 url('../images/l1_down.gif') left -2px;
}

div#johns_menu ul li a:link, div#johns_menu ul li a:visited {
      color: #EEE;
      text-decoration: none;
      font-weight:bold;
}

div#johns_menu ul li a:hover, div#johns_menu ul li.current_page_item a:link, div#johns_menu ul li.current_page_item a:visited, div#johns_menu ul li.current_page_item a:hover {
      border: 1px solid #999;
      background: #87D300 url('../images/l1_over.gif') left -2px;
      color: #fff;
}

/** First Indent **/
div#johns_menu ul li ul { margin: 3px 0 0px 0; }
div#johns_menu ul li ul li { margin: 0 0 3px 0; width: 138px; max-width: 138px !important;}
div#johns_menu ul li ul li a, 
      div#johns_menu ul li ul li a:hover, 
      div#johns_menu ul li ul li.current_page_item a:link, 
      div#johns_menu ul li ul li.current_page_item a:visited, 
      div#johns_menu ul li ul li.current_page_item a:hover, 
      div#johns_menu ul li.current_page_item ul li a:link, 
      div#johns_menu ul li.current_page_item ul li a:visited, 
      div#johns_menu ul li.current_page_item ul li a:hover 
	    {background-position: 12px -3px; padding-left:36px;}
div#johns_menu ul li.current_page_item ul li a:link, 
      div#johns_menu ul li.current_page_item ul li a:visited 
	    {background-image:url('../images/l1_down.gif');}
div#johns_menu ul li.current_page_item ul li a:hover
      {background-image:url('../images/l1_over.gif');}
      
/** Sencond Indent **/
div#johns_menu ul li ul li ul li { margin: 0 0 3px 0; width: 126px; max-width: 126px !important;}
div#johns_menu ul li ul li ul li a, 
      div#johns_menu ul li ul li ul li a:hover, 
      div#johns_menu ul li ul li ul li.current_page_item a:link, 
      div#johns_menu ul li ul li ul li.current_page_item a:visited, 
      div#johns_menu ul li ul li ul li.current_page_item a:hover, 
      div#johns_menu ul li ul li.current_page_item ul li a:link, 
      div#johns_menu ul li ul li.current_page_item ul li a:visited, 
      div#johns_menu ul li ul li.current_page_item ul li a:hover 
	    {background-position: 24px -3px; padding-left:48px;}
div#johns_menu ul li ul li.current_page_item ul li a:link, 
      div#johns_menu ul li ul li.current_page_item ul li a:visited 
	    {background-image:url('../images/l1_down.gif');}
div#johns_menu ul li ul li.current_page_item ul li a:hover
      {background-image:url('../images/l1_over.gif');}
      
/** SideBar News Menu **/
div#news_menu ul, div#info_menu ul {
	margin: 6px 0 6px 6px;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div#news_menu ul li, div#info_menu ul li { margin: 6px 0 8px 0; font-size:0.8em;}

div#news_menu ul li a:link, div#news_menu ul li a:visited, div#info_menu ul li a:link, div#info_menu ul li a:visited {
      color: #666;
      text-decoration: none;
      font-weight:bold;
}

div#news_menu ul li a:hover, div#info_menu ul li a:hover {
      color: #333;
      text-decoration: none;
      font-weight:bold;
}

/** Chinese Menu */
ul#menu_chino li a img {border:2px solid #fff;}
ul#menu_chino li a:hover img {border:2px solid #ccc;}