/* Styles for horizontal menu */
/*Menu: uses two .gif images 24px * 72 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;
	margin-bottom: 20px;
}

.menu ul{
	margin: 0;
	padding: 2px;
	float: left;
	width: 100%; /*width of menu*/
	border: 1px solid #000080;
	border-width: 1px 0;
	background: #FFF url(../images/blueup2.gif) repeat-x center center;
}

.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 16px; /* 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/bluedown2.gif) center center repeat-x;
}

