#menu
{

width: 960px;
height:25px;
margin:0 auto;
 top : -60px;
}
    
ul#button 
{
  padding-left:7px;
  padding-bottom:10px;
  padding-left:200px;
  padding-top:6px;
    /*padding:7px 7px 7px 450px;*/
    position:inherit;
    z-index:1;
	top: -110px;
	left: 10px;
	width: 584px;
	height: 10px;
}


ul#button li 
{

display: inline;
margin: 0.1em 1em;

position: relative;

display: inline;

padding: 0;


}

ul#button h2, ul#button h3 {
font-size: 100%;
font-weight:normal ;
display: inline;

}


ul#button li a 
{    
font-size:14px;
text-decoration: none;
/*margin-top:100px;*/
padding:0.9em ;
font: bold 12px Arial;
color: black;
text-decoration: none;
width: 100px;

margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 0px 10px; /*Padding within each menu item*/
/*background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
/*-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;*/
}

ul#button li a:hover 
{	
/*background-image: url(../images/hover1.png);*/
color : Orange ;
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/

}

ul#button li.mega a 
{    
    
    text-decoration: none;
    padding:0.9em ;
    font: bold 12px Arial;
    color: black;
    margin: 0 1px 0 0; /*Margin between each menu item*/
    padding: 5px 10px 9px 10px; /*Padding within each menu item*/
    background-color: white; /*Default menu color*/
    
}

ul#button li.mega a:hover {
    color:orange;

}

ul#button li span 
{    
font-size:14px;
text-decoration: none;
/*margin-top:100px;*/
padding:0.9em ;
font: bold 12px Arial;
color: black;
text-decoration: none;

padding: 5px 10px 9px 10px; /*Padding within each menu item
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
/*-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;*/
}

ul#button li.mega span:hover {
    color:#ffffff;
background-color: #29AFFC; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/

}


ul#button div {
display: none;
}

ul#button li.mega div {
    border: 1px solid #dda;
    width: 20em;
    position: absolute;
    top: 30px;
    left: 0em;
    padding: 10px;
    background: #ffc;
    color: #930;
    z-index:2;
}

ul#button li.hovering div {
    display: block;
}

ul#button li.mega div a { /*mega a link*/
    color: #300;
    padding: 0;
    background-image: none;
    background:transparent;
}

ul#button li div a.more {
    color: #390;
    font-weight: bold;
}


ul#button div h3 {
    color: #f70;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: underline;
}

ul#button div p {
    margin: 0 0 0.8em 0;
    padding: 0;
    background: transparent;
}

ul#button li.mega p:hover {
    color:orange;
}

ul#button li.mega div p { /*mega a link*/
    color: #300;
    padding: 0;
    background-image: none;
    background:transparent;
}