/* MENU CSS

Theme Name: TBC Style JA

Theme URI: http://media.tokyobaptist.org

Description: Theme for www.tokyobaptist.org

Version: 1.0

Author: Jesse Cesario

*/

.float_left{
float:left;
}

#menu {
outline:none; 
margin-top:0;
margin-bottom:0;
padding:0;
}

.menu {
float:left; 
border:none; 
padding:0; 
margin-left:3%; 
list-style-type:none;
margin-top:0px;
margin-bottom:0px;
}

.menu li {
float:left; 
white-space:nowrap; 
display: inline; 
position: relative; 
top: 0px; 
margin:0px;
}


.menu a {
  display:block; border:0px;
  font: 1.1em Verdana, Lucida, Helvetica, Arial, sans-serif; 
  font-weight:none;  font-style:none;
  text-align:left; text-decoration:none;
  background-color:#000;
  color:white;
  padding-top:1px; padding-bottom:1px;  
  padding-right:38px;  padding-left:0px;

 }

 
.menu a:hover { 
  background-color:black; color:white;
  font:Verdana, Lucida, Helvetica, Arial, sans-serif !important; 
  text-decoration:none;
  border:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
}


.menu a:visited {  } .menu a:active {  } .menu li.current a {  }


.menu ul {
  display: none;
  list-style: none;
  text-align: left;
  position: absolute;
  width: 30px;
  right: auto;
  padding: 0;
  margin: -2px 0 0 0;
}


.menu li#end ul {width: 130px; right: 46px; margin: -2px 0 0 0;
}

.menu ul li {
  border-left:1px solid black;
  border-right:1px solid black;
  border-bottom:1px solid black;
  line-height: 11px;
  width: 9em;
  margin: 0;
  padding: 1px 1px 1px 1px;
}



.menu ul li:first-child {border-top:2px solid black;}

.menu ul li.b {border-top:4px solid white;}

.menu ul li.i a {padding-left:12px;}

.menu ul li.s { }

.menu ul li a {
font:bold .85em Verdana, Lucida, Helvetica, Arial, sans-serif;
background-color: white;
color:black;
  display: block;
  border: none;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  width: 100%;
  margin: 0;
  padding: 0;
}


.menu li:hover, .menu li.sfhover { z-index: 1000; background-color:#000000;}

.menu li:hover ul, .menu li.sfhover ul { display: block; }

.menu li ul li {border-color: black;  background-color: white; color:black}



.menu li.current ul li a { }



.menu li ul li:hover {font-style:normal; background-color:#000000 !important; color:white !important;}



.menu li ul li:hover a {color:#ffffff !important;}



.menu li ul li a:hover {
  font-style:normal;
  border:none !important;
  background-color:transparent !important;
  color:#ffffff !important;
}



.jmenu { float:left; border:none; padding:0; margin:0; list-style-type:none; }



.jmenu li {

  float:left; white-space:nowrap;

  display: inline;

  position: relative;

  top: 0px;

  margin:0px;

	

}



.jmenu a {

  display:block; border:0px;

  padding-top:1px; padding-bottom:0px;

  font:bold 1.2em Verdana, Lucida, Helvetica, Arial, sans-serif; 

	font-weight:bold;

   font-style:none;

  text-align:left; 

  text-decoration:none;

  background-color:none; color:white;

  padding-right:0px;

  padding-left:50px;

  		

		

 }

 

.jmenu a:hover { 

  background-color:#000000; color:#0033FF;

	font:Verdana, Lucida, Helvetica, Arial, sans-serif !important; 

  text-decoration:none;

  border:0px;

  -moz-border-radius-topleft:0px;

  -moz-border-radius-topright:0px;

}







.jmenu a:visited {  }



.jmenu a:active {  }



.jmenu li.current a {  }



.jmenu ul {

  display: none;

  list-style: none;

  text-align: left;

  position: absolute;

  width: 30px;

  right: auto;

  padding: 0;

  margin: -2px 0 0 0;

}



.jmenu li#end ul {

  width: 130px;

  right: 46px;

  margin: -2px 0 0 0;

}



.jmenu ul li {



  border-left:1px solid white;

  border-right:1px solid white;

  border-bottom:1px solid white;

  line-height: 16px;

  width: 10em;

  margin: 0;

  padding: 1px 1px 1px 1px;

}



.jmenu ul li:first-child {

  border-top:2px solid blue;

}



.jmenu ul li.b {

  border-top:4px solid blue;

}



.jmenu ul li.i a {

  padding-left:12px;

}



.jmenu ul li.s { }



.jmenu ul li a {

font:bold 1em Verdana, Lucida, Helvetica, Arial, sans-serif;

background-color:#2554C7;

color:white;

  display: block;

  border: none;

  text-align: left;

  text-decoration: none;

  font-weight: normal;

  width: 100%;

  margin: 0;

  padding: 0;

}



.jmenu li:hover, .jmenu li.sfhover { z-index: 1000; background-color:#000000;}

.jmenu li:hover ul, .jmenu li.sfhover ul { display: block; }



.jmenu li ul li {

  border-color: blue;

  background-color: #ffffee;

	color:blue

}



.jmenu li.current ul li a { }



.jmenu li ul li:hover {

font-style:normal;

  background-color:#000000 !important;

  color:blue !important;

}



.jmenu li ul li:hover a {

  color:#ffffff !important;

}



.jmenu li ul li a:hover {

  font-style:normal;

  border:none !important;

  background-color:transparent !important;

  color:#ffffff !important;

}
 