/* VERTICAL LIST */

#vertnavlist li
{
display: inline;
/* for IE5 and IE6 */
}

#vertnavlist
{
width: 120px;
/* to display the list horizontaly */
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 90%;
margin: 0;
padding: 0;
border-top: 1px #fff solid;
border-left: 1px #fff solid;
border-right: 1px #970158 solid;
border-bottom: 1px #970158 solid;
}

#vertnavlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #EF008B;
border-bottom: 1px #F0EFF4 solid;
text-align: center;
text-decoration: none;
color: #F0EFF4;
padding: 3px 0;
}

#vertnavlist a#current {
	color: #F0EFF4;
	background: #0068E5;
}

#vertnavlist a:hover { color: #F0EFF4; background-color: #0068E5; }
#vertnavlist a:visited,
#vertnavlist a:visited { color: #F0EFF4; }


/* HORIZONTAL LIST */

div#navcontainer
{

width: 650px;
text-align: left;

}

div#navcontainer ul
{
width: 500px;
display: inline;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
text-align: left;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

div#navcontainer ul li
{
display: inline;
padding:0;
margin:0;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 2px 10px 2px 10px;
color: #fff;
font-weight: bold;
text-decoration: none;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
border-right: 1px #970158 solid;
border-bottom: 1px #970158 solid;
margin-top: 2px;
}

div#navcontainer ul li a:hover
{
color: #F0EFF4; 
background-color: #0068E5;
}

#first a { border-left: 1px solid #7682A9; }