/* Styles for horizontal menu */
/*Menu: uses two .gif images 12px * 56 px with gradient up and gradient down*/

.menu{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px; 
line-height: 1.0em;
width: 100%; 
overflow: hidden;
}

.menu ul{
margin: 0;
padding: 2px; 
float: left;
width: 100%; /*width of menu*/
border: 1px solid #000080; 
border-width: 1px 0;
background: blue url(../images/blueup.gif) center center repeat-x;
}

.menu ul li{
display: inline;
}

/* indent first menu item to line up with left of Demuris logo */
.menu ul li#sp{
float: left;
color: white; /*text color*/
margin: 1px;
padding: 5px 8px ; /* indented part spaced 5px from top & bottom, and 8px at sides */
text-decoration: none;
border-right: 1px solid #0020B0; /* divider between menu items*/
}

.menu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 20px; /* indented part spaced 5px from top & bottom, and 20px at sides */
text-decoration: none;
border-right: 1px solid #0020B0; /* divider between menu items*/
}

.menu ul li a:visited{
color: white;
}

.menu ul li a:hover, .menu ul li .active{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: blue url(../images/bluedown.gif) center center repeat-x;
}