/* style the outer div to give it width */
.menu
{
position:relative;
width:950px;
margin-left: 0px;
text-align: center;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
{
padding:0;
margin:0;
list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li
{
float:left;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited
{
display:block;
text-decoration:none; 
color: #fff;
width:auto; 
height:20px;
margin-left: 34px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #FFFFFF;
letter-spacing: 0px;
line-height:20px;
}

/* style the top level hover */
.menu a:hover
{
color:#CCCCCC;
}

/* style the top level active link */
.active a, .active a:visited
{
color:#FFFFCC;
}

/* a hack so that IE faulty box model is corrected */
* html .menu a, * html .menu a:visited, * html .activelink
{
/*width:130px;*/
/*w\idth:130px;*/
/*margin-left: 5px;*/
/*m\argin-left: 5px;*/
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}