*{
margin:0;
padding:0;
}

body{
background:#011B36;
font-size:14px;
color:#505050;
}
#menubar-container{
overflow: hidden;
width:782px;
height:32px;
background: transparent;
padding: 0;
margin:25px auto;
}
#menubar{
overflow: hidden;
width:770px;
height:32px;
background: url('images/menubar-x.gif') repeat-x;
padding: 0;
}

/*Begin Menubar Buttons CSS*/
#menubar a.button{
background: transparent url('images/button-left.gif') no-repeat top left;
font-family:tahoma, "Trebuchet MS", arial,sans-serif;
display: block;
float: left;
font-size: 13px;
color: #ffffff;
font-weight:normal;
line-height: 30px;
height: 32px;
margin-left:15px;
padding-left: 19px;
margin-right: 15px;
}
#menubar a.button:link, #menubar a.button:visited{
background: transparent;
display: block;
float: left;
line-height: 30px;
height: 32px;
margin-left:15px;
padding-left: 19px;
text-decoration: none;
margin-right: 15px;
}
#menubar a.button span{
background: transparent;
display: block;
padding: 0px 16px 0px 0;
}
/*End Menubar Buttons CSS*/


/*Begin Menubar :hover & :active effect*/
#menubar a.button:hover{
background: transparent url('images/button-left.gif') no-repeat top left;
display: block;
float: left;
line-height: 30px;
height: 32px;
margin-left:15px;
padding-left: 19px;
text-decoration: none;
margin-right:15px;
}
#menubar a.button:hover span{
background: transparent url('images/button-right.gif') no-repeat top right;
display: block;
padding: 0px 16px 0px 0;
}
#menubar a.button:active{/*Note: "active" links only seem to work in IE*/
background: transparent url('images/button-left.gif') no-repeat top left;
display: block;
float: left;
line-height: 30px;
height: 32px;
margin-left:15px;
padding-left: 19px;
text-decoration: none;
margin-right:15px;
}
#menubar a.button:active span{/*Note: "active" links only seem to work in IE*/
background: transparent url('images/button-right.gif') no-repeat top right;
display: block;
padding: 0px 16px 0px 0;
}
/*End Menubar :hover & :active effect*/


/*Begin Menubar Left "Cap"*/
#menubar-container div.leftcap{
background:url('images/menubar-left.gif') no-repeat;
float: left;
width: 6px;
height:32px;
position: relative;
top: 0;
left:0;
}
/*End Menubar Left "Cap"*/


/*Begin Menubar Right "Cap"*/
#menubar-container div.rightcap{
background:url('images/menubar-right.gif') no-repeat;
float: right;
width: 6px;
height:32px;
position:relative;
top:0;
right:6px;
margin:-32px -6px 0 0;
}

/*End Menubar Right "Cap"*/