You can view the CSS code used for styling this website by using the web developers toolbar. There is a tutorial here which outlines the techniques used with the web developers toolbar:
Troubleshooting DotNetNuke SkinsIt is created with the house menu (v1.3.1)
This is the code used, for the hover over look at the #HouseMenuNav li a:hover
You may also want to check out:
How to install and configure the House of Nuke menu for a DotNetNuke skinHow to create Horizontal CSS menus in DotNetNuke using the HouseMenu/* Main Horizontal Menu */
#HouseMenuNav
{
/* menu wrapper div */
padding: 0 0 0 80px;
/*positions menu so orange line displays underneath */
margin-top: -13px;
font-size: 100%;
font-weight: bold;
font-family: Tahoma, Arial, "MS Sans Serif", Tahoma, Arial, Helvetica, sans-serif;
/* stops menu from dropping down to next level, in em so that the width expands when a user increases size of text */
width: 64em;
}
#HouseMenuNav ul
{
/* all submenu lists */
padding: 0;
border: 0;
/* margin: 0; */
list-style: none;
color: #FFF;
/* expands the blue area for IE7 */
margin: 5px 0 6px 0;
}
#HouseMenuNav a
{
/* all links within the menu wrapper */
border-right: 1px solid #FFD67F;
background-color: #323275;
/* removes horizontal gap between each menu item */
margin: 0px -2px 0 -2px;
}
#HouseMenuNav li
{
/* all list items */ /* -- Border around each menu item -- */
/* border-bottom: 1px solid #ED9F9F; /* added for opera browser to remove bullets on lists */
list-style: none;
display: inline; /* - set's horizontal */
/* padding: 3px 0 3px 0; */
}
#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
/* main colour of the menu */
/* height: 20px; */
/*expands the blue area around each menu item */
padding: 5px 12px 6px 12px;
color: #FFF;
text-decoration: none; /* added for opera */
}
#HouseMenuNav li a:hover
{
background-color: #4949AB;
color: #FFF;
text-decoration: underline;
}