/* background - top right bottom left*/
/*.neon {margin:5px auto 5px 0;*/
/* padding:5px 0 5px 5px;*/
.neon {margin:2px auto 2px 0;
 padding:2px 0 2px 5px;
 list-style:none;
 background:#444444;
 width:960px;}

 /* display the list items inline with a right margin to space the buttons, pre-load the hover image */
.neon li {display:inline;
 float:left;
 background:url(img/menu_on.gif);}

/* style the links and place the background image to start from left edge */
.neon li a {display:block;
 height:40px;
 float:left;
 background:url(img/menu_off.gif);
 text-decoration:none;
 font-size:14px;
 font-family:"Georgia",arial, sans-serif;
 letter-spacing:1px;
 line-height:38px;}

/* style the text element to position it to the right by 20 pixels and even out the text with 20 pixel right padding */
.neon li a b {margin:0 0 0 20px;
 display:inline;
 float:left;
 height:40px;
 background:url(img/menu_off.gif) right top;
 padding:0 20px 0 0;
 color:#666666;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.neon li a:hover, .neon li a:hover b {border:0; background-image:url(img/menu_on.gif);
 cursor:pointer;
 color:#999999;}

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(img/menu_on.gif);
 color:#FFFFFF;
 cursor:default;}

div.menubox
{
width:980px;
height:120px;
margin:2px;
text-align:left;
float: left;
border-bottom-style: double;
border-bottom-color: #222222;
}

div.menuright
{
width:490px;
height:50px;
margin:10px 0 0 0;
float: right;
}


div.menubar
{
width:970px;
height:50px;
/*margin:2px;*/
text-align:left;
float: left;
}