/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */

body{background-color:#000;}
/*MENU*/
#menuContainer{height:30px;background-color:#000;border:1px solid #CCCCCC;width:1000px;margin:0 auto;}
#menu {width: 975px;margin:0 auto;height: 30px;color: #fff;list-style: none !important;}

/* MENU DROPDOWN */
#menu li a, #menu li a:visited {
text-align: center;
display: block;
text-decoration: none;
color:#FFF;
padding: 0px 9px 0 9px;
margin: 0px 5px 0 0;
line-height: 30px;
list-style:none !important;
}
#menu li a:hover, #menu li a:visited:hover {
color:#000;
text-decoration: none;
background:#FFF;
}

/* MENU DROPDOWN SUB-MENUS */
#menu li ul li a, #menu li ul li a:visited {
width: 270px;
text-align: left;
display: block;
text-decoration: none;
color: #fff;
padding: 0px 9px 0 9px;
margin: 0px 5px 0 0;
line-height: 30px;
background-color:#000;
position: relative;
z-index: 300;
}
#menu li ul li a:hover, #menu li ul li a:visited:hover {
color:#000;
text-decoration: none;
background:#FFF;
}
#menu li ul {position: absolute; visibility: hidden; list-style: none;}
#menu li:hover ul, #menu li.hover ul {visibility: visible;}
#menu li:hover ul ul, #menu li.hover ul ul {visibility: hidden;}
#menu li li:hover ul, #menu li li.hover ul {visibility: visible;}
#menu li li:hover ul ul, #menu li li.hover ul ul {visibility: hidden;}
#menu li li li:hover ul, #menu li li li.hover ul {visibility: visible;}
#menu li {float: left;}
#menu li ul li {float: none;}
#menu-header li.current-menu-item a {background-color:#00CCFF;}