div#upperNav{
clear: both;
display: block;
text-align: center;
margin: 0 auto;
width: 100%;
border-bottom: solid 1px #000000;
color: inherit;
}

ul.noBullet{list-style: none;}

/*** Nav bar styles ***/

ul#nav, #nav ul{
/*Remove all spacings from the list items*/
margin: 0;
padding: 0;
cursor: default;
list-style: none;
display: inline;
}

ul#nav{
display: table;
width: 100%;
table-layout: fixed;
}

ul#nav>li{
display: table-cell;
position: relative;
/*padding: 2px 6px;*/
}

#nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
display: block;
/*padding: 2px 10px;*/
}


/*** Menu colors (customizable) ***/

ul#nav,
#nav ul,
#nav ul li a{
background-color: #ffffff;
color: #5588aa;
text-align: center;
}


ul#nav li:hover,
#nav li.sfhover,
#nav ul li a:hover{
background-color: #88A6C0;
}

ul#nav li:active,
#nav ul li a:active{
background-color: #6684A0;
color: #ffffff;
}

ul#nav,
#nav ul{
border-top: 1px solid #5588aa;
}

#nav a{
background-color: inherit;
text-decoration: none;
color: #000088;
font-weight: bold;
}